English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutoriais Básicos de HTML

Mídia HTML

Manual de referência HTML

HTML5 Tutoriais Básicos

HTML5 API

HTML5 Mídia

Básico HTML- 5um exemplo

A seguir, através de5um exemplo simples, mostrando o uso de diferentes marcadores de tags HTML na página da web e a pré-visualização do efeito.

Títulos HTML

Título (Heading) HTML é definido pelo <h1> - <h6> é definido pelo marcador de tags.

<h1>Eu sou o título1 h1</h1>
<h2>Eu sou o título2 h2</h2>
<h3>Eu sou o título3 h3</h3>
<h4>Eu sou o título4 h4</h4>
<h5>Eu sou o título5 h5</h5>
<h6>Eu sou o título6 h6</h6>
Teste e Veja ‹/›

Parágrafos HTML

O parágrafo HTML é definido pelo marcador <p>.

<p>Este é o primeiro parágrafo.</p>
<p>Este é o segundo parágrafo.</p>
<p>Este é o terceiro parágrafo.</p>
Teste e Veja ‹/›

Hyperlink HTML

O link HTML é definido pelo marcador <a>.

<a  href="https://pt.oldtoolbag.com">Este é um link</a> 
<a  href="https://pt.oldtoolbag.com/html/html-tutorial.html">hyperlink básico html</a>
Teste e Veja ‹/›

Dica: Especifique o endereço do link na propriedade href.

(Você aprenderá mais sobre atributos em capítulos posteriores deste tutorial).

Imagens HTML

A imagem HTML é definida pelo marcador <img>.

<img  src="/static/images/logo.png"  width="258"  height="39" />
Teste e Veja ‹/›

Atenção: O caminho da imagem, largura e altura são apresentados como atributos.

Tabelas HTML

A tabela HTML é definida pelo marcador <table>.

<table  border="1">
<tr>
<td> oldtoolbag.com básico tutorial da tabela</td>
<td> oldtoolbag.com básico tutorial da tabela</td>
<td> oldtoolbag.com básico tutorial da tabela</td>
<td> oldtoolbag.com básico tutorial da tabela</td>
</tr>
</table>
Teste e Veja ‹/›

Atenção: As bordas, largura e altura da tabela são exibidas como atributos.