Entendendo o Básico de HTML e CSS #001
Oi, pessoal! Esse é meu primeiro post no blog, e hoje quero compartilhar um pouco sobre o básico de HTML e CSS.
HTML: Estrutura e Semântica
O HTML é a linguagem que usamos para estruturar o conteúdo de uma página na web. Aqui estão algumas tags básicas:
<h1>: Usamos essa tag para criar título.
<p>: Essa é para parágrafos.
<img>: Para adicionar imagens. Não se esqueça do alt para descrever a imagem!
Um exemplo simples para você entender:
<h1>Hello, TabNews!</h1>
<p>Primeiro blog.</p>
<img src="img aqui.jpg" alt="Descrição da sua imagem">
CSS: Dando estilo ao HTML
O CSS é o que usamos para deixar nossa página bonita. Existem três maneiras de incluir CSS no HTML:
-
Inline CSS: Você coloca o CSS direto na tag, assim:
<p style="color: blue;">Texto em azul!</p> -
CSS Interno: Coloque tudo dentro de no da página. ` h1 { color: red; }
3.*CSS Externo*: A maneira mais organizada! Coloque seu CSS em um arquivo separado e linke no HTML. E no arquivo *styles.css*:h1 {
color: red;
}`
Estrutura básica do HTML
`<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Título da Página</title>
</head>
<body>
,/body>`
- `<!DOCTYPE html>` → Escolhe a versão do html que por padrão e o HTML5
- `<html lang="pt-BR">` → A linguagem escolhida para o site
- `<meta charset="UTF-8">` → Tipo de codificação que é muito importante para o idioma português, pois ele aceita acentuações no caractere.
- `<title>Título da Página</title>` → O nome da barra do topo da página