SlideShare uma empresa Scribd logo
É a designação abreviada para HyperText Markup
Language, uma linguagem de programação
composta por letras e abreviaturas (tags) utilizadas
para criar documentos na Internet. Estas tags não
são mais do que instruções que indicam ao
browser a forma e o aspeto que a página assume
aos olhos de um visitante.
1. As tags encontram-se sempre ladeadas pelos caracteres
“<>” (Ex: <HTML>);
2. Normalmente, e salvo raras exceções, utilizam-se
sempre aos pares e delimitam o texto que se pretende
afetar.
A primeira tag (tag de inicialização) dá início à alteração
que se pretende efetuar e a segunda (tag de finalização)
devolve a condição à sua situação inicial;
3. A tag de finalização é sempre igual à tag de inicialização,
com a única diferença de ser precedida por uma barra “/”
(ex.: </B>);
4. Caso exista mais do que uma tag dentro da mesma
instrução HTML, a primeira tag a ser finalizada será a
última que foi encerrada, caso contrário o resultado final
não será desejado.
<HEAD><TITLE>Título</TITLE></HEAD>
5. Algumas tags possibilitam a introdução de atributos cujo
valor tem a capacidade de alterar o comportamento normal
da tag. Por exemplo, o atributo ALIGN quando colocado
dentro da tag de parágrafo <P>, permite definir o
alinhamento do próximo parágrafo do texto (um parágrafo
alinhado ao centro seria: <P ALIGN=”CENTER”>)
Para que o browser utilizado consiga reconhecer e interpretar a
linguagem HTML, a maior parte das instruções presentes em qualquer
página Web são compostas por uma tag inicial e por uma tag final
facilmente identificáveis uma vez que se encontram ladeadas pelos
caracteres “<>”.
Basicamente, a página que se propõe construir deve assentar na
seguinte estrutura base:
<HTML>
<HEAD>
<TITLE> Título da página </TITLE>
</HEAD>
<BODY>
Conteúdo da sua página
</BODY>
</HTML>
Utilize as tags <HTML> e </HTML> para iniciar e terminar a
página que vai começar a construir. Quaisquer conteúdos
que tencione introduzir na página (texto, fotografias, links, ...)
deverão ser precedidos pelas tags <HEAD> e <BODY> e
encerrados pelas tags equivalentes (</HEAD> e </BODY>).
A tag <HEAD>, colocada logo a seguir a <HTML>, contém
todas as informações correspondentes ao cabeçalho da
página; isto é, será nessa zona que vamos definir o título da
mesma e colocar as respectivas Tags
A tag <BODY> (“corpo”), deverá ser colocada logo após a
tag </HEAD>, define o conteúdo da página propriamente
dito, e apenas poderá ser finalizada imediatamente antes da
tag </HTML>.
Por defeito, o fundo de uma página HTML é branco, mas se
podemos, sempre escolher uma outra cor.
Para aplicarmos uma cor ao fundo teremos de usar o
comando BGCOLOR inserido dentro da tag BODY, isto é,
para colocar um fundo verde escuro, a instrução a utilizar
será: <BODY BGCOLOR="#008000"> Se, quisermos colocar
uma imagem como fundo da página devemos usar o
comando; BACKGROUND="nome-da- imagem“.
Qualquer que seja a imagem de fundo a utilizar tem que ter a
extensão GIF ou JPG, e não se esqueça que quanto maior
for a imagem, maior será o tempo que a página levará a
aparecer.
Os links podem ser externos ou internos. Um link interno é
aquele que direciona o utilizador para outra página dentro do
mesmo site e, neste caso, a instrução a utilizar é: <A
HREF="outra_pagina.html"> Outra página</A>O texto
colocado entre as tags <A> e </A> será utilizado como
legenda do link, o qual, aparece sublinhado e assinalado a
azul.
Um link externo conduz os utilizadores para outro site e,
neste caso, vai precisar de colocar o URL (endereço web)
completo associado ao site para o qual pretende redirecionar
a sua pá gina. Por exemplo, para colocar um link para o Clix
a instrução correta é: <A HREF="http://www.clix.pt"> CLIX
</A>. Em muitas páginas, e por uma questão de estética, as
imagens também são utilizadas como link.

