English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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í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 ‹/›
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 ‹/›
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).
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.
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.