Curso de HTML/Seu primeiro HTML
Origem: Wikilivros, livros abertos por um mundo aberto.
Tabela de conteúdo |
[editar] O que é uma tag?
Um documento HTML não é nada mais do que um arquivo de texto plano,escritas em um arquivo com a extensão .html . Então você me pergunta: como se faz para aumentar o tamanho da letra, colocar em negrito, itálico, mudar a cor, e todo tipo de coisa que vejo Internet? A resposta é, que para isso usa se sequências de caracteres para indicar ao navegador que alguma parte do seu texto, não deve ser mostrada como o resto, que aquele pedaço, deve ser vermelho e em itálico, para aumentar a visibilidade e chamar atenção, o nome desta sequência de caracteres é chamada de tag (em inglês significa marcação, dando sentido ao Markup (marcação da sigla HTML), que sempre começam com o caracter <(menor que) e terminam com o >(maior que). Devido a isso, quando for necessário inserir um destes caracteres numa página html, deve-se usar a notação <(lower than - menor que) e >(greter than - maior que), respectivamente, já que o que vier depois do < será entendido como uma tag, resultando em vários problemas na apresentação do seu documento. A tag é um comando que diz como um texto será entendido, ou formatado pelo navegador. Existem dois tipos de tags, as como a tag <n> que marca um bloco de texto, em que é obrigatório haver uma marca dizendo onde termina a formatação, no caso, o negrito, sendo no caso desta tag </n>(repare na barra, que ocorre no fechamento de todas as tags que marcam um bloco); e as tags que terminam nela mesma, como a tag <br />, que indica um salto de linha, e não há nada mais a ser dito(repare no espaço e na barra no final, diferente do outro tipo de tag).
Segundo a W3C todas as tags devem ser escritas em minúsculo
[editar] Estrutura básica de um documento HTML
- <html>
- <head>
- <title> Título </title>
- </head>
- <body>
- <p> Este é um parágrafo </p>
- </body>
- <head>
- </html>
Veja acima, que todas as tags abertas, foram fechadas, o documento começa com a tag <html> e termina com o fechamento desta tag </html>. O fechamento de uma tag é representada pela /.
<html> - marca do início do documento HTML
<head> - início do cabeçalho
<title> - título
<body> - corpo do documento
<p> - parágrafo
[editar] Atributos das tags
Quando uma tag possui um atributo, ele é inserido antes do > na abertura da tag, ou antes do espaço . <tag atributo="valor">texto</tag> ou <tag atributo="valor" />
[editar] Font
[editar] Color
O atributo color é utilizado para modificar a cor de um pedaço de texto e pode receber 3 tipos de valores:
- Hexadecimal
Neste a cor é representada por um valor em hexadecimal que indica a cor no sistema RGB, ficando #abcdfe
- RGB
- Nome da cor:
Neste caso o valor e um nome de cor pré-definida
| Black #000000 |
Green #008000 |
Silver #C0C0C0 |
Lime #00FF00 |
|---|---|---|---|
| Gray #808080 |
Olive #808000 |
White #FFFFFF |
Yellow #FFFF00 |
| Navy #000080 |
Maroon #800000 |
Red #FF0000 |
Blue #0000FF> |
| Purple #800080 |
Teal #008080 |
Fuchsia #FF00FF |
Aqua #00FFFF |
[editar] Size
O atributo size é usado para modificar o tamanho da fonte de um pedaço de texto.
- Relativo: quando se utiliza os sinais de maior e menor para indicar que aquele texto deve ser maior x ou menor x que a fonte do local.
- Nomeado: big small x-big