Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
<a></a>
<html></html>
<head></head>
<title></title>
<body></body>
<meta>
<h1></h1> - <h6></h6>
<p></p>
<br>
<hr>
<ul></ul>
<li></li>
<ol></ol>
index.html
• Insere uma imagem no texto
<img>
• Insere uma imagem no texto
<img src="imagem.jpg">
• Insere uma tabela, composta de linhas e colunas
<table>
<tr>
<td>linha 1, célula 1</td>
<td>linha 1, célula 2</td>
</tr>
<tr>
<td>linha 2, célula 1</td>
<td>linha 2, célula 2</td>
</tr>
</table>
• Mantém o texto da mesma maneira que foi digitado, exibindo-o no mesmo formato no
navegador, toda a fonte com a mesma largura, padrão Courier.
<pre></pre>
<pre>Teste tag pre. m - i</pre>
• Formatação de citações longas.
<blockquote></blockquote>
<blockquote>Quem ri por último, ri atrasado.</blockquote>
• Utilizada para endereços e para assinar o documento.
<address></address>
<address>Rua 7 de setembro, 77</address>
• Utilizada para citações curtas, títulos de livros, filmes, etc.
<cite></cite>
A <cite>Alemanha</cite> é o país do
futebol.
• Utilizada para indicar trechos de códigos de programas.
<code></code>
<code>for (x=0); cl &&(!feof(stdin)); x++</code>
• Utilizada par dar ênfase a um trecho específico.
<em></em>
Um prato de <em>trigo</em>, para um <em>tigre</em>
triste.
• Utilizada par dar ênfase a um trecho específico.
<strong></strong>
Antes de enviar um e-mail, confira o
campo <strong> “Assunto:”!</strong>
• A formatação física especifica diretamente os estilos que se quer para o texto:
• Itálico - <i>itálico</i>
• Negrito - <b>negrito</b>
• Sublinhado <u>sublinhado</u>
• Riscado <strike>riscado</strike>
• A formatação física especifica diretamente os estilos que se quer para o texto:
• Tamanho do texto
<big>Grande</big><small>Pequeno</small>
• Sobrescritos - <sup>sobrescrito</sup>
• Subscritos - <sub>subscrito</sub>
• Utilizada para alterar a maioria das propriedades das fontes. Todo o conteúdo que estiver
dentro dessa tag terá características definidas pelos atributos.
<font face=“Times New Roman”>
Bom dia!
</font>
<font></font>
• color = “valor”: Ajusta a cor do texto;
• face = “nomeDaFonte1, nomeDaFonte2”: Especifica o tipo fonte para o texto;
• size = “valor”: Especifica o tamanho da fonte;
<font face=“Arial, Verdana, Tahoma” size=5
color=“#000000”>
Texto formatado por atributos
</font>
• O elemento div é semanticamente neutro: ele não tem qualquer valor semântico, é
simplesmente um elemento container, a nível de bloco.
<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam sit amet varius lacus.
</div>
<div></div>
Align - alinha o texto na tela, com os valores:
• left: esquerda;
• right: direita;
• center: centralizado;
• justify: justificado.
<div align=“justify”>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet varius
lacus. Nullam suscipit lobortis eros, nec laoreet eros consequat non.
</div>
• Assim como o div, o elemento span é semanticamente neutro: ele não tem qualquer valor
semântico, é simplesmente um elemento container inline.
<span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam sit amet varius lacus.
</span>
<span></span>
<tag atributo="valor"></tag>
<img>
<table></table>
<tr><td></td></tr>
<pre></pre>
<blockquote></blockquote>
<address></address>
<cite></cite>
<code></code>
<em></em>
<strong></strong>
<i></i>
<b></b>
<u></u>
<strike></strike>
<big></big>
<small></small>
<sub></sub>
<sup></sup>
<font></font>
<div></div>
<span></span>
• HTML Princípios Básicos - (http://pt.slideshare.net/mayzaoliveira/htmlprincipiosbasicos)
• Tutorial de HTML - Tabelas (http://www.clem.ufba.br/tuts/html/c09.htm)
Related Documents
