Você está na página 1de 7

Cdigos utilizados no curso de HTML bsico

A estrutura do padro do HTML a seguinte:


<html>
<head>
<title> </title>
</head>
<body></body>
</html>
Cdigo HTML bsico para exibir a mensagem: Ol Mundo!:
<html>
<head>
<title>Aqui entra o ttulo da pgina</title>
</head>
<body>Ol Mundo!</body>
</html>
Cabe"al#os$ pargra%os e &uebras de lin#a
<html>
<head>
<title>Exemplo 02 !abe"alho#$ pargra%o# e quebra# de
linha</title>
</head>
<body>
<!&& exemplo de 'omentrio &&>
<h(>!abe"alho h(</h(>
<h2> !abe"alho h2</h2>
<h)> !abe"alho h)</h)>
<h*> !abe"alho h*</h*>
<h+> !abe"alho h+</h+>
<h,> !abe"alho h,</h,>
<hr />
<p>-argra%o 0(</p>
<p>-argra%o 02</p>
.uebra de linha agora<br />
.uebra de linha agora no/amente<br />
0ltima .uebra de linha <br /><br />
1exto .ualquer
</body>
</html>
Hiperlin':
<html>
<head>
<title>Exemplo 0) 2yper3in4</title>
</head>
<body>
3in4 para o #ite 5oogle abrindo na me#ma pgina6
<a hre%78http6//999:google:'om8>'lique aqui</a>
<br /><br />
3in4 para o #ite 5oogle abrindo em outra pgina6
<a hre%78http6//999:google:'om8 target78;blan48>'lique aqui</a>
<br /><br />
Meu #ite6
<a hre%78http6//999:ra%ael<ourdan:'om:br8 target78;blan48>'lique
aqui</a>
</body>
</html>
Hiperlin' com imagem:
<html>
<head>
<title>Exemplo 0* 2yper3in4</title>
</head>
<body>
3in4 para o #ite 5oogle abrindo na me#ma pgina6
<a hre%78http6//999:google:'om8>'lique aqui</a>
<br /><br />
3in4 para o #ite 5oogle abrindo em outra pgina6
<a hre%78http6//999:google:'om8 target78;blan48>'lique aqui</a>
<br /><br />
3in4 para o #ite 5oogle abrindo em outra pgina 'om imagem6<br />
<a hre%78http6//999:google:'om8 target78;blan48><img
#r'78http6//999:google:'om:br/intl/pt&
=>;br/image#/logo:gi%8 /></a>
<br /><br />
</body>
</html>
(magens:
<html>
<head>
<title>Exemplo 0+ & ?magem</title>
</head>
<body>
<p>
?magem 0( 'om tamanho normal6 <br />
<img #r'78img/imagem0(:<pg8/>
</p>
<p>
?magem 02 'om tamanho alterado (00 x (006 <br />
<img #r'78img/imagem02:<pg8 9idth78(00px8 height78(00px8 />
</p>
<p>
?magem 0) 'om tamanho alterado (20 x (206 <br />
<img #r'78img/imagem0):<pg8 9idth78(20px8 height78(20px8 />
</p>
</body>
</html>
Lista Ordenada:
<html>
<head>
<title>Exemplo 0,:( 3i#ta# Ordenada#</title>
</head>
<body>
<ol>
<li>?tem 0(</li>
<li>?tem 02</li>
<li>?tem 0)</li>
<li>?tem 0*</li>
<li>?tem 0+</li>
</ol>
</body>
</html>
Lista )o Ordenada:
<html>
<head>
<title>Exemplo 0,:2 3i#ta# n@o Ordenada#</title>
</head>
<body>
<ul>
<li>?tem 0(</li>
<li>?tem 02</li>
<li>?tem 0)</li>
<li>?tem 0*</li>
<li>?tem 0+</li>
</ul>
</body>
</html>
Tabelas:
<html>
<head>
<title>Exemplo A 1abela#</title>
</head>
<body>
1abela #imple#6<br />
<table border78(8>
<tr>
<td>!onteBdo da 'Clula 0( DtdE da linha DtrE 0(</td>
<td>!onteBdo da 'Clula 02 DtdE da linha DtrE 0(</td>
</tr>
<tr>
<td>!onteBdo da 'Clula 0( DtdE da linha DtrE 02</td>
<td>!onteBdo da 'Clula 02 DtdE da linha DtrE 02</td>
</tr>
</table>
<br /><br />
1abela 'om 'ore#$ e#pa"amento interno e 'ol#pan6<br />
<table 'ellpadding78+8 'ell#pa'ing7808 border78(8>
<tr>
<td bg'olor78F00GG,,8>!Clula ( da linha (</td>
<td bg'olor78FHH00008>!Clula 2 da linha (</td>
</tr>
<tr>
<td bg'olor78F))GGHH8 'ol#pan7828>!Clula ( da linha 2</td>
</tr>
</table>
<br /><br />
1abela 'om ttulo$ e#pa"amento de 'Clula$ e#pa"amento interno e
ro9#pan6<br />
<table 'ellpadding78+8 'ell#pa'ing78(08 border78(8>
<tr>
<th>Iome</th>
<th>1ele%one</th>
<th>Email</th>
</tr>
<tr>
<th ro9#pan7828>>a%ael Jourdan</th>
<td>1ele%one (</td>
<td>email(Kgmail:'om</td>
</tr>
<tr>
<td>1ele%one 2</td>
<td>email2Kgmail:'om</td>
</tr>
</table>
</body>
</html>
Lista de tags
<!--...--> define um comentrio
<!DOCTYPE> define o tipo do documento
<a> define uma ncora
<abbr> define uma abreviao
<acron!m> define um acr"nimo
<addre##> define um e$emento de endereo
<area> define uma rea dentro de um mapa de ima%em
<b> define te&to em ne%rito
<ba#e> define o '() ba#e para todo# o# $in*# da p%ina
<bdo> define a direo em +ue o te&to #er mo#trado
<bi%> define te&to %rande
<b$oc*+uote> define uma $on%a citao
<bod!> define o e$emento de corpo
<br> in#ere uma +uebra de $in,a
<button> define um boto
<caption> define a $e%enda de uma tabe$a
<cite> define uma citao
<code> define um te&to de c-di%o de computador
<co$> define atributo# para a# co$una# de tabe$a
<co$%roup> define um %rupo de co$una# de tabe$a
<dd> define a de#crio de uma definio
<de$> define te&to apa%ado
<div> define uma #eo no documento
<dfn> define uma definio de termo
<d$> define uma $i#ta de defini.e#
<dt> define um termo de definio
<em> define um te&to enfati/ado
<fie$d#et> define um arran0o de campo#
<form> define um formu$rio
<frame> define uma #ub-0ane$a 1frame ou +uadro2
<frame#et> define um arran0o de frame#
<,3> to <,4> define cabea$,o# 3 a 4
<,ead> define informa.e# #obre o documento
<,r> define uma $in,a ,ori/onta$
<,tm$> define um documento 5T6)
<i> define um te&to em it$ico
<iframe> define um frame em $in,a
<im%> define uma ima%em
<input> define um campo de entrada
<in#> define um te&to in#erido
<*bd> define um te&to de tec$ado
<$abe$> define um r-tu$o para contro$e de formu$rio
<$e%end> define o t7tu$o de um arran0o de campo#
<$i> define um item de $i#ta
<$in*> define uma refer8ncia de recur#o
<map> define um mapa de ima%em
<meta> define meta-informao
<noframe#> define uma #eo #em frame#
<no#cript> define uma #eo #em #cript#
<ob0ect> define um ob0eto embarcado
<o$> define uma $i#ta ordenada
<opt%roup> define um %rupo de op.e#
<option> define uma opo em uma $i#ta drop-do9n
<p> define um par%rafo
<param> define um parmetro para um ob0eto
<pre> define te&to pr:-formatado 1re#peita e#pao# e par%rafo#2
<+> define uma citao curta
<#amp> define um e&emp$o de c-di%o de computador
<#cript> define um #cript
<#e$ect> define te&to #e$ecionve$
<#ma$$> define um te&to pe+ueno
<#pan> define uma #eo em um documento
<#tron%> define te&to de#tacado
<#t!$e> define uma definio de e#ti$o
<#ub> define te&to #ub#crito
<#up> define te&to #obre#crito
<tab$e> define uma tabe$a
<tbod!> define o corpo de uma tabe$a
<td> define uma c:$u$a de uma tabe$a
<te&tarea> define uma rea de te&to
<tfoot> define o rodap: de uma tabe$a
<t,> define o cabea$,o de uma tabe$a
<t,ead> define o cabea$,o de uma tabe$a
<tit$e> define o t7tu$o de um documento
<tr> define uma $in,a de tabe$a
<tt> define te&to monoe#paado
<u$> define uma $i#ta no ordenada
<var> define uma varive$