Títulos
<h1>Este é um título</h1>
<h2>Este é um título</h2>
<h3>Este é um título</h3>
<h4>Este é um título</h4>
<h5>Este é um título</h5>
<h6>Este é um título</h6>
Tabelas
As tabelas são definidas com a tag <table>. Uma tabela é dividida em linhas (com a tag
<tr>), e cada linha é dividida em células de dados (com a tag <td>). As letras td
significam "table data," que é o conteúdo de uma célula de dados. Uma célula de
dados pode conter texto, imagens, listas, parágrafos, formulários, filetes horizontias,
tabelas, etc.
<table border="1">
<tr>
<td>linha 1, célula 1</td>
<td>linha 1, célula 2</td>
</tr>
2
<tr>
<td>linha 2, célula 1</td>
<td>linha 2, célula 2</td>
</tr>
</table>
Módulo de Ambiente Web | Profª Kérolyn Melo
Listas Não Ordenadas
Uma lista não ordenada é uma lista de itens. As listas de itens são marcadas com
bullets (tipicamente pequenos círculos pretos).
Uma lista não ordenada começa com a tag <ul>. Cada item da lista começa com a tag
<li>.
<ul>
<li>Café</li>
<li>Leite</li>
</ul>
Listas ordenadas
Uma lista ordenada é também uma lista de itens. As listas de itens são marcadas com
números.
Uma lista ordenada começa com a tag <ol>. Cada item da lista começa com a tag <li>.
<ol>
<li>Café</li>
<li>Leite</li>
</ol>
Formulários
Um formulário é uma área que pode conter elementos de formulário.
<form>
<input>
<input>
</form>
3
Entrada (Input)
Campos de Texto
Os campos de texto são usados quando você quer que o usuário digite letras,
números, etc. em um formulário.
<form>
Primeiro nome:
<input type="text" name="firstname">
<br>
Último nome:
<input type="text" name="lastname">
</form>
Primeiro nome:
Último nome:
Botões Radiais
Botões Radiais são usados quando você quer que o usuário selecione uma entre uma
quantidade limitada de escolhas.
<form>
<input type="radio" name="sex" value="male"> Masculino
<br>
<input type="radio" name="sex" value="female"> Feminino
</form>
Masculino
Feminino
Caixas de Seleção
As Caixas de Seleção são usadas quando você quer que o usuário selecione uma ou
mais opções de uma quantidade limitada de escolhas. 4
<form>
<input type="checkbox" name="bike">
Eu tenho uma bicicleta
Eu tenho um carro
Nome do Usuário:
Bgcolor
O atributo bgcolor configura o plano de fundo em uma cor. O valor deste atributo
pode ser um número hexadecimal, um valor RGB, ou um nome de cor.
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
Background
<body background="clouds.gif">
Módulo de Ambiente Web | Profª Kérolyn Melo
<body background="http://www.w3schools.com/clouds.gif">
Com um código HTML como este, você pode especificar tanto o tamanho quanto o
tipo da saída no navegador
<p>
<font size="2" face="Verdana">
This is a paragraph.
</font>
</p>
<p>
<font size="3" face="Times">
This is another paragraph.
</font>
</p>