5. Textos (parte 1)

5.1 Cabeçalhos:

Servem para formar um texto em formato de um título, onde se atribui o tamanho e colocando o texto em negrito. Existe uma variação nos cabeçalhos, sendo possível também definir o alinhamento, com o atributo align. Porém, existem várias maneiras de fazer textos em páginas HTML, uma das mais simples é com a tag <Hx> (onde o “x” é o número correspondente ao tamanho do texto, variando de 1 a 6. Seguindo o número um como o maior tamanho. Veja abaixo o exemplo:

Confira o código da página acima:

<HTML>

<HEAD><TITLE>BAGUNÇA GLOBAL - APRENDENDO HTML</TITLE></HEAD>

<BODY BGCOLOR=#AEEEEE>

<H1>BAGUNÇA GLOBAL - APRENDA COMIGO</H1>

<H2>BAGUNÇA GLOBAL - APRENDA COMIGO</H2>

<H3>BAGUNÇA GLOBAL - APRENDA COMIGO</H3>

<H4>BAGUNÇA GLOBAL - APRENDA COMIGO</H4>

<H5>BAGUNÇA GLOBAL - APRENDA COMIGO</H5>

<H6>BAGUNÇA GLOBAL - APRENDA COMIGO</H6>

</BODY>

</HTML>

5.2 Tamanhos e cores das letras

Podemos utilizar também a tag <FONT> para definir o tamanho da fonte e o seu tipo com melhor precisão, confira abaixo:

4. Como salvar, iniciar e construir uma página (part. 02)

4.3 Como salvar, iniciar e construir uma página (part. 02)

Veremos agora um pouco sobre os atributos da tag <body>:

• BGCOLOR: background color, significa a cor de fundo da página, caso você não especifique a cor o navegador mostrará a cor padrão, geralmente cinza ou branco.
• TEXT: a cor do texto das páginas por padrão é o preto, podendo ser alterado.
• LINK: cor dos links tem como padrão a cor azul.
• ALINK: os links quando acionados tem como padrão a cor vermelho.
• VLINK: após visita nos links o padrão de cor utilizado é o roxo ou azul escuro.
• BACKGROUND: indica através do endereçamento da WEB, URL (Universal Resource Identifier - Identificador Universal de Recursos), da imagem a ser replicada no fundo da página. Para efeito de design, é possível colocar a imagem para que ela se mova junto com o texto durante rolagem da página.

 Observação: o item cores veremos mais adiante no tópico.

Link para baixar Rapidshare

4. Como salvar, iniciar e construir uma página (part. 01)

4.1 Salvando e construíndo uma página:  é possível  construir uma página em qualquer editor de texto, porém, para executá-la a mesma precisa ser salva como arquivo HTML, confira figura abaixo:

4.2 Iniciando a página: a base da página HTML contém os seguintes componentes que são as Tags: <HTML>; <HEAD>; <TITLE>; <BODY> e as tags de fechamento </TITLE>; </HEAD>; </BODY> e </HTML>. Não importando se a digitação for maiúscula ou minúsculas, exemplo: <hTml> ou <Html>. Falaremos agora um pouco sobre  as tags iniciais:

3. Editores de HTML

      Antes de iniciarmos a codificação de HTML, precisamos de editores capazes de interpretar essa linguagem para criação de páginas na web, existem editores bastante simples como Word, Wordpad e até mesmo o bloco de notas. Porém, existem editores bem mais sofisticados e com grande facilidade de usar são eles: Front Page, Adobe Dreamweaver  e similares.

          Para os iniciantes que ainda não dominam todos os códigos HTML pode-se utilizar o editor Adobe Dreamweaver, também pode ser utilizado por profissionais. A sua grande vantagem é que enquanto você cria uma página,

2. Tags (etiquetas)

      Tag tem como significado “etiqueta”, e na linguagem HTML está associada à uma informação (ex.: imagem, texto, vídeo) que o descreve e permite uma categorização da referente informação baseado em palavra chave, ou seja, trata-se de um processo de hierarquização de comandos utilizados para construção de páginas da WEB.

As Tags ou elementos de HTML são apresentados entre parênteses angulares (< e >) que forma  o comando de marcação da linguagem.     As Tags podem ser:

Curso noções de HTML

     Olá pessoal, estou disponibilizando no marcador “Aprenda comigo”, um curso de HTML básico, ou melhor, noções de HTML. Nele publicarei os seguintes tópicos:

1.       Conceito de HTML;

2.       O que são “TAGS”;

3.       Alguns editores de HTML;

4.       Como salvar, iniciar e construir uma página;

5.       Editar textos;

6.       Cores;

7.       Listas;

8.       Inserindo imagens;

9.       Trabalhando com links;

10.   Tabelas;

11.   Criando formulários.

As publicações serão disponibilizadas apenas um tópico por vez, para que você possa acompanhá-las, sempre seguindo a ordem, lembro que este curso é básico e breve disponibilizarei um conteúdo um pouco mais avançado. Abaixo segue o primeiro item do curso:

Novo Marcador

           Caro leitor, estou adicionando para vocês um novo marcador no blog, "Aprenda Comigo", nele publicarei cursos, dicas de excel e outros macetes da informática para quem quiser aprender um pouco. Alguns cursos estarei estudando e aprendendo junto com você, permitindo uma troca de informações através dos comentários ou email.