Fábio Borges de Oliveira. HTML HyperText Markup Language

Tamanho: px

Começar a partir da página:

Download "Fábio Borges de Oliveira. HTML HyperText Markup Language"

Rafaela Belém Lancastre
9 Há anos
Visualizações:

1 Fábio Borges de Oliveira HTML HyperText Markup Language

2 Iniciando <html> Código </html> É a primeira tag de um documento HTML, nas primeiras versões dos browsers essa tag era obrigatória. Propriedade que pode ser configurada nessa tag: <html lang=pt> Código </html> A propriedade "lang" é utilizada por alguns mecanismos de busca, seu valor indica o tipo de idioma da página HTML. O valor "pt" corresponde à português, "jp" ao idioma japonês, "en" inglês...

3 <head> cabeçalho </head> Cabeçalho Local onde são declaradas as meta tags, variáveis de script JS, VBS e Estilos CSS. Em browsers antigos a falta dessa tag gerava erros de compilação do HTML Exemplo: <head> </head> </html> <title>aula de HTML</title> <bgsound src= chiado.mid">

4 Meta Tags <html> <head> <meta http-equiv='content-type' content='text/html; charset=iso '> <meta http-equiv='pragma' content='no-cache'> <meta http-equiv='expires' content='0'> <meta name= author' content= Fábio Borges'> <meta name='keywords' content='tutorial, html, básico, avançado, guia, referência, interativo'> <meta name='description' content= Aula de html'> <meta name='language' content='portuguese'> <meta name='robots' content='all'> </head> </html>

5 Explicação Content-Type tipo de conteúdo, texto/html charset identificação ISO dos caracteres usados pragma informa ao browser se a página deve ser armazenada em cache expires data de expiração do documento HTML, o valor 0 (ZERO) indica que o documento deve ser sempre atualizado a cada solicitação keywords palavras-chave que indicam o tipo de conteúdo que contém a página ou site description descrição do site language idioma do site robots mecanismos de busca permitidos

6 Re-direcionamento <meta HTTP-EQUIV="refresh" content="3 url=about:blank"> refresh "content" recebe um valor em segundos, "url" o endereço para onde o browser deve ser redirecionado quando o valor de "content" expirar

7 Ícone <LINK REL="SHORTCUT ICON" HREF="imagens/teste.ico"> <LINK REL="stylesheet" HREF="css/textos.css" type=text/css> Devem ser colocados dentro da tag "head", SHORTCUT ICON indica o caminho do arquivo de ícone (.ico) para a página HTML, se o usuário adicionar seu site aos favoritos (CTRL+D) o ícone será baixado automaticamente e aparecerá na lista dos favoritos. Já stylesheet indica o local da folha de estilos externa que deve ser carregada junto à página HTML.

8 Corpo <html> <head> <title>aula de HTML</title> </head> <body> código html e conteúdo a ser exibido </body> </html> <br>

9 Parâmetros do Corpo bgcolor cor padrão de fundo text cor padrão do texto background imagem de fundo bgproperties disposição, "fixed" indica que a figura de fundo permanecerá fixa na tela quando a página for rolada topmargin espessura (em pixels) do topo da margem (reconhecido pelo IE) leftmargin espessura (em pixels) da margem (IE) marginwidth ídem ao topmargin (NE) marginheight ídem ao leftmargin (NE) margin equivalente à "border"

10 Exemplo <body bgcolor=ffffff text= background=imagens/canhao.jpg bgproperties=fixed topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 margin=0px> codigo html e conteúdo a ser exibido

11 Comentários <html> <head>  <title>curso de HTML</title> </head> <body>  codigo html e conteúdo a ser exibido  </body> </html>

12 Fonte de Letra <font face=verdana size=2 color=000000> texto em Verdana tamanho 2, cor preta </font> <font face=arial size=2 color=000000> texto em Arial tamanho 2, cor preta </font> Use sempre uma fonte padrão: Times New Roman, Verdana, Arial, Courier New, Comic Sans, Tahoma.

13 + Fontes A página HTML é executada no computador do usuário, a apresentação depende da configuração do sistema operacional e do navegador utilizado. Por precaução use mais de uma fonte: <font face="verdana, arial, helvetica" size=2 color=000000> texto em verdana ou arial ou helvetica tamanho 2, cor preta </font> O formato padrão "Times New Roman".

14 Destaque <i> itálico </i> <b> negrito </b> <strong> negrito </strong> <big> grande </big> <small> pequeno </small> <u> underline </u> <sup> superescrito </sup> <sub> subscrito </sub> <strike>taxado</strike> <tt>mono-espaçado<br></tt> <em>ênfase</em> <strong>ênfase forte</strong>

15 Outros destaques <marquee> rolagem </marquee> (IE) <blink> pisca </blink> (NS) <hr size=8 width=400> <hr size="5" width="50%"> espaço <p> parágrafo </p> <h1>titulo1</h1> <h6>titulo 6</h6>

16 Marcador <li> ítem 1 </li> <ul type="circle"> <li> subítem 1</li> <ul> <li> subsubítem</li> </ul> <li> subítem 2</li> </ul> <li> ítem 2 </li> <ol style="margin-top:0cm;" start="1" type="a"> <li> subítem </li> </ol> <li> ítem 3 </li>

Documentos relacionados

#Fundamentos de uma página web

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RIO GRANDE DO NORTE CAMPUS SÃO GONÇALO DO AMARANTE PROGRAMAÇÃO WEB #Fundamentos de uma página web Eliezio Soares [email protected] Aula de