O que é HTML?
(voltar)
O HTML (HyperText Markup Language), ou Linguagem de Marcação de Hipertexto, é a linguagem padrão usada para criar páginas e conteúdos na web. O HTML serve para estruturar o conteúdo de uma página web, como títulos, parágrafos, listas, imagens, links, tabelas, formulários etc.
HTML (Linguagem de Marcação de HiperTexto) é o bloco de construção mais básico da web. Define o significado e a estrutura do conteúdo da web. Outras tecnologias além do HTML geralmente são usadas para descrever a aparência/apresentação (CSS) ou a funcionalidade/comportamento (JavaScript) de uma página da web. "Hipertexto" refere-se aos links que conectam páginas da Web entre si. Ao carregar conteúdo na Internet e vinculá-lo a páginas criadas por outras pessoas, você se torna um participante ativo na world wide web.
O HTML funciona por meio de tags, que são como etiquetas que envolvem o conteúdo para indicar sua função. Por exemplo, um texto entre as tags <p> e </p> vira um parágrafo, enquanto um texto entre <h1> e </h1> se torna um título principal.
Em resumo, o HTML é a primeira linguagem que qualquer desenvolvedor web precisa aprender. Sem ele, não existiriam sites como os conhecemos hoje. Ele é simples de entender, mas poderoso o suficiente para ser a fundação de tecnologias modernas como frameworks React, Vue.js e sistemas como WordPress.
Acessibilidade em HTML5
(voltar)
A acessibilidade na web é a prática de criar sites que possam ser usados por todas as pessoas, incluindo aquelas com deficiências visuais, auditivas, motoras ou cognitivas. O HTML desempenha um papel fundamental nisso, pois uma estrutura bem organizada e semântica permite que tecnologias assistivas, como leitores de tela, interpretem corretamente o conteúdo.
Acessibilidade em HTML5 é sobre tornar sites fáceis de usar para todo mundo, incluindo pessoas com deficiências. Imagina que seu amigo precisa de óculos ou não pode usar o mouse. Acessibilidade ajuda a fazer com que ele ainda consiga usar o site sem problemas. O HTML5, com sua estrutura semântica aprimorada e novos atributos, desempenha um papel fundamental na construção de uma web inclusiva. Elementos semânticos são como etiquetas especiais no HTML que explicam o que cada parte do site faz.
Um site acessível beneficia não apenas pessoas com deficiências, mas também idosos, usuários móveis e até mecanismos de busca.
Quais são as tags semânticas do HTML5?
(voltar)
O HTML (HyperText Markup Language) é a linguagem base da web, e seu funcionamento depende das tags, elementos que definem a estrutura e o significado do conteúdo em uma página.
Atualmente o papel da HTML não é apenas estruturar documentos para a web, mas também descrever o significado do conteúdo presente nesses documentos por meio de tags semânticas. Isso torna o conteúdo mais claro para programadores, browsers e outras engines.
<header>
A tag <header> representa o cabeçalho de uma página ou seção. É comum conter logotipos, títulos ou menus de navegação.
<nav>
A tag <nav> identifica um bloco de links de navegação, como menus ou índices.
<main>
A tag <main> delimita o conteúdo principal da página, ou seja, aquilo que é único em relação às outras páginas do site.
<section>
A tag <section> é usada para dividir o conteúdo em seções temáticas, geralmente com um título.
<article>
A tag <article> define conteúdo independente e autocontido, como posts de blog, notícias ou tutoriais.
<aside>
A tag <aside> indica conteúdos complementares, como barras laterais, citações ou curiosidades.
<footer>
A tag <footer> é usada para rodapés, podendo conter informações como autor, data, links ou direitos autorais.