Escolar Documentos
Profissional Documentos
Cultura Documentos
Tags em HTML
Tags em HTML
<a
href="https://www.mozilla.com
a Hiperlink ">
Mozilla
</a>
<p>Obama é presidente dos
abbr Abreviação <abbr title="Estados Unidos
da América">EUA</abbr></p>
<address>
Voce pode contatar o
autor em <a
href="http://www.somedomain.c
om/contact">www.somedomain.co
m</a>. <br>
Informações de
address Se encontrar qualquer
Contato
bug, por favor <a
href="mailto:webmaster@somedo
main.com">contate o
administrador do site</a>.
<br>
</address>
<mapa name="primary">
<area shape="circle"
coords="200,250,25"
Hiperlink de mapa de
area href="another.htm" />
imagem
<area shape="default"
nohref />
</map>
<article>
<h4>Um artigo realmente
impressionante</h4>
article Artigo
<p>Lotes de texto incrível.
</p>
</article> x
<aside>
<p>Algum conteudo
aside Conteúdo lateral relacionado a um
<article></p>
</aside> x
<audio controls>
<source src="musica.ogg"
type="audio/ogg">
<source src="musica.mp3"
audio Arquivo de áudio
type="audio/mpeg">
Seu navegador não possui
suporte para áudio.
</audio> x
<p>
Este artigo descreve vários
<b>níveis de texto</b>. Ele
explica a utilização do
elemento em um documento
b Texto em negrito <b>HTML</b>.
</p>
Palavras-chave são exibidas
com o estilo padrão do
elemento <b>, provavelmente
em negrito.
<base
href="http://www.example.com/
">
base URL base
<base target="_blank"
href="http://www.example.com/
">
<blockquote
cite="http://developer.mozill
a.org">
<p>Esta é uma citação
blockquote Bloco para citações
tirada da
Mozilla Developer Center.
</p>
</blockquote>
body Corpo do documento
Mozilla Foundation<br>
1981 Landings Drive<br>
Building K<br>
br Quebra de linha
Mountain View, CA 94043-
0801<br>
USA
<button name="button">Click
button Botão
me</button>
<canvas id="canvas"
width="300" height="300">
Espaço reservado para Desculpe-me, seu navegador
canvas
gráficos dinâmicos não suporta o elemento
<canvas>.
</canvas>
caption {
caption-side: top;
align: right;
}
caption Legenda table {
border-collapse: collapse;
border-spacing: 0px;
}
table, th, td {
border: 1px solid black;
}
Mais informações podem ser
Usado para citações
cite encontradas em <cite>[ISO-
de trabalhos
0000] </cite>.
<p>A função <code>selectAll()
</code> destaca todo o texto
no
Reservado para
code campo de entrada então o
códigos
usuário pode, por exemplo,
copiar ou deletar o texto.
</p>
Please see the <table> page for
col Coluna da tabela
examples on <col>.
Grupo de coluna da Por favor, veja a página <table> para
colgroup
tabela exemplos em <colgroup>
command Comando x
<input list="browsers" />
<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Internet
Opções predefinidas Explorer">
datalist
para outros controles <option value="Opera">
<option value="Safari">
</datalist>
x
Para exemplos, veja os exemplos de
dd Descrição ou valor
<dl>.
<p><del>This text has been
del Texto excluído
deleted</del></p>
<details>
Controle para <summary>Alguns
informações detalhes</summary>
details
adicionais sob <p>Mais informações sobre
demanda os detalhes.</p>
</details> x
<!-- Define "A Internet" -->
<p><dfn id="def-internet">A
Internet</dfn> é um sistema
global de redes
dfn Definindo instância interconectadas que usam o
Internet Protocol Suite
(TCP/IP) para servir bilhões
de usuários no mundo todo.
</p>
<div>
<p>Qualquer tipo de
conteúdo aqui. Como
div Bloco genérico
<p>, <table>.
Você dá o nome!</p>
</div>
<dl>
<dt>Firefox</dt>
<dd>A free, open source,
cross-platform, graphical web
browser
developed by the
dl Lista de descrições
Mozilla Corporation and
hundreds of volunteers.</dd>
console.log(worldString.small()); //
<small>Olá, mundo</small>
small Letras pequenas
console.log(worldString.big()); //
<big>Olá, mundo</big>
console.log(worldString.fontsize(7)); //
<font size="7">Olá, mundo</fontsize>
html> <head> <title>Title of the
document</title> </head> <body>
<picture> <source media="(min-width:
650px)" alt="img_1"
Permite várias fontes srcset="/uploads/media/news_gallery/000
source
de áudio e vídeo 1/01/thumb_348_news_gallery_list.jpeg">
<source media="(min-width: 430px)"
alt="img_2"
srcset="/uploads/media/news_gallery/000
1/01/thumb_316_news_gallery_list.jpeg">
<img
src="/uploads/media/news_gallery/0001/0
1/thumb_366_news_gallery_list.jpeg"
alt="img" style="width:auto;"> </picture>
<p>Lorem Ipsum is simply dummy text of
the printing and typesetting industry.
Lorem Ipsum has been the industry's
standard dummy text ever since the 1500s,
when an unknown printer took a galley of
type and scrambled it to make a type
specimen book. It has survived not only five
centuries, but also the leap into electronic
typesetting, remaining essentially
unchanged.</p> </body> </html>x
<p>My mother has <span
span Container para texto
style=”color:blue”>blue</span> eyes.</p>
Grande importância
strong <strong>This text is important!</strong>
(negrito)
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h1 { color:#000099 }
Permite alterar o </style>
style
estilo </head>
<body>
<h1>The HTML style tag</h1>
</body>
</html>
<template id="productrow">
<tr>
<td class="record"></td>
<td></td>
</tr>
</template>
textarea name="textarea" rows="10"
Área para entrada de cols="50">Write something
textarea
texto here</textarea>
Copiar para área de transferência
table>
<tr>
<td>John</td>
<td>Doe</td>
Grupo de linha do </tr>
tfoot
rodapé de uma tabela <tr>
<td>Jane</td>
<td>Doe</td>
</tr>
</table>
tr>
<th>Lime</th>
Célula de cabeçalho
th <th>Lemon</th>
de uma tabela
<th>Orange</th>
</tr>
Grupo de título de
thead
uma tabela
<p>The concert starts at <time
time Data e/ou hora datetime="2018-07-
07T20:00:00">20:00</time>.</p>x
<title>Menu – Blue House Chinese Food –
title Título do documento
FoodYum: Online takeout today!</title>
<table>
<tr>
<th>Name</th>
<th>ID</th>
<th>Member Since</th>
<th>Balance</th>
</tr>
<tr>
<td>Margaret Nguyen</td>
<td>427311</td>
<td><time datetime="2010-06-03">June
3, 2010</time></td>
<td>0.00</td>
</tr>
<tr>
tr Linha de uma tabela
<td>Edvard Galinski</td>
<td>533175</td>
<td><time datetime="2011-01-
13">January 13, 2011</time></td>
<td>37.00</td>
</tr>
<tr>
<td>Hoshi Nakamura</td>
<td>601942</td>
<td><time datetime="2012-07-23">July
23, 2012</time></td>
<td>15.00</td>
</tr>
</table>
<video controls
poster=”/images/sample.gif”>
<source src=”sample.mp4”
type=”video/mp4” />
<source src=”sample.ogv”
type=”video/ogv” />
Faixa de mídia
track <track kind=”captions”
suplementar
src=”sampleCaptions.vtt” srclang=”em” />
<track kind=”descriptions”
src=”sampleDescriptions.vtt” srclang=”em”
/>
<track kind=”chapters”
src=”sampleChapters.vtt” srclang=”em” />
<track kind=”subtitles”
src=”sampleSubtitles_de.vtt” srclang=”de”
/>
<track kind=”subtitles”
src=”sampleSubtitles_en.vtt” srclang=”em”
/>
<track kind=”subtitles”
src=”sampleSubtitles_ja.vtt” srclang=”já” />
<track kind=”subtitles”
src=”sampleSubtitles_oz.vtt” srclang=”oz”
/>
<track kind=”metadata”
src=”keyStage1.vtt” srclang=”em”
label=”Key Stage 1” />
<track kind=”metadata”
src=”keyStage2.vtt” srclang=”em”
label=”Key Stage 2” />
<track kind=”metadata”
src=”keyStage3.vtt” srclang=”em”
label=”Key Stage 3” />
<!—Fallback →
…
</video>
<video controls>
<source src="video.mp4"
type="video/mp4">
<source src="video.ogg"
video Vídeo
type="video/ogg">
Seu navegador não possui
suporte para Vídeos.
</video> x
Insere uma quebra de
wbr x
linha (se necessário)