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.

Now answer the exercise about the content:

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

You are right! Congratulations, now go to the next page

You missed! Try again.

Next page of the Free Ebook:

3737. JavaScript básico

Earn your Certificate for this Course for Free! by downloading the Cursa app and reading the ebook there. Available on Google Play or App Store!

Get it on Google Play Get it on App Store

+ 6.5 million
students

Free and Valid
Certificate with QR Code

48 thousand free
exercises

4.8/5 rating in
app stores

Free courses in
video, audio and text