HTML - Hyper Text Markup Language

(X)HTML - eXtensible Hyper Text Markup Language

HTMLKIT
COFFECUP
DREAMWEAVER
Unio HTML com XML
Tags <a> sempre letra minuscula rotulos
head = cabealho
body = corpo
htm
xhtml
html
<h1> titulo principal
<h2> subtitulo marcao semntica estuda o significado das palavras - construo de site w
eb standers
<p> paragrafo
<br /> fora quebra de linha
atributo = align=""
Elementos Inline
html e marcao de texto
tags aplicadas na linha e em bloco containers ou boxes
letra em negrito <b>
<i> italico
tags depressiado = caindo em desuso
<u> underline
<del> excluido marcao
<tt> mesma largura letra teletipo monosespaada
<sup> deixa o texto acima
<sub> para baixo
<em> marcao muito importante
<strong> enfase mais forte de marcao
<q> citao
<big>maior que o texto
<small>menor
<blink> piscando depreciada
<marquee> depreciada correndo
elemento html www.w3c.org
Cores
atributo style="color:blue;"
16 milhoes de cores disponiveis
RGB rgb(234,234,21)
Decimal
Hexadecimal #FF0000
Nomes
www.w3schools.com
padro web hexadecimal
style="backgroud-color: ;"
style definir propriedades css
3 formas de atuar com cores
Imagens
<img src="" alt=Equipe XTI"" style="width:550px"/>
width define largura da imagem 550px ou 50%
paragrago bloco
img inline
style="text-align:center;
alt texto alternativo
img/

jpeg n suporta transparncia

gif sim
editores de imagens
- PHOTOSHOP ADOBE
-GIMP : WWW.GIM.ORG
- PICASA: PICASA.GOOGLE.COM
- IMAGEMAGIC
<img src="img/fire.gif" />
.. nvel onde esta localizado a imagem
Elementos de bloco sempre exbidos como se tivesse quebra de linha antes e depois
Elementos inline ele continua o fluxo da linha
box em bloco blockquote citao maior
q citao inline
<pre> elemento em block e preserva o formato q esta escrito
<adress> apresentar contato do autor
<hr /> cria quebra de linha acima e abaixo
Listas
Elemento em bloco
devem ser empregada para informaes, definies
dicionario
<ul> no ordenada <ul/>
<li>cada item da lista<li/>
<ol>lista ordenada<ol/>
<dl>lista de definio<dl/>
<dt> termo<dt/>
<dd>definio<dd/>
listas mixtas
Links
<a href="url" target="_blank">Portal R&</a>
utilizar target para abrir em outro janela
style="border:0px;" remover borda da img
links relativo
interno ../sessao2/sessao2.html
externo
tag ancora <a id="topo"></a>
<a href"#topo"
<a href=""#pesquisa>
para enviar por email <a href:"mailto:rh@xti.com.br?">Email</a>
fazer ligao<a href:"callto:+553436223333">Email</a>
<a href:"skype:fire?call">Email</a>
<a href:"skype:fire?chat">Email</a>
<a href:"gtalk:fire?call">Email</a>
Imagens Mapeadas