Mais conteúdo relacionado

Mais procurados

HTML - Aula 01 - Estrutura básica e tags básicas no html
HTML - Aula 01 - Estrutura básica e tags básicas no htmlHTML - Aula 01 - Estrutura básica e tags básicas no html
HTML - Aula 01 - Estrutura básica e tags básicas no html
Tiago Luiz Ribeiro da Silva
 
Aula 02
Aula 02Aula 02
Css tutorial
Css tutorialCss tutorial
Css tutorial
Cezar Bruno
 
426 curso html
426 curso html426 curso html
426 curso html
Welluma Romagnone
 
HTML Principios Básicos
HTML Principios BásicosHTML Principios Básicos
HTML Principios Básicos
Mayza de Oliveira
 
HTML Básico 2
HTML Básico 2HTML Básico 2
HTML Básico 2
ProfessorLuiz
 
Codificações basicas em HTML e XML
Codificações basicas em HTML e XMLCodificações basicas em HTML e XML
Codificações basicas em HTML e XML
Hyago Cavalcante
 
Html básico
Html básicoHtml básico
Html básico
Devmedia
 
HTML
HTMLHTML
Apostila html,xhtml e css
Apostila html,xhtml e cssApostila html,xhtml e css
Apostila html,xhtml e css
Sliedesharessbarbosa
 
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
André Constantino da Silva
 
Aula 09
Aula 09Aula 09
Html - capitulo 05
Html - capitulo 05Html - capitulo 05
Html - capitulo 05
Alvaro Gomes
 
Aula 07
Aula 07Aula 07
HTML introdução
HTML  introduçãoHTML  introdução
HTML introdução
Sandro Lopes
 
00 a linguagem html
00 a linguagem html00 a linguagem html
00 a linguagem html
Vasco Ferreira
 
Html Básico
Html BásicoHtml Básico
Html
HtmlHtml
Aula 2 - Conceitos básicos
Aula 2 - Conceitos básicosAula 2 - Conceitos básicos
Aula 2 - Conceitos básicos
Fernando Fabricio
 
Html aula 1
Html aula 1Html aula 1
Html aula 1
Sedu
 

Mais procurados (20)

HTML - Aula 01 - Estrutura básica e tags básicas no html
HTML - Aula 01 - Estrutura básica e tags básicas no htmlHTML - Aula 01 - Estrutura básica e tags básicas no html
HTML - Aula 01 - Estrutura básica e tags básicas no html
 
Aula 02
Aula 02Aula 02
Aula 02
 
Css tutorial
Css tutorialCss tutorial
Css tutorial
 
426 curso html
426 curso html426 curso html
426 curso html
 
HTML Principios Básicos
HTML Principios BásicosHTML Principios Básicos
HTML Principios Básicos
 
HTML Básico 2
HTML Básico 2HTML Básico 2
HTML Básico 2
 
Codificações basicas em HTML e XML
Codificações basicas em HTML e XMLCodificações basicas em HTML e XML
Codificações basicas em HTML e XML
 
Html básico
Html básicoHtml básico
Html básico
 
HTML
HTMLHTML
HTML
 
Apostila html,xhtml e css
Apostila html,xhtml e cssApostila html,xhtml e css
Apostila html,xhtml e css
 
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
 
Aula 09
Aula 09Aula 09
Aula 09
 
Html - capitulo 05
Html - capitulo 05Html - capitulo 05
Html - capitulo 05
 
Aula 07
Aula 07Aula 07
Aula 07
 
HTML introdução
HTML  introduçãoHTML  introdução
HTML introdução
 
00 a linguagem html
00 a linguagem html00 a linguagem html
00 a linguagem html
 
Html Básico
Html BásicoHtml Básico
Html Básico
 
Html
HtmlHtml
Html
 
