quinta-feira, 23 de julho de 2015

html5 e css3 - negrito, italico, comentario

Intro
Nessa video aula vamos falar de algumas formatações de textos e como fazer um comentario no em html5

vamos começar deletando esse texto da ultima aula!

para podermos usar palavras em negrito e italico devemos ter um paragrafo, e como foi ensinado na aula passada, vamos fazer um!

(fazer um texto)

Entao agora vamos fazer um texto em negrito!
e para isso nós temos duas tags <strong> </strong>  e  <b> </b>

E vamos fazer um italico agora!
para isso nós usamos as tags <i> </i> e <em> </em>

Como essa aula é bem simples, vou dar um bonus para vocês, irei mostrar a regra da linha horizontal
a regra da linha horizontal serve para separarmos paragrafos, para isso nós devemos digitar a tag
<hr/>

Obviamente  que ha outros usos para essa tag, ela não especificamente só para isso.

Falar de comentario e para que serve!



HTML5 CSS3 - headers, paragrafo, quebra de linha

Intro
Nesse tutorial iremos falar de coisas q podemos colocar na nossa body!
nessa aula, vou falar das quebras de linha, dos paragrafos e dos headers

Na aula passada, colocamos esse texto no body, e ai voce pode estar pensando... ahhh, vou fazer uns textos aqui q vai ficar tudo ok!
(digita um texto) --- vou dar um enter aqui ----- (digita outro texto) ---- da mais uns enters aqui ---- ( um ultimo texto)

(mostrar como vai ficar)

O html ele ignora os espaços em branco e os enters

e é por isso que nós usamos as tags, pois elas servem para dizermos como os textos devem ficar!

para quebrarmos uma linha nós usamos a tag  <br/>, a quantidade de brs que usarmos vai significar uma quebra de linha

(mostrar como vai ficar)

mas caso nós queiramos fazer um texto com espaço entre eles, nós entao devemos fazer um paragrafo, e o paragrafo nós usamos a tag  <p> </p> ,

(mostrar como fica)

para finalizar esse tutorial, vamos aprender a como fazer headers:

nós temos 6 tipos de headers (mostrar quais sao)
h1 é o maior e o h6 é o menor!
eles sao muito importantes na hora de formatar um texto e de fazer o estilo do seu site!