Você está na página 1de 12

Apresenta:

XHTML

Aula #1:
Introduo ao HTML: O que ? Qual a finalidade ? O que XHTML? Tags O que ? DocType Tags bsicos

Introduo ao HTML
O que HTML ? HTML uma linguagem que possibilita apresentar informaes na Internet. Aquilo que voc v quando abre uma pgina na Internet a interpretao que seu navegador faz do HTML. HTML a abreviatura de HyperText Mark-up Language, onde: Hyper o oposto de linear. Nos tempos antigos - quando mouse era apenas um rato

Introduo ao HTML

Qual a finalidade ?

HTML foi inventado em 1990 pelo cientista Americano Tim Berners-Lee . A finalidade inicial era a de tornar possvel o acesso e a troca de informaes e de documentao de pesquisas, entre cientistas de diferentes universidades. O que XHTML? XHTML significa Extensible HyperText Mark-up Language, nada mais do que uma maneira

Tags

O que ?

Tags so rtulos usados que servem para informar ao navegador como deve ser apresentada cada parte do contedo o website. Todas as tags tm o mesmo formato: comeam com um sinal de menor < e acabam com um sinal de maior >. Genericamente falando, existem dois tipos de tags:

tags de abertura: <comando> tags de fechamento: </comando>.

Tags
DocType

(Document Type Definition)

Serve para informar ao browser que tipo de documento ser visualizado, a primeira coisa que se deve escrever em um arquivo XHTML, ele vai na primeira linha do seu documento. Se voc quiser ter um XHTML vlido, no deve esquec-lo. Existem 3 tipos: Strict: Este tipo usado quando voc faz um cdigo 100% XHTML, sem erros, deve ser escrito assim: <!DOCTYPE html PUBLIC

Tags
Tags

Basicos

<html> </html> - Tag de abertura do html. Informa o navegador qual linguagem esta sendo usada. <head> </head> - Cabealho da pgina, onde ficam informaes adicionais como o titulo do site, quem criou, etc. <body></body> - Corpo da pgina. Aqui ficar a parte principal do seu site. Todo seu contedo e estrutura. Exemplo de estrutura

Tags
Tag de Cabealho
<title> </title> - Tag de ttulo. usado para coloca o
ttulo do site no topo da barra do navegador.
Exemplo: <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www. w3.org/TR/xhtml1/DTD/ xhtml1transitional.dtd> <html> . <head> <title>Meu Novo Site</title> </head> <body>

Tags
Tags de Corpo <p> </p> - usado para pargrafos. <h1> </h1> - Formatao predefinida para cabealho. <h2> </h2> - Formatao predefinida para subttulo. <h3> </h3> - Formatao predefinida para sub-subttulo. <h4> </h4> - Formatao predefinida para subttulo menor que o tag <h3>.

Tags
Tags de Formatao <b> </b> - Coloca o texto em negrito. <strong> </strong> - Coloca o texto em negrito. <i> </i> - Coloca o texto em itlico. <em> </em> - Coloca o texto em itlico. <u> </u> - Coloca o texto sublinhado. Pode-se usar mais de uma tag de formatao ao mesmo tempo, desde que as organize de

Salvando Seu Arquivo


Salvar um arquivo como HTML Mande salvar o arquivo: Arquivo > Salvar, ou Ctrl+S. Na janelinha que vai abrir digite o nome que voc vai dar ao seu arquivo e selecione o tipo de arquivo como Hipertext Markup Language. Para visualizar o seu site entre na pasta onde voc salvou seu arquivo e clique duas vezes nele. O seu arquivo ira automaticamente abrir pelo seu navegador e voc ira visualizar como o navegador est renderizando seu website.

Exerccio
Exerccio Criar um site que contem todos os tags aprendidos hoje. Responder as seguintes perguntas:

O que HTML? E XHTML? Para que serve o HTML? O que so tags? Para que servem?