curso de html

11
CURSO DE HTML 40 horas Instrutor: Antonio Itamar Júnior

Upload: casey-mcmahon

Post on 01-Jan-2016

36 views

Category:

Documents


0 download

DESCRIPTION

Curso de html. 40 horas Instrutor: Antonio Itamar Júnior. Componentes básico da estrutura. - marca do início do documento HTML - início do cabeçalho - título da página - corpo do documento Pula linha. Entendendo os códigos ( tags ). - PowerPoint PPT Presentation

TRANSCRIPT

CURSO DE HTML40 horas

Instrutor: Antonio Itamar Júnior

COMPONENTES BÁSICO DA ESTRUTURA

<html> - marca do início do documento HTML <head> - início do cabeçalho <title> - título da página <body> - corpo do documento <br /> Pula linha.

ENTENDENDO OS CÓDIGOS (TAGS)

Tags são os códigos necessários para construção de páginas eletrônicas.

Tags Normais Devem envolver um texto, tendo início e fim; Característica de início de tag: “<“; Característica de fim de tag “>”, juntamente com “/”; <html> ... </html>

Tags Simples Não devem envolver um texto; Característica de início de tag: “<“; Característica de fim de tag “>”, juntamente com “/”; <br />

APRENDA FAZENDO

Crie um arquivo chamado pagina1.html Abra-o com o bloco de notas do windows e insira o

conjunto de comandos (tags) abaixo:

<html>

<head>

<title>..:: Página 1 ::..</title>

</head>

<body>

Nossa Primeira Página

<br />

22/01/2009

</body>

</html>

VISUALIZAÇÃO DO CÓDIGO ANTERIOR

COMPONENTES PARA FORMATAÇÃO DE TEXTO

<b> - Texto em negrito; <i> - Texto em itálico; <u> - Texto sublinhado; <font size=?> - Tamanho do texto; <font color=?> - Cor do texto;

A tag <font> é uma tag normal, pois necessita que tenha início e fim envolvendo um texto, mas podemos notar que ela recebe alguns atributos como “size” e “color”, entre outros.

APRENDA FAZENDO

<html>

<head>

<title>..:: Página 1 ::..</title>

</head>

<body>

Nossa Primeira Página<br />

22/01/2009

<br /><br />

<b>Texto em negrito</b><br />

<i>Texto em itálico</i><br />

<u>Texto Sublinhado</u><br />

<font size="5">Texto com Tamanho 5</font><br />

<font size="10">Texto com Tamanho 10</font><br />

<font color="blue">Texto Azul</font><br />

<font size="4" color="red">Texto vermelho com a o Tamanho 4</font>

</body>

</html>

VISUALIZAÇÃO DO CÓDIGO ANTERIOR

COMPONENTES PARA TABELAS

<table> - Cria uma tabela; <tr> - Cria uma linha de uma tabela; <td> - Cria uma célula numa linha.

APRENDA FAZENDO

VISUALIZAÇÃO DO CÓDIGO ANTERIOR