O que aprendemos até agora?

14/05/2020

Aprendemos a definir a estrutura básica do HTML.
Com a tag <!DOCTYPE html>, definimos qual versão do HTML estamos utilizando.A tag <html> marca o conteúdo
a ser renderizado no navegador e utilizando a propriedade lang="pt-br", definimos a linguagem.

Como separar as informações que estão sendo passadas para o navegador, utilizando a tag Como definir o título de uma página, através da tag

A tag meta do HTML, que permite indicar metainformações, ou seja, informações sobre o próprio documento. Aprendemos sobre o charset, propriedade da tag meta que serve para indicar a codificação do próprio documento.

Como separar o conteúdo da página, utilizando a tag <body>, definir o título e os parágrafos de um texto utilizando as tags <h1> e <p>.

Dar destaque para algumas informações do texto, deixando-as em negrito, utilizando a tag <strong> e em itálico, utilizando a tag <em>.

Estilizando com CSS

Aprendemos a mexer na apresentação dos textos, no alinhamento deles (text-align), tamanho da fonte (font-size), cor de fundo (background) e cor do texto (color).

Aprendemos as 3 formas de inserir CSS na nossa página:

CSS inline

Na linha onde temos a nossa tag, adicionamos a propriedade do CSS.
Dentro da tag, podemos colocar marcações de CSS referentes aos elementos que temos no nosso HTML.

Exemplo:

<img src="exemplo.jpg" style="height: 100px; width: 200px;">

CSS interno

Utilizando a tag style dentro do head da página HTML:

Exemplo:

<head>
    <style>
        seletor { propriedade: valor; }
    </style>
</head>

CSS externo

O CSS pode ser inserido com um arquivo externo, isto permite que a mesma folha de estilo seja usada em infinitas páginas.
Para utilizar o CSS externo, basta criar o arquivo style.css e fazer referência a ele dentro da <head> da página.

Exemplo:

<link rel="stylesheet" href="reset.css">