tags
html > tags
TAGS
O que é ou o que são?
São etiquetas "rótulos" utilizadas para definir um elemento. São usadas com os sinais " < >".
Procurarei abordar as tags utilizadas na linguagem html5.
ALGUMAS TAGS:
<a> </a>
Tags usadas para criar um hiperlink.
a = anchor (âncora)
Exemplo:
<a href="http://www.professorcezar.com.br">Professor Cezar</a>
<article>
article = artigo
O elemento article representa uma parte da página que poderá ser distribuído e reutilizável em FEEDs por exemplo. Isto pode ser um post, artigo, um bloco de comentários de usuários ou apenas um bloco de texto comum.
<aside>
aside = lateral (ou de lado).
O elemento aside representa um bloco de conteúdo que referência o conteúdo que envolta do elemento aside. O aside pode ser representado por conteúdos em sidebars em textos impressos, publicidade ou até mesmo para criar um grupo de elementos nav e outras informações separados do conteúdo principal do website.
<b> </b>
Tags usadas para deixar o texto em negrito, onde o texto não tem muita relevância.
b = bold (negrito)
Exemplo:
<b>Esse texto fica em negrito</b>
obs. verificar a tag <strong>
<body> </body>
<br>
Tag usada para quebrar linha.
br = break row (quebra de linha)
Não tem a tag de fechamento </br>
Exemplo:
<p>Conteúdo conteúdo conteúdo<br>
conteúdo conteúdo</p>
<center> </center>
Tags usadas para centralizar os conteúdos
center = centralizar
Exemplo:
<center>
<p>Conteúdo a ser centralizado</p>
</center>
<dl> </dl>
tag para lista de definição
<dl>
<dt>titulo do item</dt>
<dd>item1</dd>
<dd>item2</dd>
<dt>titulo do item</dt>
<dd>item1</dd>
<dd>item2</dd>
</dl>
<font> </font>
Tag utilizada para elemento font, ou seja as fontes do texto. São tags de formatação utilizadas mais em CSS.
font = fonte
Exemplo:
<font color="#225689">Texto</font>
atributos:
face: Tipo de letra
size: Tamanho da letra (varia de -2 a 4)
color: Cor da letra
<h1> </h1>
Tags de cabeçalhos
vai do <h1> até <h6>
<head> </head>
Tags usadas para fazer o cabeçalho de uma página html
head = Cabeça, cabeçalho
Exemplo:
<head>
<title>Minha página</title>
</head>
<hr>
hr = horizontal row (linha horizontal)
tag usada para fazer uma linha horizontal na página em html
Exemplo:
<hr>
É possível controlar a espessura das barras, utilizando-se o atributo size= e o comprimento da linha com o atributo width=
Veja alguns exemplos:
<hr size="10" width="300"> Forma uma linha de 10 pixels de espessura e 300 pixels de comprimento.
<hr width="80%"> Forma uma linha que ocupa 80% da largura da página.
<hr size="50" width="2"> Forma uma linha vertical.
<html> </html>
html = hypertext markup language (linguagem de marcação de hipertexto)
Tag usada para criar um documento .html (usada no início e no final de um documento.
Exemplo:
<html>
<head>
</head>
<body>
<body>
</html>
<i> </i>
Tag usada para deixar o texto em itálico
i = italic (itálico)
Exemplo:
<i>Esse texto fica em itálico</i>
<iframe> </iframe>
Tag usada para embutir um quadro na página em html.
frame = quadro
Exemplo:
<iframe width="600" height="349" src="http://www.youtube.com/embed/oipz5EBCQ7w" frameborder="0" allowfullscreen></iframe>
<img>
Tag usada para inserir uma imagem no seu documento html, é um elemento vazio, logo não necessita de uma tag de encerramento como </img>.
atributos:
src -> procura o local onde está a imagem.
width -> largua da imagem (width="50" para pixels e width="25%" para percentual).
height -> altura da imagem (width="50" para pixels e width="25%" para percentual).
alt -> Texto alternativo para a imagem.
border -> Insere uma borda na imagem.
<li> </li>
tags usadas para criação de itens de uma lista lista, são utilizadas junto com as tags <ol> ou <ul>.
Exemplo:
<ol>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ol>
Exemplo2:
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
<marquee> </marquee>
Tag para animação de textos e imagens.
Exemplo:
<marquee behavior=”scroll” >texto</marquee>
<nav>
nav = navegar
O elemento nav representa uma seção da página que contém links para outras partes do website. Nem todos os grupos de links devem ser elementos nav, apenas aqueles grupos que contém links importantes. Isso pode ser aplicado naqueles blocos de links que geralmente são colocados no Rodapé e também para compor o menu principal do site.
<ol> </ol>
tags usadas para criação de lista ordenadas, são utilizadas junto com as tags <li>.
Exemplo:
<ol>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ol>
<p> </p>
<section>
section = seção
A tag section define uma nova seção genérica no documento. Por exemplo, a home de um website pode ser dividida em diversas seções: introdução ou destaque, novidades, informação de contato e chamadas para conteúdo interno.
<span> </span>
<strong> </strong>
Tags usadas para deixar o texto em negrito, onde o texto tem muita relevância.
bstrong = forte (negrito)
Exemplo:
<strong>Esse texto fica em negrito</strong>
obs. verificar a tag <b>
<table> </table>
table = tabela
tag usada para criar uma tabela na página html. É utilizada com as tags <tr> e <td>.
Exemplo:
<table>
<tr><td>Célula1</td></tr>
</table>
<td> </td>
td = table data (dados de uma tabela)
tags usadas para armazenar dados de uma célula dentro de uma tabela, são usadas em conjunto com as tags <table> e <tr>.
Eemplo:
<table>
<tr><td>Célula1</td></tr>
</table>
<title> </title>
<tr> </tr>
tr = table row (linha da tabela)
tags usadas para criar uma linha em uma tabela, sãoutilizadas junto com as tags <table>.
Exemplo:
<table>
<tr><td>Célula1</td></tr>
</table>
<u> </u>
tag usada para sublinhar um texto.
Exemplo:
<u>texto sublinhado</u>
<ul> </ul>
tags usadas para criação de lista não numeradas, são utilizadas junto com as tags <li>.
Exemplo:
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
Referências: