Olá pessoal, vou ensinar a criar uma página em HTML e CSS.

Escolha um editor de código

Para este tutorial vou usar o notepad++ se você não tiver, pode usar o notepad que vem instalado no seu computador.


gravar arquivo com extensão .html


Como vem aí no exemplo, o nome á sua escolha.

Não vou falar sobre a história ou origem do HTML aqui.

Copie a estrutura básica do html5.

<html>

<head>

<title></title>

</head>

<body>

</body>

</html>

A tag <html> descreve o documento html
A tag <head> elemento contém meta-informações sobre a página HTML
A tag <title> elemento especifica um título para a página HTML
A tag <body> descreve o conteúdo visível da página

Vamos adicionar um título, para isso usamos a tag <h1> dentro da tag <body>.



Agora vamos adicionar uma imagem mais para tal utilizamos a tags <img> dentro da tag <body>.



Nota: a imagem deve estar onde o arquivo html foi salvo

Enfim vamos adicionar a tag <p> três vezes da mesma forma como< h1>.



Clique aqui para gerar textos aleatória.

Clique no arquivo html para visualizar a página



Vamos usar o CSS em linha.

Vamos adicionar uma fonte na página html, usa o <style> o atributo de um elemento HTML.

Conforme mostrado no exemplo.



define a cor do texto e tamanho da fonte do <h1>elemento como vermelho e com 36px.

Conforme mostrado no exemplo.



Vamos usar as propriedades widht e height para definir o comprimento e largura da imagem.

Conforme mostrado no exemplo.



Define o tamanho da fonte do <p>.Conforme mostrado no exemplo.



Clique no arquivo html para visualizar resultado final.



Baixar aqui página html: Código html


Tenho um desafio para você, colocar fundo na página.