36. HTML e CSS

Página 36

Capítulo 36: HTML e CSS

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.

Agora responda o exercício sobre o conteúdo:

Qual das seguintes afirmações é verdadeira sobre HTML e CSS?

Você acertou! Parabéns, agora siga para a próxima página

Você errou! Tente novamente.

Próxima página do Ebook Gratuito:

3737. JavaScript básico

Ganhe seu Certificado deste Curso Gratuitamente! ao baixar o aplicativo Cursa e ler o ebook por lá. Disponível na Google Play ou App Store!

Disponível no Google Play Disponível no App Store

+ de 6,5 milhões
de alunos

Certificado Gratuito e
Válido em todo o Brasil

48 mil exercícios
gratuitos

4,8/5 classificação
nas lojas de apps

Cursos gratuitos em
vídeo, áudio e texto