HTML E CSS by JOAO GABRIEL COSTA ABRAHAO https://padlet.com/joaoabrahao1/g9tq7mt2gxr25aqu en-us 2025-06-06 11:34:57 UTC 2025-06-06 11:55:14 UTC hello@padlet.com HTML (HyperText Markup Language) é a linguagem de marcação utilizada para estruturar o conteúdo de páginas web. Ele define a estrutura básica de um site, como títulos, parágrafos, imagens, links e outros elementos. joaoabrahao1 https://padlet.com/joaoabrahao1/g9tq7mt2gxr25aqu/wish/3481368010 Elementos principais:


: Define o início e o fim de um documento HTML.


: Contém metadados sobre a página, como título e links para arquivos externos.


: Contém o conteúdo visível da página, como textos, imagens e vídeos.


-

: Títulos, com

sendo o mais importante.


: Parágrafo.


: Link para outra página ou recurso.


: Imagem

]]> 2025-06-06 11:36:22 UTC https://padlet.com/joaoabrahao1/g9tq7mt2gxr25aqu/wish/3481368010 CSS (Cascading Style Sheets) é uma linguagem de estilo usada para definir a aparência de um documento HTML. Ele permite que você adicione cores, fontes, espaçamentos, posicionamento e animações. joaoabrahao1 https://padlet.com/joaoabrahao1/g9tq7mt2gxr25aqu/wish/3481369636 Seletores principais:


Seletor de tag (ex: h1 { ... }): Aplica estilos a todas as tags


Seletor de classe (ex: .minhaClasse { ... }): Aplica estilos a elementos com uma classe específica.


Seletor de ID (ex: #meuID { ... }): Aplica estilos a um elemento com um ID específico.


Propriedades comuns de estilo:


color: Define a cor do texto.


background-color: Define a cor de fundo.


font-family: Define a fonte.


font-size: Define o tamanho da fonte.


margin e padding: Controlam os espaços ao redor dos elementos.

]]> 2025-06-06 11:38:40 UTC https://padlet.com/joaoabrahao1/g9tq7mt2gxr25aqu/wish/3481369636 HTML lida com a estrutura da página, ou seja, define o que a página é (texto, imagens, links, etc.). joaoabrahao1 https://padlet.com/joaoabrahao1/g9tq7mt2gxr25aqu/wish/3481369857 CSS lida com a aparência da página, ou seja, define como os elementos do HTML devem ser exibidos.

]]> 2025-06-06 11:39:06 UTC https://padlet.com/joaoabrahao1/g9tq7mt2gxr25aqu/wish/3481369857 joaoabrahao1 https://padlet.com/joaoabrahao1/g9tq7mt2gxr25aqu/wish/3481370104




<!DOCTYPE html>

<html lang="pt-br">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Meu Site</title>

<link rel="stylesheet" href="styles.css">

</head>

<body>

<h1>Bem-vindo ao meu site!</h1>

<p>Este é um parágrafo de exemplo.</p>

<a href="https://www.example.com">Clique aqui</a>

</body>

</html>


]]> 2025-06-06 11:39:34 UTC https://padlet.com/joaoabrahao1/g9tq7mt2gxr25aqu/wish/3481370104 /* styles.css */ joaoabrahao1 https://padlet.com/joaoabrahao1/g9tq7mt2gxr25aqu/wish/3481372330 body {

font-family: Arial, sans-serif;

background-color: #f4f4f4;

}


h1 {

color: #333;

text-align: center;

}


p {

font-size: 18px;

color: #555;

}

]]> 2025-06-06 11:42:57 UTC https://padlet.com/joaoabrahao1/g9tq7mt2gxr25aqu/wish/3481372330 HTML e CSS trabalham em conjunto para criar uma página web. O HTML define os elementos e a estrutura, enquanto o CSS determina como esses elementos devem ser estilizados e posicionados na página. É essencial aprender ambos para criar websites funcionais e visualmente atraentes. joaoabrahao1 https://padlet.com/joaoabrahao1/g9tq7mt2gxr25aqu/wish/3481372592 2025-06-06 11:43:21 UTC https://padlet.com/joaoabrahao1/g9tq7mt2gxr25aqu/wish/3481372592 CodePen: Plataforma online para escrever HTML, CSS e JavaScript, visualizando resultados em tempo real. MDN Web Docs: Documentação oficial para aprender sobre HTML, CSS e JavaScript. Can I Use: Verifique a compatibilidade de propriedades CSS e recursos em diferentes navegadores. joaoabrahao1 https://padlet.com/joaoabrahao1/g9tq7mt2gxr25aqu/wish/3481374058 2025-06-06 11:45:42 UTC https://padlet.com/joaoabrahao1/g9tq7mt2gxr25aqu/wish/3481374058