Neste artigo iremos ver algumas tags básicas utilizadas em um documento HTML simples. Mas não se preocupe caso nunca tenha visto essas tags. Iremos falar sobre elas com mais detalhes em breve.
Lembrando que, todas as tags que serão apresentadas nesse artigo, podem ser usadas dentro do corpo que foi apresentado anteriormente nesse artigo.
Títulos HTML
Títulos HTML são definidos por tags de <h1>
a <h6>
.
A importância da tag é definida pelo número que têm nela. Por exemplo, o <h1>
é considerado o título mais importante, o <h6>
é considerado o título menos importante.
<h1>Isto é um título de nível 1</h1> <h2>Isto é um título de nível 2</h2> <h3>Isto é um título de nível 3</h3> <h4>Isto é um título de nível 4</h4>
Parágrafos HTML
Um parágrafo HTML é definido pela tag <p>
, sendo aberta antes do texto e fechada aonde quer que o parágrafo termine.
<p>Isto é um parágrafo em HTML.</p> <p>Este é outro parágrafo em HTML.</p>
Links HTML
Links HTML são definidos pela tag <a>
utilizando o atribulo href para indicar o link do site de destino.
<a href="https://www.tecforest.com.br">This is a link.</a>
Imagens em HTML
As imagens em HTML são definidas pela tag <img>
, onde o atributo src
é utilizado para definir o caminho da imagem a ser usada.
Também é possível utilizar os atributos alt
para definir um texto alternativo para a imagem, e os atributos width
e height
são de largura e altura, respectivamente.
<img src="tecforest-logo.jpg" alt="tecforest.com.br" width="107" height="136">
Botões HTML
Os botões em HTML são definidos pela tag <button>
.
<button>Clique aqui</button>
Listas HTML
As listas em HTML são definidas por dois tipos de tags, o <ul>
que são as listas não ordenadas e o <ol>
que são as listas ordenadas. Ambas as tags são seguidas pela <li>
, que constitui os itens da lista.
<ul> <li>Café</li> <li>Água</li> <li>Suco</li> </ul> <ol> <li>Café</li> <li>Água</li> <li>Suco</li> </ol>
Não se esqueça!
Atributos são usados para providenciar informação adicional aos elementos HTML. Mas não preocupe, iremos falar sobre eles em outro artigo.
Lembre também de praticar o que aprender.
O que achou do conteúdo? Diga nos comentários.