Introdução
Introdução ao HTML
Arquivo HTML
HTML » Hyper Text Markup Language
Um página HTML é um arquivo de texto contendo marcações (tag) HTML.
As tags são interpretadas pelo navegador e com isso a página é exibida.
A página pode ser salva em “htm” ou “html”, mas é recomendado usar “htm”.
Uma página HTML pode ser criada usando um editor simples de texto como o
Bloco de Notas
Iniciando: Primeira página.
Abra o Bloco de Notas do Windos
Digite o texto abaixo:
<html>
<head>
<title>Titulo da Página</title>
</head>
<body>
Aqui é o corpo da Página
</body>
</html>
Salve o arquivo como *”pagina1.htm”*.
Abra seu navegador (*Internet Explorer ou Firefox*). Selecione “*Abrir*” no
menu “*Arquivo*”. Selecione “*Procurar*” e localize o arquivo “*pagina1.htm*”
- clique no botão “*Abrir*”. Clique “*OK*” e visualize a página.
A primeira tag do seu arquivo HTML é *<html>*. Esta tag server para o
navegador interpretar que será usado um código HTML na página. A última tag
é a *</html> *que indica a finalização do documento.
Todo texto que estiver entre a tag <head> e a tag </head> são
informações do cabeçalho.
A tag <title> serve para indicar um titulo ao documento, esse será
visualizado na barra de titulo do navegador.
Todo conteúdo que estiver entre a tag <body> será visualizado no corpo do
navegador.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Elementos HTML
Tags HTML
Tags HTML são elementos da Linguagem de Formatação HTML
As tags HTML sempre fica entre um sinal de ”<” e “>”
Toda tag abre e fecha. Ex.: “<b> conteúdo </b>” ou “<br />”
É recomendado usar letras minúsculas.
Exemplo de um documento HTML:
<html>
<head>
<title>Titulo da Página</title>
</head>
<body>
Aqui é o corpo da <b>Página</b>
</body>
</html>
Exemplo de um elemento HTML: “<b>Página</b>”
Ele contem um elemento de início “<b>”, um conteúdo no meio “Página” e um
elemento de encerramento “</b>”.
Atributos
As tags contém atributos que são qualidades ou propriedades de uma tag.
Na tag “<body>” por exemplo existe o atributo “bgcolor” (background color)
que determina uma cor de fundo no corpo, este mesmo receberá um valor.
Ex.: <body bgcolor=”red”>
Tags básicas
Cabeçalho: *Cria níveis (1 à 6) de títulos de cabeçalho na página
<h1>Titulo</h1>
<h2>Titulo</h2>
<h3>Titulo</h3>
<h4>Titulo</h4>
<h5>Titulo</h5>
<h6>Titulo</h6>
Parágrafo: *Cria parágrafos de texto na página
<p>Lorem ipsum sit amet dolor. Lorem ipsum sit amet dolor. Lorem ipsum sit
amet dolor. </p>
Line Breaks: *Cria uma linha horizontal na página
<hr /> (repare q neste caso foi “abreviado” o fechamento da tag, pois não
existe conteúdo entre elas)
*Comentários: *Insere um texto que no código de fonte da página, este mesmo
não será visualizado no navegador.
<!– comentários –>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Tags de formatação HTML
Tag Descrição
<b> texto em negrito
<big> texto grande
<em> ênfase no texto
<i> texto em itálico
<small> texto pequeno
<strong> texto forte
<sub> Texto subscrito
<sup> Texto sobrescrito
<u> Texto sublinhado
|
Na empresa que trabalha, existe uma área ou profissional de Arquitetura de Informação?
| ||
Veja também:
| ||