Scribd
Carregar
3 visualizações3 páginas

Resumo HTML CSS em Tópicos

O documento aborda os conceitos básicos e intermediários de HTML e CSS, destacando a estrutura de páginas web com HTML e o controle de estilo com CSS. Ele apresenta as principais tags e atributos do HTML, além de explicar a sintaxe e propriedades do CSS, incluindo o modelo de caixa e flexbox. Também menciona a responsividade através de media queries para adaptar sites a diferentes tamanhos de tela.

Enviado por

rani123.2005
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
3 visualizações3 páginas

Resumo HTML CSS em Tópicos

O documento aborda os conceitos básicos e intermediários de HTML e CSS, destacando a estrutura de páginas web com HTML e o controle de estilo com CSS. Ele apresenta as principais tags e atributos do HTML, além de explicar a sintaxe e propriedades do CSS, incluindo o modelo de caixa e flexbox. Também menciona a responsividade através de media queries para adaptar sites a diferentes tamanhos de tela.

Enviado por

rani123.2005
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/ 3

Resumo de HTML e CSS - Básico/Intermediário

HTML: Estrutura da Página Web

- HTML (HyperText Markup Language) define a **estrutura** do conteúdo.


- Usa **tags** para marcar diferentes tipos de elementos: texto, imagens, links, etc.

Exemplo básico:
<html>
<head><title>Minha Página</title></head>
<body>
<h1>Título</h1>
<p>Parágrafo</p>
</body>
</html>

Principais Tags HTML

- <h1> até <h6>: títulos


- <p>: parágrafo
- <a href="">: link
- <img src="" alt="">: imagem
- <ul>, <ol>, <li>: listas
- <div>: divisão genérica
- <span>: marcação inline
- <input>, <form>: formulários

Atributos HTML

- Modificam o comportamento de uma tag.


Ex: <img src="foto.jpg" alt="Descrição">
- Comuns: id, class, href, src, alt, type, name, value

CSS: Estilo da Página

- CSS (Cascading Style Sheets) controla **cor, tamanho, posição, fontes, espaçamentos** etc.
- Pode ser incluído de 3 formas:
1. Inline: <p style="color:red;">
2. Interno: dentro de <style>
3. Externo: em arquivo .css separado

Sintaxe Básica do CSS

seletor {
Resumo de HTML e CSS - Básico/Intermediário

propriedade: valor;
}

Ex:
h1 {
color: blue;
font-size: 24px;
}

Seletores CSS

- Seletor de tag: p {}
- Seletor de classe: .destaque {}
- Seletor de id: #principal {}
- Combinados: div p {}
- Universais: * {}

Propriedades CSS Comuns

- color, background-color
- font-size, font-family
- margin, padding, border
- width, height, display
- text-align, align-items, justify-content

Box Model (Modelo de Caixa)

- Todo elemento HTML é uma caixa com:


conteúdo -> padding -> border -> margin

Ex:
div {
padding: 10px;
border: 1px solid black;
margin: 20px;
}

Display e Flexbox

- display: block | inline | inline-block | none | flex


- Flexbox organiza itens em linha ou coluna.
Resumo de HTML e CSS - Básico/Intermediário

Ex:
.container {
display: flex;
justify-content: center;
align-items: center;
}

Responsividade (Media Queries)

- Torna o site adaptável a diferentes tamanhos de tela.

@media (max-width: 600px) {


body {
background-color: lightgray;
}
}

Você também pode gostar