PRINCIPAIS TAGS
DO HTML
|
<! DOCTYPE>
|
Primeira instrução do programa
|
<html> </html>
|
Inicia um documento html
|
<head> </head>
|
Inicia o cabeçalho
|
<meta
http-equiv="content-type" content="text/html;
charset=utf-8" />
|
Comando meta
|
<title> </title>
|
Define um título
|
<! comentário !>
|
Insere um comentário
|
<i> </i>
|
Texto em itálico
|
<b> </b>
|
Texto em negrito
|
<u> </u>
|
Texto sublinhado
|
<s> </s>
|
Texto riscado
|
<sup> </sup>
|
Texto superior
|
<sub> </sub>
|
Texto superior
|
<mark> </mark>
|
Texto marcado
|
<br>
|
Quebra de linha
|
<nobr> </nobr>
|
Para não quebrar a linha
|
<blockquote>
|
Insere uma série de espaços
|
<h1> </h1>
|
Gera um título, de 1 a 6, sendo 6 o menor
título
|
<h1 align="center"> </h1>
|
Gera um título com alinhamento
centralizado (pode-se usar: left, right e justify)
|
<hr>
|
Insere uma linha contínua
|
<hr width
= "100%" size ="2" color="blue"> </hr>
|
Insere uma linha contínua com
tamanho e cor
|
<p> </p>
|
Abre um parágrafo
|
<p
align="center"> </p>
|
Abre um parágrafo com alinhamento
centralizado (pode-se usar: left, right e justify)
|
<center> </center>
|
Alinhamento centralizado
|
<body bgcolor="#F0EE00">
</body>
|
Define a cor de fundo
|
<body background=imagem.jpg> </body>
|
Define imagem de fundo
|
<font color="#CC33CC" size="2"
face="arial"> </font>
|
Define as características da fonte
como cor, tamanho e tipo
|
<img src="Figura1.jpg" width="290"
height="200" border="3" />
|
Insere uma figura, determinando
largura, altura e borda
|
<ol> </ol>
|
Define lista ordenada
|
<ul> </ul>
|
Define lista não ordenada
|
<li> </li>
|
Define cada item da lista ol ou ul
|
 
|
Insere um espaço em branco
|
<marquee
scrolldelay="300"direction="up"> </marquee>
|
Insere texto de rolagem
|
<audio controls="controls"> <source
src="música.mp3" type="audio/mp3" /></audio>
|
Insere áudio mp3
|
<a href= " link.html">link</a>
|
Insere link externo
|
<a href= " a.jpg">link</a>
|
Insere link para imagem
|
<embed
src="vídeo.wma" width="850" height="480">
|
Insere vídeo
|
<table
border="2" width="200" height="20" align="center"
bgcolor="#FF00EE"></table>
|
Insere
tabela com atributos
|
<th> </th>
|
Insere um cabeçalho na tabela
|
<tr> </tr>
|
Insere uma nova linha na tabela
|
<td> </td>
|
Insere uma nova célula na linha
|
<th colspan="2"></th>
|
Mescla coluna
da tabela
|
<td rowspan="2"
align="center"></td>
|
Mescla linha
da tabela
|
Exercícios:
01 Texto
02 Texto com linhas
03 Tamanhos e Cores
04 Imagem e texto
05 Imagem e texto alinhado
02 Texto com linhas
03 Tamanhos e Cores
04 Imagem e texto
05 Imagem e texto alinhado
06 Listas ordenadas
07 Listas ordenadas mistas
08 Listas não ordenadas com texto
09 Tabela com código
10 Tabela com linha mesclada
11 Tabelas com Imagens
12 Formulário com Texto
13 Formulário com Imagem
14 Formulário Completo
