Introdução ao HTML
Aprenda a criar um site usando HTML
HTM... O que?
Saber o que é, de onde vem, quem criou é legal pra quem gosta de saber a história das coisas, caso queira saber, clique aqui.
Resumindo HTML é uma especie de marcação (chamamos de tags) que você faz no texto para que o navegador entenda que aquilo é um título, um parágrafo, uma imagem, um link, etc.
Quais tags existem para o HTML5?
Existem muitas tags, mas vamos focar nas mais importantes para o momento, caso queira ver todas as tags disponveis de uma olhada nesse link aqui.
Vamos dar uma olhada nas principais tags essa lista não contem todas as tags mas já é um inicio e todas as tags que vamos utilizar nesse curso vão estar aqui, você clicar no link em cada uma delas para ver mais detalhes.
Tags de Estrutura
Tags de estrutura são as tags que definem a estrutura do seu site, ou seja, como ele é dividido, quais são as partes que o compõe.
<html>
A tag <html> é a tag que define o início e o fim do seu documento HTML, ou seja, tudo que estiver dentro dessa tag é considerado HTML.
<head>
A tag <head> é a tag que define o início e o fim do cabeçalho do seu documento HTML, ou seja, tudo que estiver dentro dessa tag é considerado cabeçalho.
<body>
A tag <body> é a tag que define o início e o fim do corpo do seu documento HTML, ou seja, tudo que estiver dentro dessa tag é considerado corpo.
<footer>
A tag <footer> é a tag que define o início e o fim do rodapé do seu documento HTML, ou seja, tudo que estiver dentro dessa tag é considerado rodapé.
<div>
A tag <div> é a tag que define o início e o fim de uma divisão do seu documento HTML, ou seja, tudo que estiver dentro dessa tag é considerado uma divisão.
Tags de texto
<h1> até <h6>
As tags <h1> até <h6> são as tags que definem o início e o fim de um título, ou seja, tudo que estiver dentro dessa tag é considerado um título.
<p>
A tag <p> é a tag que define o início e o fim de um parágrafo, ou seja, tudo que estiver dentro dessa tag é considerado um parágrafo.
<span>
A tag <span> é a tag que define o início e o fim de um texto, ou seja, tudo que estiver dentro dessa tag é considerado um texto.
Tags de mídia
<img>
A tag <img> é a tag que define uma imagem, ou seja, tudo que estiver dentro dessa tag é considerado uma imagem.
<video>
A tag <video> é a tag que define um vídeo, ou seja, tudo que estiver dentro dessa tag é considerado um vídeo.
<audio>
A tag <audio> é a tag que define um áudio, ou seja, tudo que estiver dentro dessa tag é considerado um áudio.
Tag de links
<a>
A tag <a> é a tag que define um link, ou seja, tudo que estiver dentro dessa tag é considerado um link.
Tags de listas
<ul>
A tag <ul> é a tag que define uma lista não ordenada, ou seja, tudo que estiver dentro dessa tag é considerado uma lista não ordenada.
<ol>
A tag <ol> é a tag que define uma lista ordenada, ou seja, tudo que estiver dentro dessa tag é considerado uma lista ordenada.
<li>
A tag <li> é a tag que define um item de uma lista, ou seja, tudo que estiver dentro dessa tag é considerado um item de uma lista.
Tags de tabelas
<table>
A tag <table> é a tag que define uma tabela, ou seja, tudo que estiver dentro dessa tag é considerado uma tabela.
<tr>
A tag <tr> é a tag que define uma linha de uma tabela, ou seja, tudo que estiver dentro dessa tag é considerado uma linha de uma tabela.
<td>
A tag <td> é a tag que define uma célula de uma tabela, ou seja, tudo que estiver dentro dessa tag é considerado uma célula de uma tabela.
Tags de formulários
<form>
A tag <form> é a tag que define um formulário, ou seja, tudo que estiver dentro dessa tag é considerado um formulário.
<input>
A tag <input> é a tag que define um campo de um formulário, ou seja, tudo que estiver dentro dessa tag é considerado um campo de um formulário.
<button>
A tag <button> é a tag que define um botão, ou seja, tudo que estiver dentro dessa tag é considerado um botão.
<select>
A tag <select> é a tag que define um campo de seleção de um formulário, ou seja, tudo que estiver dentro dessa tag é considerado um campo de seleção de um formulário.
<option>
A tag <option> é a tag que define uma opção de um campo de seleção de um formulário, ou seja, tudo que estiver dentro dessa tag é considerado uma opção de um campo de seleção de um formulário.
<textarea>
A tag <textarea> é a tag que define um campo de texto de um formulário, ou seja, tudo que estiver dentro dessa tag é considerado um campo de texto de um formulário.
Sempre que tiver alguma duvida de uma olhada nessa aula, ela vai te ajudar bastante.