Introdução ao HTML
HTML, que significa Hyper Text Markup Language, é a linguagem de marcação padrão para criar páginas e aplicações web. Juntamente com CSS e JavaScript, HTML é uma tecnologia fundamental usada na maioria dos sites. HTML fornece a estrutura de uma página web, enquanto CSS estiliza esta estrutura e JavaScript permite a interatividade na página.
Estrutura básica de um documento HTML
Um documento HTML tem uma estrutura de árvore, que começa com um elemento raiz <html>. Este elemento contém dois elementos filhos: <head> e <body>. O elemento <head> contém metadados sobre o documento, enquanto o elemento <body> contém o conteúdo principal do documento.
<html>
<head>
<title>Título da Página</title>
</head>
<body>
Conteúdo da página...
</body>
</html>
Tags e Atributos HTML
As tags HTML são usadas para definir elementos HTML. Cada tag HTML começa com o sinal de menor (<) e termina com o sinal de maior (>). A maioria das tags HTML possui uma tag de abertura e uma tag de fechamento, com conteúdo entre elas. Por exemplo, <p>Texto</p>.
Os atributos HTML são usados para fornecer informações adicionais sobre os elementos. Eles são sempre especificados na tag de abertura e geralmente vêm em pares de nome/valor. Por exemplo, <a href="https://www.example.com">Link</a>.
Introdução aos Seletores CSS
Cascading Style Sheets (CSS) é uma linguagem de folha de estilo usada para descrever a aparência de um documento escrito em HTML. CSS descreve como os elementos HTML devem ser exibidos, controlando o layout de várias páginas de uma só vez.
Seletores CSS
Os seletores CSS são usados para selecionar os elementos HTML que você deseja estilizar. Existem vários tipos de seletores CSS, incluindo seletores de tipo, seletores de classe, seletores de ID, seletores de atributo, e mais.
- Seletores de Tipo: Selecionam elementos com base no tipo de elemento. Por exemplo, 'p' selecionará todos os elementos <p>.
- Seletores de Classe: Selecionam elementos com base no atributo de classe. Por exemplo, '.intro' selecionará todos os elementos com class="intro".
- Seletores de ID: Selecionam elementos com base no atributo de ID. Por exemplo, '#firstName' selecionará o elemento com id="firstName".
- Seletores de Atributo: Selecionam elementos com base em um atributo ou valor de atributo. Por exemplo, '[target="_blank"]' selecionará todos os elementos com target="_blank".
Para concluir, HTML, CSS e JavaScript são tecnologias essenciais para se tornar um desenvolvedor front-end. Aprender a estrutura básica do HTML, as tags e atributos HTML, e os seletores CSS é o primeiro passo para se tornar um desenvolvedor web profissional. O próximo passo é aprender a usar JavaScript para adicionar interatividade às suas páginas web.
