html básico principais elementos

Propaganda
HTML BÁSICO
PRINCIPAIS ELEMENTOS
Um Navegador deve interpretar as etiquetas, elementos que compõem o documento
HTML, e gerar uma saída, uma página Web (documento de hipertexto).
Os elementos de um documento html, descritos por meio de etiquetas (tag's), podem ser
classificadas em :
•
etiquetas estruturais
• etiquetas do corpo
Etiquetas Estruturais
ETIQUETA
DESCRIÇÃO
<html> </html>
Indica ao navegador que o arquivo contem um documento
html
<!--->
Indica ao navegador que o texto entre <!-- e --> é um
comentário não devendo ser exibido
<head> </head>
Indica ao navegador que o que as tag's entre e fazem parte do
cabeçalho
<body> </body>
Indica ao navegador que as tag's entre fazem parte do corpo
do documento
Exemplo :
<html>
<!-- pagina teste -->
<head>
<!-- aqui entram as informações de controle do navagador -->
</head>
<body>
<!-- aqui entram as informações exibidas no navagador -->
</body>
</html>
Neste caso sera exibido uma documento web em branco, sem informações. Visto que a única
etiqueta do corpo do documento é um comentário.
Nota de Aula - Tecnologia Web
Prof. Sidney Vieira
1
Nota de Aula - Tecnologia Web
Prof. Sidney Vieira
2
Algumas etiquetas básica para o corpo
ETIQUETA
DESCRIÇÃO
<hn> </hn>
Cabeçalho nível n onde n é um valor entre 1 e 6. Exemplo
<h2> </h2>
<p> </p>
Define um parágrafo simples
<br>
Muda para uma outra linha do documento
<hr>
Define uma linha horizontal
<center> </center>
Define a centralização
<ol> </ol>
Define uma lista ordenada
<ul> </ul>
Define uma lista não ordenada
<li> </li>
Define um item de uma lista ordenada ou não ordenada
<b> </b>
Define negrito
<i> </i>
Define itálico
<u> </u>
Define sublinhado
<em> </em>
Define um texto em maior ênfase em itálico
<strong> </strong>
Define um texto em negrito similar ao <b> </b>
<cite> </cite>
Define uma citação
<address> </address>
Define um padrão para descrever um endereço em um
documento web
<blockquote> </blockquote>
Define citações longas que não devem ser aninhadas em
parágrafos.
<small> </small>
Define texto em fonte menor do que o padrão
<big> </big>
Define texto em fonte maior do que o padrão
<blink> </blink>
Define texto piscando somente no Nestcape
<marquee> </marquee>
Define texto animado no Internet Explorer
<s> </s>
Define texto tachado
<sub> </sub>
Define texto subscrito
<sup> </sup>
Define texto sobrescrito
Nota de Aula - Tecnologia Web
Prof. Sidney Vieira
3
Exemplo :
<html>
<!-- pagina teste -->
<head>
<!-- aqui entram as informações de controle do navegador -->
</head>
<body>
<h1> Titulo </h1>
<h2> Sub-titulo </h2>
<hr>
<center>este texto é centralizado </center>
</body>
</html>
Exemplo :
<html>
<!-- pagina teste -->
<head>
<!-- aqui entram as informações de controle do navegador -->
</head>
<body>
<h1> uma lista ordenada </h1>
<hr>
<center>
<ol>
<ul>primeiro elemento
</ul>
<ul>segundo elemento
</ul>
<ol>
</center>
</body>
</html>
Um documento web deve ser salvo com a extensão htm ou html
Exemplo:
principal.html ou principal.htm
pag_cadastro.html ou pag_cadastro.htm
Nota de Aula - Tecnologia Web
Prof. Sidney Vieira
4
Download
Random flashcards
modelos atômicos

4 Cartões gabyagdasilva

paulo

2 Cartões paulonetgbi

A Jornada do Herói

6 Cartões filipe.donner

Criar flashcards