Capítulo 36: HTML e CSS
HTML (HyperText Markup Language) e CSS (Cascading Style Sheets) são duas das principais tecnologias usadas para construir páginas da web. HTML fornece a estrutura da página, enquanto CSS é usado para controlar a apresentação, ou seja, o layout e o design. Ambos são fundamentais para qualquer curso de lógica de programação, pois eles formam a base para a construção de sites e aplicações web.
HTML
O HTML é uma linguagem de marcação que é usada para estruturar e apresentar conteúdo na web. Ele é composto por uma série de elementos, que você pode pensar como blocos de construção de uma página da web. Cada elemento tem uma função específica e ajuda a estruturar o conteúdo da página. Por exemplo, o elemento <h1> é usado para títulos, enquanto <p> é usado para parágrafos.
Além disso, os elementos HTML podem ter atributos, que são informações adicionais que modificam o comportamento ou a aparência do elemento. Por exemplo, o atributo 'href' no elemento <a> especifica o URL para o qual o link deve levar.
Os elementos HTML são aninhados, o que significa que eles podem conter outros elementos. Por exemplo, um elemento <body> pode conter elementos <h1>, <p>, e <a>. Esta estrutura aninhada é o que dá às páginas da web sua estrutura hierárquica e é fundamental para a forma como o HTML funciona.
Exemplo de HTML
<!DOCTYPE html>
<html>
<head>
<title>Exemplo de HTML</title>
</head>
<body>
<h1>Olá, mundo!</h1>
<p>Este é um exemplo de uma página HTML.</p>
</body>
</html>
CSS
CSS é uma linguagem de folha de estilo que é usada para descrever a aparência e a formatação de um documento escrito em HTML. Ele permite que você controle coisas como cores, fontes, espaçamento, layout e muito mais.
CSS é composto por regras de estilo, cada uma das quais consiste em um seletor e um bloco de declaração. O seletor determina quais elementos HTML a regra se aplica, enquanto o bloco de declaração contém uma ou mais declarações que especificam como os elementos selecionados devem ser estilizados.
Cada declaração consiste em uma propriedade e um valor. A propriedade especifica qual aspecto da apresentação será alterado, e o valor especifica como será alterado. Por exemplo, a declaração 'color: red;' altera a cor do texto dos elementos selecionados para vermelho.
Exemplo de CSS
h1 {
color: red;
font-size: 24px;
}
p {
color: blue;
font-size: 16px;
}
Em resumo, HTML e CSS são duas das principais tecnologias usadas para construir páginas da web. HTML é usado para estruturar o conteúdo da página, enquanto CSS é usado para controlar a apresentação. Ambos são fundamentais para a lógica de programação e são essenciais para qualquer pessoa que queira construir sites ou aplicações web.
