Scribd
Carregar
4 visualizações2 páginas

Introdução ao HTML e CSS Essencial

O documento introduz HTML e CSS, explicando que HTML é a linguagem para estruturar conteúdo de páginas web e CSS é usada para definir seu estilo visual. Ele lista as principais tags HTML e propriedades CSS, além de fornecer exemplos práticos de código. Juntas, essas linguagens permitem a criação de páginas web completas e bem organizadas.

Enviado por

Thanos66
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 DOCX, PDF, TXT ou leia on-line no Scribd
4 visualizações2 páginas

Introdução ao HTML e CSS Essencial

O documento introduz HTML e CSS, explicando que HTML é a linguagem para estruturar conteúdo de páginas web e CSS é usada para definir seu estilo visual. Ele lista as principais tags HTML e propriedades CSS, além de fornecer exemplos práticos de código. Juntas, essas linguagens permitem a criação de páginas web completas e bem organizadas.

Enviado por

Thanos66
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 DOCX, PDF, TXT ou leia on-line no Scribd

Introdução ao HTML e CSS

1. Introdução ao HTML
HTML (HyperText Markup Language) é a linguagem usada para estruturar o conteúdo
de páginas web. Ela utiliza elementos chamados *tags*, que indicam como o conteúdo
deve ser exibido no navegador.

Principais Tags HTML


● <!DOCTYPE html> — Define o tipo de documento como HTML5.

● <html> — Elemento raiz de um documento HTML.

● <head> — Contém metadados, links e títulos.

● <title> — Define o título exibido na aba do navegador.

● <body> — Contém o conteúdo visível da página.

● <h1> a <h6> — Definem títulos, do maior (h1) ao menor (h6).

● <p> — Define um parágrafo de texto.

● <a> — Cria um hiperlink.

● <img> — Exibe uma imagem.

● <ul>, <ol>, <li> — Criam listas não ordenadas, ordenadas e seus itens.

● <div> — Usada para agrupar blocos de conteúdo.

● <span> — Usada para estilizar partes específicas do texto.

Exemplo de Página HTML

<!DOCTYPE html>
<html>
<head>
<title>Minha Primeira Página</title>
</head>
<body>
<h1>Bem-vindo ao HTML!</h1>
<p>Este é um parágrafo de exemplo.</p>
<a href="[Link] para o Google</a>
</body>
</html>
2. Introdução ao CSS
CSS (Cascading Style Sheets) é a linguagem usada para definir o estilo visual de
páginas HTML. Com CSS, podemos alterar cores, tamanhos, espaçamentos e layouts.

Principais Propriedades CSS


● color — Define a cor do texto.

● background-color — Define a cor de fundo.

● font-size — Define o tamanho da fonte.

● font-family — Define a família da fonte.

● text-align — Alinha o texto (left, center, right, justify).

● margin — Define as margens externas de um elemento.

● padding — Define o espaçamento interno.

● border — Adiciona bordas ao redor do elemento.

● width / height — Define a largura e altura.

● display — Controla como o elemento é exibido (block, inline, flex, etc.).

Exemplo de CSS

h1 {
color: blue;
text-align: center;
}

p{
font-size: 16px;
color: #333333;
}

body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}

Com HTML e CSS, é possível criar páginas completas e bem estruturadas, com um
visual agradável e organizado.

Você também pode gostar