Aula 2 - Conceitos básicos
Aula 2 - Conceitos básicosAula 2 - Conceitos básicos
Aula 2 - Conceitos básicos
 
Html aula 1
Html aula 1Html aula 1
Html aula 1
 

Semelhante a 0151

Html completo
Html completoHtml completo
Html completo
EMSNEWS
 
Curso html
Curso htmlCurso html
Curso html
richard_romancini
 
Xhtml 2011 - atualizado
Xhtml   2011 - atualizadoXhtml   2011 - atualizado
Xhtml 2011 - atualizado
Sergio Finamore
 
HTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdfHTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdf
Cesar Braz
 
Html
HtmlHtml
Html
EMSNEWS
 
Html manual
Html manualHtml manual
html
html html
Html manual
Html manualHtml manual
Html manual
tiagosurf
 
Manual completo de_html 01
Manual completo de_html 01Manual completo de_html 01
Manual completo de_html 01
Reinaldo Vieira dos Santos
 
Html
HtmlHtml
Html
EMSNEWS
 
Curso html
Curso htmlCurso html
Curso html
paulohenrique1410
 
Html
HtmlHtml
ebook-material-didatico-sistemas-para-internet.pdf
ebook-material-didatico-sistemas-para-internet.pdfebook-material-didatico-sistemas-para-internet.pdf
ebook-material-didatico-sistemas-para-internet.pdf
RMartinxxx
 
Introdução ao HTML.pptx
Introdução ao HTML.pptxIntrodução ao HTML.pptx
Introdução ao HTML.pptx
Brendo Paulino dos Santos
 
Linguagem de-programacao-html 2
Linguagem de-programacao-html 2Linguagem de-programacao-html 2
Linguagem de-programacao-html 2
Simba Samuel
 
Apoio1020 apostila html
Apoio1020 apostila htmlApoio1020 apostila html
Apoio1020 apostila html
Reinaldo Vieira dos Santos
 
Aula1web html
Aula1web htmlAula1web html
Aula1web html
blackbanks
 
Manual de HTML TIC 2020.pdf
Manual de HTML TIC 2020.pdfManual de HTML TIC 2020.pdf
Manual de HTML TIC 2020.pdf
ElsioDeMelo
 
O que é html
O que é htmlO que é html
O que é html
Eduardo Kiefer
 
W3 c
W3 cW3 c
W3 c
icajai
 

Semelhante a 0151 (20)

Html completo
Html completoHtml completo
Html completo
 
Curso html
Curso htmlCurso html
Curso html
 
Xhtml 2011 - atualizado
Xhtml   2011 - atualizadoXhtml   2011 - atualizado
Xhtml 2011 - atualizado
 
HTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdfHTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdf
 
Html
HtmlHtml
Html
 
Html manual
Html manualHtml manual
Html manual
 
html
html html
html
 
Html manual
Html manualHtml manual
Html manual
 
Manual completo de_html 01
Manual completo de_html 01Manual completo de_html 01
Manual completo de_html 01
 
Html
HtmlHtml
Html
 
Curso html
Curso htmlCurso html
Curso html
 
Html
HtmlHtml
Html
 
ebook-material-didatico-sistemas-para-internet.pdf
ebook-material-didatico-sistemas-para-internet.pdfebook-material-didatico-sistemas-para-internet.pdf
ebook-material-didatico-sistemas-para-internet.pdf
 
Introdução ao HTML.pptx
Introdução ao HTML.pptxIntrodução ao HTML.pptx
Introdução ao HTML.pptx
 
Linguagem de-programacao-html 2
Linguagem de-programacao-html 2Linguagem de-programacao-html 2
Linguagem de-programacao-html 2
 
Apoio1020 apostila html
Apoio1020 apostila htmlApoio1020 apostila html
Apoio1020 apostila html
 
Aula1web html
Aula1web htmlAula1web html
Aula1web html
 
Manual de HTML TIC 2020.pdf
Manual de HTML TIC 2020.pdfManual de HTML TIC 2020.pdf
Manual de HTML TIC 2020.pdf
 
