NUNCA MAIS PASSE RAIVA POR NÃO CONSEGUIR RESOLVER UM PROBLEMA COM O EXCEL - GARANTIDO!

UNIVERSIDADE DO VBA - Domine o VBA no Excel Criando Sistemas Completos - Passo a Passo - CLIQUE AQUI

Você está em: PrincipalArtigosCriacaosites : Htmlbasico002
Quer receber novidades e e-books gratuitos?

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.

Untitled Document
FRONTPAGE - BÁSICO
1 Criação de Páginas para Internet - Introdução
1 Criando o Primeiro Arquivo HTML
DREAMWEAVER - BÁSICO
1 Introdução ao Dreamweaver MX 2004
1 Projeto Web – Parte 01
1 Projeto Web – Parte 04
1 Projeto Web – Parte 03
1 Criação de Tabelas no Dreamweaver
1 Dreamweaver Basico - Começando a usar o DreamWeaver
1 Dreamweaver Basico - Configurações de Definição de Sites
1 Dreamweaver Basico - Estruturação de Páginas - Usando Tabelas - Parte 1
1 Dreamweaver Basico - Estruturação de Páginas - Usando Tabelas - Parte 2
1 Dreamweaver Basico - Definição Básica do Design e Inserção de Conteúdo
1 Dreamweaver Basico - Criação de Links
1 Dreamweaver Basico - Configuração de Links
1 Usando Tabelas no DreamWeaver
1 Usando Imagens no Dreamweaver
1 Usando Modelos no Dreamweaver
1 Conhecendo o Dreamweaver 8
1 Usando comportamentos para criar um menu pop up no Dreamweaver
1 Usando a paleta Behaviors do Dreamweaver - Parte 1
1 Usando Camadas Para Exibir Dicas de Formulários
1 Fazendo um Site com Templates Prontos no Dreamweaver
HTML BÁSICO
1 HTML Básico - Introdução à Internet
1 HTML Básico - Alinhamento de Texto
1 HTML Básico - Cabeçalhos e Formatação de Texto
1 HTML Básico - Formatação de Texto
1 HTML Básico - Criação e configuração de links
1 HTML Básico - Criando Listas Ordenadas e Listas de Definição
1 HTML Básico - Criação de Links Internos e Externos
1 HTML Básico - Criação de Links Externos E Links de E-mail
1 HTML Básico - Inserindo Imagens na Página
1 HTML Básico - Introdução à Tabelas
1 HTML Básico - Criação de Formulários - Parte 1
1 HTML Básico - Criação de Formulários - Parte 2
DREAMWEAVER - PROGRAMAÇÃO PHP
1 Galeria de Fotos com Efeito Lightbox Dinâmica
1 Criando Sistema de Cadastro de Emails e Upload de Imagens (Parte 1)
1 Criando Sistema de Cadastro de Emails e Upload de Imagens (Parte 2)
1 Criando Sistema de Cadastro de Emails e Upload de Imagens (Parte Final)
1 Alternando Cores da Tabela no Resultado de uma Consulta
1 Como Criar um Contador de Visitas (Acessos)
1 Criando Galeria de Fotos (Tiny SlideShow)
1 Criando Ícone para URL
1 Criando Recurso Imprimir
1 Criando Sites Auto-Ajustáveis de Acordo com a Resolução
1 Formulário de Contato com Envio de Dados por Email
1 Galeria de Fotos com Efeito Lightbox e Upload Múltiplo de Imagens
CRIANDO UM APLICATIVO PARA UMA ACADEMIA
1 Criando Aplicativo Para Academia - Parte 1
1 Criando Aplicativo Para Academia - Parte 2
1 Criando Aplicativo Para Academia - Parte 3
1 Criando Aplicativo Para Academia - Parte 4
1 Criando Aplicativo Para Academia - Parte 5
1 Criando Aplicativo Para Academia - Parte 6
1 Criando Aplicativo Para Academia - Parte Final
WEBSPHERE
1 Apresentando o WebSphere Application Server da IBM
1 Instalação do WebSphere Application Server
1 Configurando uma aplicação no WAS
1 Configurando a segurança no WAS
SISTEMA DE SALÃO DE BELEZA
1 Sistema Salão de Beleza - Parte 1
1 Sistema Salão de Beleza - Parte 2
1 Sistema Salão de Beleza - Parte 3
1 Sistema Salão de Beleza - Parte 4
1 Sistema Salão de Beleza - Parte 5
1 Sistema Salão de Beleza - Parte 6
1 Sistema Salão de Beleza - Parte 7
1 Sistema Salão de Beleza - Parte 8
1 Sistema Salão de Beleza - Parte 9
1 Sistema Salão de Beleza - Parte 10
1 Sistema Salão de Beleza - Parte 11
1 Sistema Salão de Beleza - Parte 12
1 Sistema Salão de Beleza - Parte 13
1 Sistema Salão de Beleza - Parte 14
SISTEMA PARA GERENCIAMENTO DE IMÓVEIS
1 Sistema Para Gerenciamento de Imóveis - Parte 01
1 Sistema Para Gerenciamento de Imóveis - Parte 02
1 Sistema Para Gerenciamento de Imóveis - Parte 03
1 Sistema Para Gerenciamento de Imóveis - Parte 04
1 Sistema Para Gerenciamento de Imóveis - Parte 05
1 Sistema Para Gerenciamento de Imóveis - Parte 06
1 Sistema Para Gerenciamento de Imóveis - Parte 07
1 Sistema Para Gerenciamento de Imóveis - Parte 08
1 Sistema Para Gerenciamento de Imóveis - Parte 09
1 Sistema Para Gerenciamento de Imóveis - Parte 10
1 Sistema Para Gerenciamento de Imóveis - Parte 11
Quer receber novidades e e-books gratuitos?

 
 

Contato: Telefone: (51) 3717-3796 | E-mail: webmaster@juliobattisti.com.br | Whatsapp: (51) 99627-3434

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

Todos os direitos reservados, Júlio Battisti 2001-2024 ®

LIVRO: MACROS E PROGRAMAÇÃO VBA NO EXCEL 2016 - CURSO COMPLETO E PRÁTICO

DOMINE A PROGRAMAÇÃO VBA NO EXCEL - 878 PÁGINAS - CLIQUE AQUI