Scribd
Carregar
4 visualizações7 páginas

Introdução ao HTML Básico

O documento introduz o HTML, explicando sua função na construção de páginas web e sua relação com CSS e JavaScript. Apresenta a estrutura básica de uma página HTML, tags comuns, atributos e regras de sintaxe. Um exemplo prático de código HTML é fornecido para ilustrar os conceitos discutidos.

Enviado por

Gabriel Henrique Caparroz
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
4 visualizações7 páginas

Introdução ao HTML Básico

O documento introduz o HTML, explicando sua função na construção de páginas web e sua relação com CSS e JavaScript. Apresenta a estrutura básica de uma página HTML, tags comuns, atributos e regras de sintaxe. Um exemplo prático de código HTML é fornecido para ilustrar os conceitos discutidos.

Enviado por

Gabriel Henrique Caparroz
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

HTML

Introdução ao HTML

• O que é HTML (Hypertext Markup


Language)?

• Para que serve o HTML na construção


de páginas web?

• Como HTML se relaciona com outras


tecnologias web (CSS, JavaScript)?
Estrutura Básica de uma Página HTML

<!DOCTYPE html>
<html>
<head>
<title>Nome da Página</title>
</head>
<body>
<h1>Olá, Mundo!</h1>
</body>
</html>
Tags HTML Comuns

<html>: Define o início e o fim do documento HTML.


<head>: Contém informações sobre o documento, como título e metadados.
<title>: Define o título da página, que aparece na aba do navegador.
<body>: Contém o conteúdo visível da página.
<h1>, <h2>, ..., <h6>: Títulos de diferentes níveis.
<p>: Parágrafo.
<a>: Link de navegação.
<img>: Inserção de imagens.

<ul>, <ol>, <li>: Listas não ordenadas e ordenadas.


Atributos de algumas tags html

href no <a> para links.


src no <img> para especificar a fonte da imagem.
alt para descrever a imagem.

id e class para identificação e estilo de elementos


Sintaxe e Regras Básicas

Como as tags são usadas e a importância de fechá-las


corretamente.
A diferença entre tags de abertura e fechamento (por
exemplo, <p> </p>
e ).

Tags auto-fechantes, como <img />


.
Exemplo Prático
<!DOCTYPE html>
<html>
<head>
<title>Minha Primeira Página</title>
</head>
<body>
<h1>Bem-vindo à minha página</h1>
<p>Este é o primeiro parágrafo.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
<a href="[Link]
o site</a>
</body>
</html>

Você também pode gostar