Portal Chamar Táxi

HTML Básico - Formatação de Texto

helldanger1

GForum VIP
Entrou
Ago 1, 2007
Mensagens
29,631
Gostos Recebidos
1
Objetivo:

O objetivo deste tutorial continuar ensinado sobre formatação de texto, iremos aprender a deixar o texto em negrito, italico, sublinhado, linha sobre o texto e a combinar as três opções mais importantes de formatação, irei ensinar a inserir cor e imagens de fundo na página sempre de uma forma bem objetiva , tudo mostrado através das telas.



Pré-requisito:

Para você poder acompanhar o desenvolvimento deste tutorial, será necessário ter conhecimento no mínimo do
de informática básica e Parte 1, Parte 2 e Parte 3 do tutorial html básico.



Nota:

Irei ensinar a linguagem de html de uma forma bem objetiva, ou seja, iremos aprender na prática através da criação páginas.



Vamos começar criar uma página com texto inserido para que possamos fazer as alterações, vamos dar o nome de aprender.html para a mesma, para isso abra o bloco de notas copie a página abaixo e cole, feito isso salve a mesma sempre dentro da basta site.



<html>

<head>

<title> Aprender Html </title>

</head>

<body>



Estamos aprendendo html



</body>

</html>



Vamos continuar a formatação de texto, iremos colocar o texto em negrito através das tags <b></b>, basta inserimos o texto que você quer que fique em negrito entre as tags, veja o procedimento abaixo:



Selecione o código fonte da página que acabamos de criar, dentro do mesmo iremos inserir as tags no texto que escrevemos.
htmlbasico004_clip_image002.jpg


Tela 001

htmlbasico004_clip_image004.jpg
 

helldanger1

GForum VIP
Entrou
Ago 1, 2007
Mensagens
29,631
Gostos Recebidos
1
Tela 002



Agora iremos deixar o texto em italico utilizando as tag <i></i>, o procedimento é o mesmo que acabamos de fazer para colocar o texto em negrito, sendo assim, vamos substituir as tag <b></b> por <i></i>, veja a tela abaixo:

htmlbasico004_clip_image006.jpg


Tela 003



Agora vamos deixar o texto sublinhado através das tag <u></u> o procedimento é o mesmo que colocar o texto em negrito, veja o procedimento abaixo:

htmlbasico004_clip_image008.jpg


Tela 004



Agora digamos que queira deixar o texto com as três formatações negrito, alinha e sublinhado, basta inserir todas as formatações juntas, vamos ver os procedimentos:

htmlbasico004_clip_image010.jpg
 

helldanger1

GForum VIP
Entrou
Ago 1, 2007
Mensagens
29,631
Gostos Recebidos
1
Tela 005

htmlbasico004_clip_image012.jpg



Tela 006



Agora vamos inserir cor e imagem de fundo na página através dos atributos bdgcolor e background, veja o procimento primeiro para inserir cor de fundo, vamos definir a cor azul para nossa página.



Dentro da tag <body> iremos acrescentar o atributo bgcolor, o mesmo deve ficar desta maneira:

htmlbasico004_clip_image014.jpg


Tela 007 (Note como deve ficar a tag body acrescida do atributo bgcolor com o nome da cor)

htmlbasico004_clip_image016.jpg


Tela 008



Agora iremos inserir uma imagem de fundo na nossa página utilizando o atributo background, sendo que a figura deve estar na mesma basta onde se encontra a página, este atributo vai ficar da seguinte maneira:

htmlbasico004_clip_image018.jpg


Tela 009

htmlbasico004_clip_image020.jpg


Tela 010
 
Topo