HTML (HyperText Markup Language) e CSS (Cascading Style Sheets) são duas tecnologias fundamentais para o desenvolvimento de páginas web. Juntas, elas permitem a criação de páginas visualmente atraentes e bem estruturadas na internet. Vamos explorar cada uma delas em detalhes.

HTML é uma linguagem de marcação usada para estruturar o conteúdo de uma página web. Seu papel principal é definir os diferentes elementos que compõem uma página, como títulos, parágrafos, listas, links, imagens e muito mais. A estrutura básica de um documento HTML inclui elementos como , e , entre outros.

Um exemplo simples de código HTML seria:

html
html>
<html>
<head>
  <title>Minha Páginatitle>
head>
<body>
  <h1>Olá, mundo!h1>
  <p>Este é um parágrafo de exemplo.p>
  <img src="imagem.jpg" alt="Descrição da imagem">
  <a href="https://www.exemplo.com">Link para exemploa>
body>
html>

Neste exemplo, define o início e o fim do documento HTML, contém metadados como o título da página, e contém o conteúdo visível da página, como títulos, parágrafos, imagens e links.

CSS, por sua vez, é uma linguagem de estilo que define a apresentação visual de uma página HTML. Com CSS, você pode controlar aspectos como cores, fontes, margens, espaçamento, alinhamento e muito mais. Isso permite que você personalize o design e a aparência de suas páginas web de acordo com suas preferências ou requisitos de design.

Um exemplo básico de CSS seria:

css
/* Estilo para o título principal */
h1 {
  color: blue;
  font-size: 24px;
}

/* Estilo para os parágrafos */
p {
  color: black;
  font-size: 16px;
  line-height: 1.5;
}

/* Estilo para os links */
a {
  color: green;
  text-decoration: none;
}

/* Estilo para imagens */
img {
  max-width: 100%;
  height: auto;
}

Neste exemplo, definimos estilos para o título principal (

), parágrafos (

), links () e imagens (). Podemos especificar propriedades como cor, tamanho da fonte, espaçamento entre linhas e muito mais.

Para utilizar CSS em uma página HTML, podemos fazer isso de algumas maneiras diferentes. Podemos incluir estilos diretamente na página HTML usando a tag

Fechar

Fechar