O que é html
O que é htmlO que é html
O que é html
 
W3 c
W3 cW3 c
W3 c
 

Mais de anibalaldeia

Listagem alterações ao código trabalho
Listagem alterações ao código trabalhoListagem alterações ao código trabalho
Listagem alterações ao código trabalho
anibalaldeia
 
Dl 50 2005
Dl 50 2005Dl 50 2005
Dl 50 2005
anibalaldeia
 
Foi detectado
Foi detectadoFoi detectado
Foi detectado
anibalaldeia
 
0158
01580158
135
135135
161
161161
guiao
guiaoguiao
134
134134
Cp4
Cp4Cp4
Cp5
Cp5Cp5
133edireito
133edireito133edireito
133edireito
anibalaldeia
 
Stc7
Stc7Stc7
Lei
LeiLei
Técnico de multimédia 132
Técnico de multimédia 132Técnico de multimédia 132
Técnico de multimédia 132
anibalaldeia
 
149
149149
Cp1
Cp1Cp1
Marketing digital
Marketing digitalMarketing digital
Marketing digital
anibalaldeia
 

Mais de anibalaldeia (20)

Listagem alterações ao código trabalho
Listagem alterações ao código trabalhoListagem alterações ao código trabalho
Listagem alterações ao código trabalho
 
Dl 50 2005
Dl 50 2005Dl 50 2005
Dl 50 2005
 
Foi detectado
Foi detectadoFoi detectado
Foi detectado
 
0158
01580158
0158
 
135
135135
135
 
161
161161
161
 
guiao
guiaoguiao
guiao
 
134
134134
134
 
Cp4
Cp4Cp4
Cp4
 
Cp5
Cp5Cp5
Cp5
 
133edireito
133edireito133edireito
133edireito
 
Stc7
Stc7Stc7
Stc7
 
Yourprezi138
Yourprezi138Yourprezi138
Yourprezi138
 
Yourprezi150
Yourprezi150Yourprezi150
Yourprezi150
 
Yourprezi147
Yourprezi147Yourprezi147
Yourprezi147
 
Lei
LeiLei
Lei
 
Técnico de multimédia 132
Técnico de multimédia 132Técnico de multimédia 132
Técnico de multimédia 132
 
149
149149
149
 
Cp1
Cp1Cp1
Cp1
 
Marketing digital
Marketing digitalMarketing digital
Marketing digital
 

Último

PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
Faga1939
 
História da Rádio- 1936-1970 século XIX .2.pptx
História da Rádio- 1936-1970 século XIX   .2.pptxHistória da Rádio- 1936-1970 século XIX   .2.pptx
História da Rádio- 1936-1970 século XIX .2.pptx
TomasSousa7
 
Certificado Jornada Python Da Hashtag.pdf
Certificado Jornada Python Da Hashtag.pdfCertificado Jornada Python Da Hashtag.pdf
Certificado Jornada Python Da Hashtag.pdf
joaovmp3
 
Segurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas PráticasSegurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas Práticas
Danilo Pinotti
 
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdfTOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
Momento da Informática
 
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdfEscola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Gabriel de Mattos Faustino
 
Manual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdfManual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdf
WELITONNOGUEIRA3
 
Logica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptxLogica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptx
Momento da Informática
 

Último (8)

PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
 
História da Rádio- 1936-1970 século XIX .2.pptx
História da Rádio- 1936-1970 século XIX   .2.pptxHistória da Rádio- 1936-1970 século XIX   .2.pptx
História da Rádio- 1936-1970 século XIX .2.pptx
 
Certificado Jornada Python Da Hashtag.pdf
Certificado Jornada Python Da Hashtag.pdfCertificado Jornada Python Da Hashtag.pdf
Certificado Jornada Python Da Hashtag.pdf
 
Segurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas PráticasSegurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas Práticas
 
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdfTOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
 
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdfEscola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
 
Manual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdfManual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdf
 
Logica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptxLogica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptx
 

