Você está na página 1de 9

HTML e CSS

<data/hora> <rodapé> 1
HTML

HTML (Hypertext Markup Language) é a linguagem de marcação
usada para criar e exibir conteúdo na

web. É a estrutura básica do seu site e permite que você
organize e apresente seu conteúdo de forma

semântica e estruturada. Vamos dar uma olhada em um exemplo
simples de HTML:
HTML
HTML
HTML

Neste exemplo, temos um documento HTML básico com uma


estrutura padrão, que inclui as tags <!DOCTYPE html>,
<html>, <head>, <title>, <body>, <header>, <nav>, <ul>,
<li>, <a>, <main> e <footer>. Essas tags são usadas para
definir a estrutura e o conteúdo da página, incluindo o cabeçalho,
navegação, conteúdo principal e rodapé.
CSS

CSS (Cascading Style Sheets) é a linguagem usada para estilizar e


formatar o conteúdo HTML. Ele permite que você crie uma
aparência visual atraente para o seu site, incluindo coisas como
cores, fontes, layout e animações.

O CSS é usado para definir a aparência e o estilo de uma página


da web. Ele funciona selecionando elementos HTML e aplicando
regras de estilo a eles. As regras de estilo são formadas por um
seletor e um conjunto de propriedades e valores.
CSS

Um exemplo simples de código CSS pode ter o seguinte formato:


O seletor é usado para selecionar o elemento HTML que você deseja estilizar. Pode ser um seletor
de tipo, seletor de classe, seletor de ID ou seletor de atributo.

As propriedades são usadas para definir o estilo do elemento selecionado. As propriedades mais
comuns incluem font-size, color, background-color, margin, padding e border.

Os valores são definidos para cada propriedade e determinam como o estilo será aplicado. Os
valores podem ser números, unidades, cores, URLs de imagem, etc.
CSS
CSS

Neste exemplo, o seletor body é usado para estilizar o corpo da página. O font-family define a
fonte usada para o texto, enquanto font-size define o tamanho do texto. color define a cor do
texto, e background-color define a cor de fundo da página. margin, padding e border são
usados para definir as margens, preenchimento e bordas do elemento.


Os seletores h1 e p são usados para definir o estilo dos cabeçalhos e parágrafos na página. text-
align é usado para definir a posição do texto, e line-height é usado para definir a altura da linha.


O seletor a é usado para definir o estilo dos links na página. color define a cor do link, e text-
decoration é usado para remover a sublinhado padrão do link. O seletor a:hover é usado para
definir o estilo do link quando o mouse é movido sobre ele.

Você também pode gostar