WINDOWS SERVER 2008 - CURSO COMPLETO - JÚLIO BATTISTI - CLIQUE AQUI
Você está em: PrincipalTutoriaisEricogoncalves : Htmlbasico002
Quer receber novidades e e-books gratuitos?
›››

Conheça o Júlio Battisti

Julio Battisti - Autor de mais de 25 livros de informática Júlio Battisti tem mais de 36 livros publicados, dezenas de e-books e é certificado Microsoft.

Ganhe o a Seguir

 grátis Windows 7 Básico

476h



Windows Server 2008 - Inscreva-se já!

Curta Nossa Fanpage

Loja Virtual do Site

Livros do Julio Battisti

FILTRO DE TUTORIAIS:




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:

 

<p align=”Left”> * Aqui você insere o texto </p>

 

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

 

<p align=”center”> *Aqui voce insere o texto </center>

 

Para colocar o texto a direita utilize a seguinte tag:

 

<p align=”Right”> * Aqui você insere o texto </center> </p>

 

<p align=”Justify”> *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 <p align=”left”></P> 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 <p align=””></p> , 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.

Windows Server 2008 - Inscreva-se já -s Últimas Vagas! Curso Completo de SAP!

Dúvidas?

Utilize a área de comentários a seguir.

Me ajude a divulgar este conteúdo gratuito!

Use a área de comentários a seguir, diga o que achou desta lição, o que está achando do curso.
Compartilhe no Facebook, no Google+, Twitter e Pinterest.

Indique para seus amigos. Quanto mais comentários forem feitos, mais lições serão publicadas.

Quer receber novidades e e-books gratuitos?
›››

Vídeo-Aulas

  • Access
  • Excel
  • Programação
  • Windows/Linux
  • Redes
  • + Todas as categorias
  • E-books

  • Access
  • Excel
  • Programação
  • Windows/Linux
  • Redes
  • + Todas as categorias
  • Livros

  • Administração
  • Excel
  • Programação
  • Windows/Linux
  • Redes
  • + Todas as categorias
  • Cursos Online

  • Banco de Dados
  • Carreira
  • Criação/Web
  • Excel/Projetos
  • Formação
  • + Todas as categorias
  • Conteúdo Gratuito

  • +1500 Artigos e Tutoriais
  • ASP 3.0
  • ASP.NET
  • Access Básico
  • Access Avançado
  • Excel Básico - 120 lições
  • Excel Avançado - 120 lições
  • SQL Server 2005
  • Windows 7
  • Windows XP
  • Windows 2003 Server
  • Windows 2008 Server
  • Novidades e E-books grátis

    Fique por dentro das novidades, lançamento de livros, cursos, e-books e vídeo-aulas, e receba ofertas de e-books e vídeo-aulas gratuitas para download.



    Institucional

  • Quem somos
  • Garantia de Entrega
  • Formas de Pagamento
  • Contato
  • O Autor
  • Endereço

  • Júlio Battisti Livros e Cursos Ltda
  • Rua Vereador Ivo Cláudio Weigel, 537 Universitário
  • Santa Cruz do Sul/RS
  • CEP 96816-208

  • Atendimento: (51) 3717-3796 - webmaster@juliobattisti.com.br Todos os direitos reservados, Júlio Battisti 2001-2014 ®