0% acharam este documento útil (0 voto)
71 visualizações4 páginas

Guia Completo de Códigos HTML

O documento lista vários elementos HTML como tags de formatação de texto, tags de mídia, tags de estrutura e tags de lista. Ele também fornece descrições e exemplos de uso de várias tags importantes.

Enviado por

bolinha
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato TXT, PDF, TXT ou leia on-line no Scribd
0% acharam este documento útil (0 voto)
71 visualizações4 páginas

Guia Completo de Códigos HTML

O documento lista vários elementos HTML como tags de formatação de texto, tags de mídia, tags de estrutura e tags de lista. Ele também fornece descrições e exemplos de uso de várias tags importantes.

Enviado por

bolinha
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato TXT, PDF, TXT ou leia on-line no Scribd

<b> - Texto em negrito

<strong> - texto importante

<i> - texto em itálico

<em> - Texto enfatizado

<mark> - Texto marcado

<small> - Texto menor

<del> - Texto excluído

<ins> - texto inserido

<sub> - Texto subscrito

<sup> - Texto sobrescrito

<p>

<br>

<a href>

<h(X)> X=1 a 6.

<style=(font-size:300;) (font-family:verdana;) (text-align:center) (background-


color:gray;)

<meta charset="UTF-8">

<title>

<footer>

<img src="[Link]"> (pra configurar tamanho da img= "width=500"height="295") (pra


parecer nome caso a imagem nao apareça alt="Img")

<img src="[Link]" alt="Carro" style="width:500px;height:600px;">

<img src="[Link]" alt="Eddie Murphy sorri e mostra Ok"


style="width:48px;height:48px;">

Tag
Descrição
<table>
Define a tabela
<th>
Define um cabeçalho na tabela
<tr>
Define uma linha na tabela
<td>
Define uma célula na tabela
<caption>
Define uma legenda na tabela
table, th, td {
border: 1px solid black;
border-collapse: collapse;
} borda mais simples

th, td {
padding: 15px;
} distanciamento da borda.

table {
border-spacing: 5px;
} espçamento das bordas

<th rowspan="2">Celular:</th>

<ul> ou <ol>

<dl>
<dt>Café</dt>
<dd>- Bebida quente e escura</dd>
<dt>Leite</dt>
<dd>- Bebida fria e clara</dd>
</dl>

type="1" A lista será numerada com números (Padrão)


type="A" A lista será organizada com o alfabeto em maiúsculo
type="a" A lista será organizada com o alfabeto em manúsculo
type="I" A lista será organizada com letras romanas em maiúsculo
type="i" A lista será organizada com letras romanas em manúsculo

disc Define o marcado padrão de lista (Círculo preto)


circle Define um circulo vazio como marcador da lista
square Define um quadrado preto como marcado da lista
none Define a lista sem marcadores

Aqui estão os elementos no nível de bloco em HTML:


< endereço >
< artigo >
< aparte >
< blockquote >
< tela >
< dd >
< div >
< dl >
< dt >
< fieldset >
< figcaption >
< figura >
< rodapé >
< formulário >
< h1 > - < h6 >
< cabeçalho >
< hr >
< li >
< principal >
< nav >
< noscript >
< ol >
< p >
< pre >
< seção >
< tabela >
< tfoot >
< ul >
< video >

Aqui estão os elementos em linha no HTML:


< Uma >
< abbr >
< acrônimo >
< b >
< bdo >
< grande >
< Br >
< botão >
< citar >
< código >
< dfn >
< em >
< i >
< img >
< entrada >
< kbd >
< label >
< mapa >
< objeto >
< saída >
< q >
< samp >
< script >
< selecione >
< pequeno >
< span >
< forte >
< sub >
< sup >
<área de texto >
< hora >
< tt >
< var >

marcar e editar uma so frase do texto, exemplo do cabeçalho


<!DOCTYPE html>
<html>
<head>
<style>
#meuCabecalho {
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
}
</style>
</head>
<body>

<h1 id="meuCabecalho">Meu Cabeçalho</h1>

</body>
</html>

Você também pode gostar