Você está aqui: Principal » Lista Completa de Tutoriais

Sobre este Tutorial

Autor:	Érico Araujo Gonçalves
Data:	26-09-2005
Categoria:	Criação de Sites
Assunto:	HTML BÁSICO
Visitas:

Html Básico. Parte 2

Objetivo:

O objetivo deste tutorial é continuar aprendendo a linguagem html básica, vamos aprender os comandos para alinhamento de textos.

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 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 criando uma página na qual daremos o nome de index.html, inserir nesta página uma pequena frase de minha autoria para que possamos fazer as alterações quanto ao alinhamento do texto, sendo que vou ensinar os seguintes posicionamento básicos:

Alinhamento do texto a esquerda;

Alinhamento do texto centralizado;

Alinhamento do texto a direita;

Alinhamento do texto justificado.

Copie abaixo a página, cole dentro do bloco de notas e salve a mesma com nome que definimos dentro da pasta site que deve se encontrar na area de trabalho do seu computador.

<html>

<head>

<title>Alinhamento de texto</title>

</head>

<body>

Nunca desista do seu sonho, lute por ele sempre que algum dia você irá realiza-lo e se nessa vida não conseguir fazer tudo faça tudo aquilo que pode.

</body>

</html>

Veja como deve ficar esta página através da tela abaixo:

Tela 001

Para colocar o texto alinhado a esquerda utilizamos a seguinte tag:

* Aqui você insere o texto

Para colocar o texto centralizado no meio da página utilize a seguinte tag:

*Aqui voce insere o texto </center>

Para colocar o texto a direita utilize a seguinte tag:

* Aqui você insere o texto </center>

*Aqui você insere o texto </center>

Veja no texto acima que esta alinhado a esquerda, mas igual vamos colocar ele entre cada uma das tags para podermos observar o seu posicionamento, veja estes procedimentos através das telas baixos.

Primeiro vamos ver como fica o texto alinhado a esquerda, para isso através da página index.html abra o código fonte e depois coloque a tag de maneira que o texto fique no meio e salve.

Tela 002 (Selcionado o código fonte)

Tela 003 (Texto entre a tag de alinhamento a esquerda)

Tela 004 (Note que o texto quase não se altera porque mas o mesmo esta com a formatação de alinhamento a esquerda)

Para as demais formatações o processo é o mesmo que acabamos de fazer, ou seja, para o próximo alinhamento que será o centralizado, você pode apenas subistituir o nome “left” por “center” e assim para as demais tags, por isso vou mostrar apenas como deve ficar as telas com o alinhamento do texto.

- Alinhamento centralizado.

Tela 005 (Note o texto centralizado)

- Alinhado a direita

Tela 006 (Texto a direita)

- Texto Justificado, nesta formatação irei mostrar em duas telas a primeira eu aumentei o texto e deixei alinha a direita, na segunda tela eu coloquei o texto justificado para que você possa notar a diferênça.

Tela 007

Tela 008 (Note que a palavra “nunca” no canto direito ficou com mais espaço para a direita, assim com a frase ficou mais espaços entre as palavras)

Conclusão

Ensinei as formatações básicas para texto, com a utilização da tag , expliquei a função de cada tag desenvolve de uma forma bem prática e objetiva, mostrei através das telas para que você tenha uma melhor compreensão, na próxima parte iremos aprender a formatar o texto. Até a próxima parte.

LISTA DE TODOS OS TUTORIAIS DISPONÍVEIS

LIVROS CAMPEÕES DE VENDA NO SITE

Cursos Online com Certificado e Suporte à Dúvidas

