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: PrincipalTutoriaisInformatizando sua Empresa com Excel : Htmlbasico003
Quer receber novidades e e-books gratuitos?

FILTRO DE TUTORIAIS:


Html Básico. Parte 3 

 

Objetivo:

O objetivo deste tutorial é  a utilização de cabeçalhos e formatação de texto, 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 e Parte 2 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 para inserir os cabeçalhos, vamos dar o nome de cabecalho.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> Cabeçalho </title>

</head>

<body>

 

Estamos aprendendo html

 

</body>

</html>

 

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

 

Tela 001

 

Cabeçalhos servem para formar um texto como na formula de um  titulo de uma forma que atribui o tamanho maior e colocam o texto em negrito. Existe vários tipos de cabeçalhos sendo que vai do maior <h1> até o menor <h6> tambem dentro desses cabeçalhos é possivel inserir o atributo align para fazer a alinhamento do mesmo, vamos ver como fica os texto que esta na página que criamos em forma de cabeçalho.

 

Irei mostrar apenas como você deve fazer para inserir o cabeçalho no nível maior sendo que os demais o procedimento é o mesmo, ou seja, você só ira mudar o número dentro da tag <h1> para <h2>, sendo assim , irei mostrar sá as telas.

 

Através da página cabeçalho abra o código fonte da mesma e coloque o texto entre <h1></h1> e depois salve.

 

Tela 002 (Coloque o texto entre as tag e salve)

 

Tela 003

 

Para cabeçalho no nível dois <h2>.

 

Tela 004

 

Cabeçalho nível três <h3>.

 

Tela 005

 

Cabeçalho no nível quatro <h4>

 

Tela 006

 

Cabeçalho no nível cinco <h5>

 

Tela 007

 

Cabeçalho no nível seis <h6>

 

Tela 008

 

Mostrado os 6 tamanhos de cabeçalhos vamos a aprender a formartar o texto, vamos criar outra página e daremos o nome de formatacao.html, neste vamos colocar o nome da fonte, tamanho e cor.

 

Primeiro vamos colocar um tamanho no texto que será 16, isso é possivel através da tag <Font></font> e seus atributos que para representar o tamanho é “Size” , entao a tag vai ficar assim <font size=”16”></font> o texto deve ficar entre as tags, veja o procedimento abaixo.

 

Abra o bloco de notas e copie, cole e salve a página baixo.

 

<html>

<head>

<title>Formatação</title>

</head>

<body>

Formatação de texto</body>

</html>

 

A página deve ficar assim:

 

Tela 009

 

Agora vamos inseri a tag font com seu atributo size, para isso abra o bloco de notas e coloque o texo entre a tag <font size=”16”></font> e depois salve, conforme e mostrado abaixo:

 

Tela 010

 

Tela 011

 

Agora  iremos inserir o tipo de font, ou seja, arial, verdana, times new roman entre outras, isso é possivel através do atributo face, o procedimento é o mesmo que fizemos para inserir o tamanho do texto.

 

Vamos colocar a font verdana, sendo que vamos deixar o mesmo tamanho do texto e aproveitar a tag font, sendo assim em fez de acrescentarmos toda tag <font face=”verdana” acrescentamos só face=”verdana” , vai ficar assim <font  size=”16 face=”verdana”></font>, veja o procedimento abaixo:

 

Tela 012

 

Tela 013 (texto formatado com a font verdana)

 

Por último vamos acrecentar cor ao texto através do atributo “color” o procedimento é o mesmo, só que existe duas maneiras de definirmos a cor, através do nome este tem que sem sempre em inglês, ou seja, se vamos definir a cor Azul teriamos que escrever Blue, ou através de representção numérica a cor Preta ficaria representada assim #000000, mas não se preocupe é fácil, aproveitando a tag vamos inserir a cor azul representada através do nome, existe uma tabela que ou alguns editores que trazem a representação de cores através dos números, a tag ficaria assim <font size=”16” face=”verdana” color=”blue”></font>, veja o procedimento baixo através das telas.

 

Tela 014

 

Tela 015 (Texto com as três formatações)

 

Conclusão

 

Ensinei a inserir tamanho, tipo de font e cor no texto,  com a utilização da tag < font></font> e seus atributos Size, Face e Color, expliquei a função da tag e do atributo desenvolve e também a utilização de cabeçalhos de forma objetiva, tudo através das telas para que você tenha uma melhor compreensão, na próxima parte continuaremos o nosso aprendizado sobre html.Bons Estudos.

Quer receber novidades e e-books gratuitos?

Cursos Online

  • Banco de Dados
  • Carreira
  • Criação/Web
  • Excel/Projetos
  • Formação
  • + Todas as categorias
  • Essential SSL

    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-2020 ®

    [LIVRO]: MACROS E PROGRAMAÇÃO VBA NO EXCEL 2010 - PASSO-A-PASSO

    APRENDA COM JULIO BATTISTI - 1124 PÁGINAS: CLIQUE AQUI