0151

  • 1.
  • 2. É a designação abreviada para HyperText Markup Language, uma linguagem de programação composta por letras e abreviaturas (tags) utilizadas para criar documentos na Internet. Estas tags não são mais do que instruções que indicam ao browser a forma e o aspeto que a página assume aos olhos de um visitante.
  • 3. 1. As tags encontram-se sempre ladeadas pelos caracteres “<>” (Ex: <HTML>); 2. Normalmente, e salvo raras exceções, utilizam-se sempre aos pares e delimitam o texto que se pretende afetar. A primeira tag (tag de inicialização) dá início à alteração que se pretende efetuar e a segunda (tag de finalização) devolve a condição à sua situação inicial; 3. A tag de finalização é sempre igual à tag de inicialização, com a única diferença de ser precedida por uma barra “/” (ex.: </B>);
  • 4. 4. Caso exista mais do que uma tag dentro da mesma instrução HTML, a primeira tag a ser finalizada será a última que foi encerrada, caso contrário o resultado final não será desejado. <HEAD><TITLE>Título</TITLE></HEAD> 5. Algumas tags possibilitam a introdução de atributos cujo valor tem a capacidade de alterar o comportamento normal da tag. Por exemplo, o atributo ALIGN quando colocado dentro da tag de parágrafo <P>, permite definir o alinhamento do próximo parágrafo do texto (um parágrafo alinhado ao centro seria: <P ALIGN=”CENTER”>)
  • 5. Para que o browser utilizado consiga reconhecer e interpretar a linguagem HTML, a maior parte das instruções presentes em qualquer página Web são compostas por uma tag inicial e por uma tag final facilmente identificáveis uma vez que se encontram ladeadas pelos caracteres “<>”. Basicamente, a página que se propõe construir deve assentar na seguinte estrutura base: <HTML> <HEAD> <TITLE> Título da página </TITLE> </HEAD> <BODY> Conteúdo da sua página </BODY> </HTML>
  • 6. Utilize as tags <HTML> e </HTML> para iniciar e terminar a página que vai começar a construir. Quaisquer conteúdos que tencione introduzir na página (texto, fotografias, links, ...) deverão ser precedidos pelas tags <HEAD> e <BODY> e encerrados pelas tags equivalentes (</HEAD> e </BODY>). A tag <HEAD>, colocada logo a seguir a <HTML>, contém todas as informações correspondentes ao cabeçalho da página; isto é, será nessa zona que vamos definir o título da mesma e colocar as respectivas Tags A tag <BODY> (“corpo”), deverá ser colocada logo após a tag </HEAD>, define o conteúdo da página propriamente dito, e apenas poderá ser finalizada imediatamente antes da tag </HTML>.
  • 7. Por defeito, o fundo de uma página HTML é branco, mas se podemos, sempre escolher uma outra cor. Para aplicarmos uma cor ao fundo teremos de usar o comando BGCOLOR inserido dentro da tag BODY, isto é, para colocar um fundo verde escuro, a instrução a utilizar será: <BODY BGCOLOR="#008000"> Se, quisermos colocar uma imagem como fundo da página devemos usar o comando; BACKGROUND="nome-da- imagem“. Qualquer que seja a imagem de fundo a utilizar tem que ter a extensão GIF ou JPG, e não se esqueça que quanto maior for a imagem, maior será o tempo que a página levará a aparecer.
  • 8. Os links podem ser externos ou internos. Um link interno é aquele que direciona o utilizador para outra página dentro do mesmo site e, neste caso, a instrução a utilizar é: <A HREF="outra_pagina.html"> Outra página</A>O texto colocado entre as tags <A> e </A> será utilizado como legenda do link, o qual, aparece sublinhado e assinalado a azul. Um link externo conduz os utilizadores para outro site e, neste caso, vai precisar de colocar o URL (endereço web) completo associado ao site para o qual pretende redirecionar a sua pá gina. Por exemplo, para colocar um link para o Clix a instrução correta é: <A HREF="http://www.clix.pt"> CLIX </A>. Em muitas páginas, e por uma questão de estética, as imagens também são utilizadas como link.