Вы находитесь на странице: 1из 4

HyperText Markup Language

<html>
O marcador <html> indica que o conteúdo do arquivo encontra-se codificado na linguagem html.
Todo o texto e os comandos HTML contidos na página deverão estar delimitados pelos marcadores
<html> e </html>.

<head>
Especifica que as linhas existentes entre os pontos de abertura e fechamento são o prólogo do
restante do arquivo. Geralmente há poucos marcadores na parte <head> da página (mais
especificamente o título da página)

<body>
O restante da página, inclusive todo o texto e outros elementos (vínculos, ilustrações e etc), é
delimitado pelo marcador <body>.

Exemplo:
Estrutura da página
<html>

<head>

........

</head>

<body>

..........

</body>

</html>

Marcadores do Head

<title> </title> - define o título do documento, que será exibido na barra de título do navegador

O título deve ser o mais explicativo possível, no entanto deve ser compacto, no máximo uma linha.

<script language = string> </script> - define um script (programa) javascript, php e outros

Marcadores do Body

Cabeçalhos

Podem ser usados em qualquer parte do Body para dar destaque maior ou menor a algum
termo do texto. Existem 6 níveis de cabeçalhos (h1 a h6)
<h1 align = [left, center, right]> </h1>

align – especifica o alinhamento do texto [ Esquerda, centro, direita ]

Exemplo

<html>

<head>

<title> Título da Página </title>

</head>

<body>

<h1 align = center> Programação para Web </h1>

<h2> JavaScript </h2>

...

</body>

</html>

Parágrafos (textos)

<p> Indica o início de um parágrafo

<p align = [left, center, right]> </p>

align – especifica o alinhamento do texto [ Esquerda, centro, direita ]

Exemplo

<html>

<head>

<title> Título da Página </title>

</head>

<body>

<h1 align = center> Web Designer </h1>

<p> É o profissional responsável pela concepçao e produção visual de

websites</p>

</body>

</html>

Estilo físico dos caracteres

<i> ... </i> - Itálico

<b> ... </b> - Negrito (bold)


<blink> ... </blink> - Caracteres piscando

<strike> ... </strike> - Caracteres riscados

<u> ... </u> - Caracteres sublinhados

<big> ... </big> - Caracteres grandes

<small> ... </small> - Caracteres pequenos

<sub> ... </sub> - Subscrito

<sup> ... </sup> - Sobrescrito

obs.: na maioria dos navegadores esses estilos podem ser combinados.

Quebra de linha

<br> - Esse marcador insere uma quebra de linha.

Linha horizontal

<hr> Insere uma linha horizontal

<hr align = [left, center, right] noshade size width = [N, p%]

size = define a altura da linha (em pixels);

width = define a largura (em pixels ou como uma porcentagem da janela do


navegador);

noshade = define linha sólida (sem sombra).

Exemplo:

<hr size = 8 width=50% noshade align = right>

Fonte

<font size = N color = #RRGGBB face = string> ... </font>

Este marcador, junto com seus atributos, são utilizados para definir o tamanho, cor e tipo dos
caracteres.

Onde:

size = tamanho (1 a 7)

color = cor (nome em inglês ou hexadecimal)

face = deve conter o nome de um conj. de caracteres (courier, helvetica, lucida, ...)

Imagens

<img> é utilizado para inserir imagens dentro das páginas

<img src = nomedoarquivo.jpeg height = N width = M alt = texto>


onde:

src = especifica o caminho onde está a imagem

height = define a altura da imagem

width = define a largura da imagem

alt = define um texto alternativo que será exibido se a imagem não puder ser apresentada