Thanks to visit codestin.com
Credit goes to pt.scribd.com

Scribd
Carregar
45 visualizações2 páginas

Fundamentos de HTML (Versão Detalhada)

HTML (HyperText Markup Language) é a linguagem fundamental para estruturar conteúdo em páginas web, começando com a declaração do tipo e incluindo tags como <head> e <body>. O documento descreve principais tags, atributos, listas, formulários, comentários e a importância da semântica, além de boas práticas para garantir a acessibilidade e a validação do código. A utilização de validadores online é recomendada para evitar erros e melhorar a compatibilidade com navegadores.

Enviado por

araujodavi1515
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
45 visualizações2 páginas

Fundamentos de HTML (Versão Detalhada)

HTML (HyperText Markup Language) é a linguagem fundamental para estruturar conteúdo em páginas web, começando com a declaração do tipo e incluindo tags como <head> e <body>. O documento descreve principais tags, atributos, listas, formulários, comentários e a importância da semântica, além de boas práticas para garantir a acessibilidade e a validação do código. A utilização de validadores online é recomendada para evitar erros e melhorar a compatibilidade com navegadores.

Enviado por

araujodavi1515
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
Você está na página 1/ 2

‭ undamentos de HTML (versão‬

F
‭detalhada)‬
‭ . O que é HTML?‬
1
‭HTML (HyperText Markup Language) é a linguagem usada para estruturar o conteúdo de‬
‭páginas web. Ela indica ao navegador como mostrar textos, imagens, vídeos e outros‬
‭elementos.‬

‭ . Estrutura Básica de uma Página HTML‬


2
‭Uma página HTML começa com a declaração do tipo (‬‭
<!DOCTYPE‬‭
html>‬
‭) que informa o‬
<html>‬
‭navegador sobre a versão do HTML usada. Depois vem a tag‬‭ ‭, que envolve todo o‬
<head>‬
‭conteúdo da página. Dentro dela temos o‬‭ ‭, que‬‭traz informações como título e links‬
<body>‬
‭para estilos, e o‬‭ ‭, onde fica o conteúdo visível.‬

‭3. Principais Tags e Seus Usos‬

‭●‬ ‭
<h1>‬‭a‬‭
<h6>‬ <h1>‬‭o mais‬‭importante.‬
‭: títulos e subtítulos, sendo‬‭

‭●‬ ‭
<p>‬
‭: define parágrafos de texto.‬

‭●‬ ‭
<a>‬ href‬
‭: cria links para outras páginas ou sites, usando‬‭o atributo‬‭ ‭.‬

‭●‬ <
‭img>‬ src‬‭que indica o caminho da‬
‭: insere imagens na página, com o atributo‬‭
‭imagem.‬

‭ . Atributos‬
4
‭Atributos são informações extras que modificam o comportamento das tags. Por exemplo,‬
‭em‬‭ <a href="https://example.com">‬ href‬‭indica o endereço‬‭do link. Em‬‭
‭,‬‭ <img‬
‭rc="foto.jpg" alt="Descrição">‬
s alt‬‭descreve a imagem‬‭para leitores de tela ou‬
‭,‬‭
‭quando a imagem não carrega.‬

‭ . Listas‬
5
<ol>‬‭(números)‬‭e listas não ordenadas com‬‭
‭Podemos criar listas ordenadas com‬‭ <ul>‬
<li>‬
‭(bolinhas). Os itens da lista são marcados com‬‭ ‭.‬

‭ . Formulários‬
6
<form>‬‭para‬
‭Formulários coletam dados dos usuários, como nomes e senhas. Utilizamos‬‭
<input>‬‭para os campos em si,‬‭e‬‭
‭envolver os campos,‬‭ <button>‬‭para enviar os dados.‬

‭ . Comentários em HTML‬
7
‭Comentários servem para deixar anotações no código que o navegador ignora. Eles são‬
<!--‬‭e‬‭
‭escritos entre‬‭ -->‬
‭. Úteis para explicar partes‬‭do código para quem for ler depois.‬
‭ . Semântica‬
8
‭Tags semânticas dão significado ao conteúdo, ajudando na organização e acessibilidade.‬
‭Exemplo:‬‭<header>‬‭para cabeçalho,‬‭ <footer>‬‭para rodapé,‬‭
<nav>‬‭para menus de‬
‭navegação.‬

‭ . Validação de Código‬
9
‭Testar o HTML em validadores online ajuda a garantir que o código está correto, evitando‬
‭erros de renderização e melhorando a compatibilidade com navegadores.‬

‭ 0. Boas Práticas‬
1
‭Organize o código com indentação correta, use tags semânticas, evite tags obsoletas e‬
alt‬‭em imagens‬‭para acessibilidade.‬
‭sempre insira atributos importantes como‬‭

Você também pode gostar