A linguagem HTML - Site Design Brasil Criar Sites
Palestra 2.1. Noções básicas de HTML
A linguagem HTML (do inglês HyperText Markup Language – “linguagem de marcação de hipertexto”)
é usada para criar páginas da web. A maioria dos sites é criada
justamente com a ajuda da HTML.
Sintaxe da HTML
Os documentos HTML são arquivos com texto e instruções adicionais
da linguagem HTML, chamadas tags. As tags permitem definir
a formatação do texto, bem como inserir no documento arquivos multimídia
(imagens, som, animação Flash), hiperlinks para outros
documentos, dados em tabelas e formulários de entrada de dados. Os documentos HTML
têm a extensão de nome de arquivo htm ou html. A edição do código HTML
é feita em um editor de texto (por exemplo, no bloco de notas comum), e a visualização
é feita no navegador.
Estrutura da tag:
<nome da tag atributo1 atributo2="valor2" ...>
A tag consiste no nome da tag, que pode ser seguido por uma lista de atributos,
colocados entre colchetes de abertura e fechamento
(< e >). Os atributos permitem controlar o comportamento da tag. Eles podem ter
valores específicos, definidos após o sinal de igual. Os valores dos atributos
são colocados entre aspas simples ou duplas ("). Os atributos são separados
uns dos outros por um espaço, a ordem dos atributos não tem importância.
Os nomes das tags e dos atributos não são sensíveis a maiúsculas e minúsculas.
Exemplo: <FONT color="red" face="Arial">
A tag FONT é destinada a controlar a aparência do texto. No exemplo,
ela define a fonte do texto como Arial, na cor vermelha.
As tags são divididas em pares e ímpares. As tags em pares têm uma tag de fechamento,
as ímpares não têm. A tag de fechamento contém uma barra inclinada
Linguagem HTML 13
antes do nome e não tem atributos. Entre as tags de abertura e de fechamento
é colocado o texto e outras tags. Os atributos são indicados apenas na
tag de abertura.
Para destacar o texto em negrito, é usada a tag <b>. Exemplo:
Código HTML: texto <b>texto em negrito</b> texto
No navegador: texto texto em negrito texto
Um exemplo de tag não pareada é a tag <br> – quebra de linha. A quebra de linha normal com a tecla {Enter} é ignorada pelo navegador (assim como vários espaços ou tabulações consecutivos).
Incorreto:
Código HTML:
primeira linha
segunda linha
No navegador:
primeira linha segunda linha
Correto:
Código HTML:
primeira linha<br>segunda linha
No navegador:
primeira linha
segunda linha
A tag emparelhada deve ter uma tag de fechamento! Por exemplo, se não fechar a tag <b>, todo o texto da página após ela ficará em negrito.
Ao inserir tags umas nas outras, é necessário fechá-las começando pela última, na ordem inversa.
Ao inserir tags umas dentro das outras, é necessário fechar as tags começando pela última,
na ordem inversa.
A tag <i> é usada para destacar o texto em itálico.
Incorreto: Código HTML: <b><i>negrito itálico</b></i>
Correto: Código HTML: <b><i>negrito itálico</i></b>
No navegador: negrito itálico
14 Tema 2
Estrutura do documento HTML
<html>
<head>
… título do documento
</head>
<body>
… corpo do documento
</body>
</html>
O documento HTML está dentro da tag <html> e consiste em um título e um corpo. O título
do documento fica dentro da tag <head> e contém o nome do documento
e alguns outros parâmetros. O corpo do documento está entre as tags <body> e
contém o texto e as tags que devem ser processadas e exibidas pelo navegador. O texto
da tag <title> geralmente é exibido no cabeçalho da janela do navegador, bem como nos
resultados de pesquisa dos mecanismos de busca.
Exemplo: documento HTML mais simples
<html>
<head>
<title>Título</title>
</head>
<body>
Meu primeiro <i>documento HTML!</i><br>
(este é um exemplo)
</body>
</html>
Agencia de Web designer - Site Design Brasil
Site Design Brasil - sabemos Como criar um site
Site Design Brasil Criar Sites
https://telegra.ph/Criar-Sites-09-26
https://telegra.ph/Entendendo-sobre-o-WWW---Criar-Sites-09-26
https://telegra.ph/A-linguagem-HTML---Site-Design-Brasil-Criar-Sites-09-26
https://telegra.ph/Linguagem-HTML-5-Representa%C3%A7%C3%A3o-de-cores-em-HTML-09-26
https://criar-sites-brasil.blogspot.com/2025/09/criar-sites-em-html-e-css.html
https://criar-sites-brasil.blogspot.com/2025/09/criar-sites-em-html-css-e-java-script.html