1. #1
    Avatar de helldanger1
    Registo
    Aug 2007
    Idade
    43
    Posts
    29.633

    Padrão HTML Básico - Cabeçalhos e Formatação de Texto

    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)


    Todos os artigos por mim postados, estão hosp na própria Internet,Qualquer arquivo protegido deve permanecer,no máximo, 24 horas em seu computador. - Eles podem ser baixados apenas para teste, devendo o usuário apaga-lo ou comprá-lo apos 24 horas. - A Aquisição desses arquivos pela internet é de única e exclusiva responsabilidade do usuário.

  2. #2
    Avatar de helldanger1
    Registo
    Aug 2007
    Idade
    43
    Posts
    29.633
    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:


    Todos os artigos por mim postados, estão hosp na própria Internet,Qualquer arquivo protegido deve permanecer,no máximo, 24 horas em seu computador. - Eles podem ser baixados apenas para teste, devendo o usuário apaga-lo ou comprá-lo apos 24 horas. - A Aquisição desses arquivos pela internet é de única e exclusiva responsabilidade do usuário.

  3. #3
    Avatar de helldanger1
    Registo
    Aug 2007
    Idade
    43
    Posts
    29.633
    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)


    Todos os artigos por mim postados, estão hosp na própria Internet,Qualquer arquivo protegido deve permanecer,no máximo, 24 horas em seu computador. - Eles podem ser baixados apenas para teste, devendo o usuário apaga-lo ou comprá-lo apos 24 horas. - A Aquisição desses arquivos pela internet é de única e exclusiva responsabilidade do usuário.

Permissões de Postagem

  • Você não pode iniciar novos tópicos
  • Você não pode enviar respostas
  • Você não pode enviar anexos
  • Você não pode editar suas mensagens
  •  

Conectar

Conectar