Conhecimento básico de HTML
Projeto de pesquisa: Conhecimento básico de HTML. Pesquise 861.000+ trabalhos acadêmicosPor: jds_junior • 25/10/2014 • Projeto de pesquisa • 2.300 Palavras (10 Páginas) • 335 Visualizações
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:
<tag>...</tag>
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:
<tag>
Todos os elementos podem ter atributos:
<tag atributo1=valor1 atributo2=valor2>...</tag>
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 código fonte HTML.
As etiquetas HTML não são sensíveis à caixa, com isso tanto faz escrever:
<HTML>, <Html>, <html>, <HtMl>, ...
Na apostila, utilizamos maiúsculas, em muitos casos, para fins didáticos embora o padrão a
ser utilizado seja em minúsculas.
Estrutura mínima de uma página HTML:
<HTML>
<HEAD>
<TITLE>Título da Página</TITLE>
</HEAD>
<BODY>
Conteúdo da página
</BODY>
</HTML>
2.1 Atributos de <BODY>
Através de atributos de <BODY>, podemos definir cores para os textos, links e para o fundo
das páginas, bem como uma imagem de fundo (marca d’água):
<BODY BGCOLOR="#rrggbb" TEXT="#rrggbb" LINK="#rrggbb" ALINK="#rrggbb"
VLINK="#rrggbb" BACKGROUND="URL">
onde:
BGCOLOR
cor de fundo (quando não é indicada, o browser irá mostrar uma cor padrão, geralmente o
cinza ou branco)
TEXT
cor dos textos da página (padrão: preto)
LINK
cor dos links (padrão: azul)
ALINK
cor dos links, quando acionados (padrão: vermelho)
VLINK
cor dos links, depois de visitados (padrão: azul escuro ou roxo)
Seus valores são dados em hexadecimal, equivalentes a cores no padrão RGB (Red, Green,
Blue). Browsers atuais aceitam 16 nomes de cores - por exemplo, podemos escrever
BGCOLOR="BLUE". Porém, browsers mais antigos não apresentarão as cores indicadas.
3. Algumas Tags básicas
Tag Descrição
<html> Define um documento HTML
<body> Define o corpo do documento
<h1> a <h6> Define cabeçalho 1 ao 6
<p> Define um parágrafo
<br> Insere uma quebra de linha
<hr> Define uma linha horizontal
<!--> Define um comentário
<font> Define a formatação de um texto
Há seis níveis de cabeçalhos em HTML, de <h1> a <h6>. Os cabeçalhos têm atributos de
alinhamento, como no exemplo abaixo:
<h3 ALIGN=CENTER>Cabeçalho de nível 3 centralizado</h3>
<!— Aqui é um comentário -->
<!— <P> tem atributo de alinhamento, como os cabeçalhos: -->
<p ALIGN=CENTER>parágrafo centralizado<br>com quebra de linha</p>
<!— <hr>
...