Cursos WebHTMLTutoriais

HTML – Tags Básicas

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.

Nathalia Santos

Cursos voltados para a área de Informática com Web Designer, Montagem e Manutenção de Computadores. Formada em Análise e Desenvolvimento de Sistemas desde 2018. Experiência em Suporte ao usuário. Adoro ler fantasias, escutar músicas, assistir série, tomar café e escrever códigos.

Artigos relacionados

Deixe um comentário

O seu endereço de e-mail não será publicado.

Verifique também
Fechar
Botão Voltar ao topo