CURSOS ONLINE COM CERTIFICADO - INDICADOS POR JÚLIO BATTISTI EM PARCERIA COM BRAVA CURSOS
INFORMÁTICA
Curso de Digitação Formatando e Instalando Computador Excel para Iniciantes Curso Compre no Ebay Informática Educativa Curso de Linux	Segurança na Internet Montagem e Manutenção de Computadores Curso Remoção de Vírus Curso Ubuntu Instalação Linux - Ubuntu
AdministraÇÃo
Gestão de Projetos e Empreendedorismo Benefícios da Previdência Curso HP 12C Matemática Financeira Curso Análise Salarial	Processo de Elaboração de Questionário Excelência no Atendimento ao Cliente Logística do Transporte Licitações e Contratos Administrativos
Profissionalizante
Adestramento Canino Como fazer pesquisa Científica e Monografia Curso de Corte e Costura Supervisor de Telemarketing Balconista de Padaria Curso Educação Infantil	Recepcionista e Secretaria Velas Artesanais Relações Interpessoais Curso de Arbitragem Bullying e Cyberbullying Capacitação de Tutores em EAD
EstÉtica
Curso de Massoterapia Curso de Depilação Drenagem Linfática Curso de Maquiagem Limpeza Turbinada de Pele	Alisamento e Relaxamento Capilar Curso de Etiqueta SPA de Vinhoterapia na Estética Facial Curso de Shantala Introdução à Colorimetria Capilar
Pessoal
Curso de Caligrafia Memorização Chefia e Liderança Curso Falar em Público Curso Bases Neurológicas Leitura Dinâmica Planejamento de Projeto Pessoal Reforma Ortográfica	Como Passar em Concursos Públicos Direção Defensiva Administração do Tempo Curso de Redação Curso de Meditação Como Passar no Vestibular Atualização Gramatical
NegÓCIOS
Relações Humanas e Ética Profissional Marketing e Vendas Diretas	Persuasão em Vendas
Entretenimento
Curso de Mágica
SaÚde
Primeiros Socorros Curso de Fitoterapia Curso de Aromaterapia Medicina Alternativa Plantas Medicinais	Técnicas básicas de Enfermagem O Trabalho do Agente Comunitário de Saúde Ergonomia - Postura Correta em Frente ao Computador Ética Profissional - Ênfase em Radiologia Adolescência: Visão Saúde do Assunto
Meio Ambiente
Curso Gestão Ambiental Jardinagem e Paisagismo	Curso de Reciclagem Curso de Bonsai
MÚsica
Curso de Violão
NutriÇÃo
Higiene e Manipulação de Alimentos Congelamento de Alimentos	Culinária Básica Culinária Intermediária
RelaÇÕes Humanas
Curso Gestão de Pessoas Departamento Pessoal Desenvolvimento Pessoal Empresarial Curso de Telemarketing Curso Dinâmica em Grupo Rescisão Contrato de Trabalho Folha de Pagamento na Prática	Atendimento ao Cliente Adm. da Empregada Doméstica Curso de Homolognet Recursos Humanos - Férias Recursos Humanos - 13° Salário Registro de Empregados
Web Master
Curso de HTML Curso de WordPress	Curso de HTML5
Designer GrÁfico
Curso de Corel Draw Efeitos Especiais com InDesign CS5	Efeitos Tipográficos com InDesign CS5

CURSO EM FORMATO DE VÍDEO-AULA

EXEMPLOS PRÁTICOS PASSO A PASSO COM SOM E IMAGEM

Clique no curso para informações detalhadas

Curso

Duração

Informações

ACCESS

Vídeo Aula: Access 2007 - Consultas - Curso Completo e Prático

4:30h

LOJA DE LIVROS

VÍDEO-AULAS

E-BOOKS/CURSOS

CURSOS ONLINE COM CERTIFICADO

CURSOS COMPLETOS EM CD

CD-01

CD-02

CD-03

CD-04

CD-05

CD-06

CD-07

CD-08

CD-09

CD-10

CONTATO

Você está aqui: Principal » Lista Completa de Tutoriais

Sobre este Tutorial

Html Básico. Parte 2

Conclusão

:: Tutoriais Relacionados

CURSOS
COMPLETOS EM CD