Algumas Tag's utilizadas no HTML
O que são tags HTML?
As tags são usadas para informar ao navegador a estrutura do site. Ou seja: quando se escreve um código em HTML, as tags serão interpretadas pelo navegador, produzindo assim a estrutura e o conteúdo visual da página.
A principal característica das tags é estarem sempre dentro dos sinais de chevron (sinal de “maior que” e “menor que”), ou seja: < >.
As tags HTML são divididas em dois tipos: as que precisam de fechamento e as que não precisam de fechamento. As tags que precisam de fechamento possuem a sintaxe <tag> </tag>, já as que não precisam de fechamento possuem como estrutura <tag/>.
Além disso, uma mesma tag pode receber um ou mais atributos, que possuirá um valor que modifica sua estrutura ou funcionalidade.
Estrutura básica de uma página html:
<html> inicial o código html<head> inicia o cabeçalho
<title> inicia o título
</title> termina o título
</head> termina o cabeçalho
<body> inicia o corpo da página
</body> termina o corpo da página
</html> termina o código html
Obs: <head> esse elemento providencia informações gerais (metadados) sobre documentos, incluindo seu título e links para scripts e folhas de estilos.
Meta
O elemento HTML <meta> define qualquer informação de metadados que não podem ser definidos por outros elementos HTML. (<base>, <link>, <script>, <style> ou <title>).
HTTP-EQUIV: O atributo HTTP-EQUIV serve para controlar as ações do browser e também especificam melhor as informações, sendo que estas tem efeito equivalente quando são utilizadas diretamente na tag HTTP do cabeçalho.
NAME: Meta tags com o atributo “name” são utilizadas quando os tipos não correspondem com o HTTP, ou seja, aquilo que não se adequar ao HTTP-EQUIV é utilizado no NAME. Mas alguns buscadores não chegam a fazer distinção sobre esses tipos de tags, por exemplo: A meta tag “keywords” pode ser utilizada tanto com o tipo “http-equiv” como o tipo “name”.
http-equiv="content-type" Especifica a codificação de caracteres para o documento.
content="text/html; charset=utf-8" caracteres especiais da língua portuguesa como ç, acentos, dentre outros.
ex: <meta http-equiv="content-type" content="text/html; charset=utf-8" />
Outras Tag's
Ancora (onde fica os links) <a> </a>ex: <a href="index.html">Home</a>
Paragrafo <p> </p>
Quebra de linha <br /> não precisa abrir e fechar
Negrito <strong> </strong>
Italico <em> </em>
Underline <u> </u>
Errado <strike> </strike>
Lista não ordenada <ul>
ex: <ul>
<li> ex1 </li>
<li> ex2 </li>
<li> ex3 </li>
</ul>
Lista ordenada <ol>
ex: <ol>
<li> ex1 </li>
<li> ex2 </li>
<li> ex3 </li>
</ol>
Imagem <img>
ex: <img src="endereço"/>
Tabelas
ex:
<table>
<tr> linha
<td> aa </td> coluna
</td>
</table>
Obs1: <th> </th> table head
Obs2: Colspan, agrupa células
ex1: <tr colspan="3"> agrupa 3 linhas
ex2: <td colspan="2"> agrupa 2 colunas
Formulários
<form> </form> Todos os comandos dos formulários, precisam estar dentro desta tag.
Cabeçalhos, eles vão de 1 a 6.
ex:
<h1> </h1>
...
<h6> </h6>
ex:
<table>
<tr> linha
<td> aa </td> coluna
</td>
</table>
Obs1: <th> </th> table head
Obs2: Colspan, agrupa células
ex1: <tr colspan="3"> agrupa 3 linhas
ex2: <td colspan="2"> agrupa 2 colunas
Formulários
<form> </form> Todos os comandos dos formulários, precisam estar dentro desta tag.
Cabeçalhos, eles vão de 1 a 6.
ex:
<h1> </h1>
...
<h6> </h6>
Comentários
Postar um comentário