html

APOSTILA

Curso de HTML com PHP

HTML

Pablo Dapont
PET Computação - sala 202
Prédio 43424 ( prédio dos laboratórios )
Instituto de Informática - UFRGS email : [e-mail]
Av. Bento Gonçalves, 9500 bloco IV
Bairro Agronomia - 91501-970 - Porto Alegre, RS

1. Introdução
O objetivo do curso é fornecer aos participantes noções básicas da linguagem HTML, sabe-se que há várias ferramentas poderosas para editar o HTML de uma página, porém é de fundamental importância conhecer seu funcionamento.
1.1 O que é um arquivo HTML?

•
•
•
•
•

HTML significa Hyper Text Markup Language
Um arquivo HTML é um arquivo texto contendo pequenas tags de marcação
As tags de marcação indicam para o Navegador Web como mostrar a página
A extensão de um arquivo HTML deve ser htm ou html
Um arquivo HTML pode ser criado usando um editor de texto simples

Todo documento HTML apresenta elementos entre parênteses angulares (< e >); esses elementos são as etiquetas (tags) de HTML, que são os comandos de formatação da linguagem. A maioria das etiquetas tem sua correspondente de fechamento:
...
Isso é necessário porque as etiquetas servem para definir a formatação de uma porção de texto, e assim marcamos onde começa e termina o texto com a formatação especificada por ela.
Alguns elementos são chamados “vazios”, pois não marcam uma região de texto, apenas inserem alguma coisa no documento:

Todos os elementos podem ter atributos:
...
HTML é um recurso muito simples e acessível para a produção de documentos. Mais adiante veremos com detalhes os atributos das tags e seus valores.

2. Editores HTML:
Como dito anteriormente, um arquivo html pode ser criado usando um editor de texto simples, como o bloco de notas. Porém há editores sofisticados para a criação de código HTML, alguns exemplos: -

Dreamweaver – Macromedia
HomeSite 5.5 – incluído no Dreamweaver
FrontPage
HTML-kit – free

O ideal é sempre utilizarmos um editor que permita editar o