Introdução Ao HTML e CSS
Introdução Ao HTML e CSS
PRIMEIROSPASSOS
O que é HTML?
HTML e CSS
São as duas camadas essenciais para a criação de websites e aplicativos.
Enquanto o HTML fornece a estrutura básica e o conteúdo de uma página web, o
CSS é responsável por estilizar e dar vida a essa estrutura.
É por isso que o HTML precisa da dupla dinâmica do CSS. Juntos, eles podem
criar não apenas páginas web, mas também aplicativos mobile, sistemas web, e
muito mais. O CSS adiciona cor, fontes, layouts e até mesmo animações,
transformando o HTML básico em algo visualmente atraente e funcional.
Código HTML
Básico
Componentes Básicos:
<!DOCTYPE html>: Esta linha informa ao
navegador que o documento é um arquivo
HTML5.
<html>: A tag raiz que encapsula todo o
conteúdo da página.
<head>: Contém metadados e
informações sobre a página, como o título.
<meta charset="UTF-8">: Define o
conjunto de caracteres como UTF-8.
<title>: Define o título que aparece na aba
do navegador.
<body>: Contém todo o conteúdo visível
da página, como texto, imagens e links.
Códigos Básicos do HTML e CSS
HTML Básico:
<h1>:
O que é: Uma tag que define o maior título em HTML.
Exemplo: <h1>Título Principal</h1>
<img>:
O que é: Uma tag que insere uma imagem na página.
Exemplo: <img src="imagem.jpg">
<p>:
O que é: Uma tag que define um parágrafo.
Exemplo: <p>Este é um parágrafo de texto.</p>
HTML Na Prática
CSS Básico:
color:
O que é: Uma propriedade CSS que define a cor do texto.
Exemplo: color: blue;
font-family:
O que é: Uma propriedade CSS que define a fonte do texto.
Exemplo: font-family: Arial;
background-color:
O que é: Uma propriedade CSS que define a cor de fundo de um elemento.
Exemplo: background-color: #f0f0f0;
CSS Na Prática