E a correspondente



Baixar 423,95 Kb.
Encontro27.05.2017
Tamanho423,95 Kb.


ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia1.zip dezembro 1995




Tutorial - Autoria em World Wide Web

Parte I - Hypertext Markup Language (HTML) - Básico

(HTML 2.0 e algumas extensões do Netscape)




© Copyright 1995 Rede Nacional de Pesquisa - RNP




É PERMITIDA A REPRODUÇÃO DO PRESENTE MATERIAL, DESDE QUE TENHA FINS EDUCACIONAIS OU DE PESQUISA, DEVENDO, NO ENTANTO, SER MENCIONADOS EXPRESSAMENTE OS DIREITOS AUTORAIS RESERVADOS À RNP. É VEDADA A REPRODUÇÃO PARA QUAISQUER OUTROS FINS, A MENOS QUE CONCEDIDA EXPRESSA AUTORIZAÇÃO PELA RNP.

________________________________________________________________

Centro Regional RNP - Brasília - CR/DF

SAS Quadra 5 Lote 6 Bloco H sala 700

70070-914 - Brasília - DF

Telefone: (061)226.4699 Fax: (061) 226.9328

Email: apoio@cr-df.rnp.br

URL: http://www.cr-df.rnp.br/



Índice


I . Características Gerais do HTML




3










II. Criando Documentos em HTML




4










a. HTML "Mínimo"




4










b. Marcações Básicas




5

1.Títulos




5

2.Cabeçalhos




6

3.Parágrafos




6

4.Quebras de linha




7










c. Interligando Documentos




8

1. Para começar




8

2. Documentos em Outros Diretórios




8

3. Ligando URL's




9

4. Ligando sessões específicas em outro documento




9










d. Interligando sessões em uma página




10










e. Listas




11

1. Listas Não Numeradas




11

2. Listas Numeradas




12

3. Listas de Definições




12

4. Listas Intercaladas




13










f. Texto Pré-formatado




15










g. Caracteres especiais




16










h. Endereços




17










i. Inserir imagens




19










j. Controle de Cores e gráficos de fundo




22

1. Cores e elementos gráficos de fundo




22

2. Cores das letras e links




23










k. Barras horizontais




24

III.Tabela de Comandos




26

IV.Tabela de Acentuação/ Caracteres Especiais




30

V.Tabela de Cores




31

I. Características Gerais do HTML


  • Documentos HTML são arquivos escritos em ASCII - texto.

  • Podem ser criados em qualquer editor de texto ( vi, emacs, edit, notepad)

  • Existem editores específicos para várias plataformas

  • Existem conversores de vários formatos, por exemplo, doc para html

  • A unidade mínima de informação é a “página”

Há diferenças entre os diversos clientes Web, de forma que nem todas as marcações e seus correspondentes recursos são suportadas por todos eles. Quando um cliente não entende uma determinada marcação, ele simplesmente a ignora. Ao criar um documento, é importante testá-lo com vários clientes.


Você pode visualizar um documento que esteja criando com NCSA Mosaic (ou qualquer outro cliente Web). Basta abrí-lo com o comando Open Local File disponível na opção File do menu.
HTML utiliza marcações específicas e distintas para dizer ao Web browser como exibir o documento.
Importante: HTML não faz diferença entre maiúsculas e minúsculas (não é "case sensitive"). Então a notação é <a href="/governo-do-estado-do-cear-v4.html">equivalente a </a><TITLE> ou <TiTlE>.</i> <br /><b>Como são as Marcações HTML?</b> <br />As marcações do HTML - tags - consistem do sinal (<), (o símbolo de "menor que"), seguida pelo nome da marcação e fechada por (>) ("maior que"). <br />De um modo geral, as tags aparecem em pares, por exemplo, <h2> Cabeçalho</h2>. O símbolo que termina uma determinada marcação é igual aquele que a inicia, antecedido por uma barra (/) e precedido pelo texto referente. <br />No exemplo, <h2> avisa ao cliente Web para iniciar a formatação do primeiro nível de cabeçalho e </h2> avisa que o cabeçalho acabou. <br />Há excessões a esse funcionamento em pares das marcações. Por exemplo, a que indica um final de parágrafo: <br />. Não necessita de uma correspondente: <br />. A marcação <a href="/o-livro-das-mentiras.html">que indica quebra de linha - </a><br />- também não precisa de uma correspondente, e outras tais como <hr> e <li>.. <br /><b>Exemplos de Marcações</b> <br /> <br /><ul> <li/> <br />A notação: <TITLE> (e <a href="/correspondente-guaba-badesul-13h10-19-set-2016-segunda-feira.html">a correspondente </a>), especificam o título de um documento.

  • A notação:

    (e a correspondente

    ), indica a aparência de um cabeçalho.

  • A notação:
    é a marcação para final de parágrafo.

    II. Criando Documentos HTML
    a. HTML "Mínimo"

    Todo documento deve ser identificado como HTML ( ), ter uma área de cabeçalho () com o nome para o documento ( ), um título principal e uma área definida como corpo(



    Este é o primeiro nível de cabeçalho

    Bem-vindo ao mundo do HTML.

    Este é o primeiro parágrafo.

    E este é o segundo.


    <h2>E este o cabeçalho de nível 2

    Aqui entra o texto do documento ...





    Apresenta-se assim:




    2. Cabeçalhos

    "Cabeçalhos" normalmente são usados para títulos e sub-títulos de uma página.


    HTML possui seis níveis de cabeçalhos, numerados de 1 a 6, sendo o número 1 o de maior destaque. Cabeçalhos são exibidos em letras maiores e em negrito. O primeiro cabeçalho em cada documento deve estar marcado como

    .
    ATENÇÃO: ao definir o tamanho de um cabeçalho, você não está definindo o tamanho da letra (fonte 10, fonte 14). Você apenas define que ele aparecerá com maior tamanho e destaque que o resto do texto. O tamanho exato com que ele será visualizado é definido pelo programa visualizador de html (browser) de cada pessoa que acessar a informação.
    As notações relativas a cabeçalhos são:
    Texto do cabeçalho
    onde y é um número entre 1 e 6 especificando o nível do cabeçalho.
    O conjunto de notações possíveis é o que segue:

    Headings



    Headings



    Headings



    Headings



    Headings


    Headings


    3. Parágrafos

    A marcação


    é utilizada para definir o início de um novo parágrafo, deixando uma linha em branco entre cada parágrafo.HTML não reconhece o caracter de quebra de linha dos editores de texto. Mesmo que exista uma linha em branco, os clientes Web só reconhecem o início de um novo parágrafo mediante a marcação apropriada.
    Existem algumas exceções. Por exemplo, inserindo uma marcação de parágrafo depois de
    , , e outras, esta será ignorada.
    4. Quebras de linha

    A marcação


    faz uma quebra de linha sem acrescentar espaço extra entre as linhas.Veja a diferença do uso de
    e
    ,nos exemplos a seguir:




    Utilizando p

    Vamos separar esta sentença com marcação de parágrafo.


    Para verificar a diferença.



    Utilizando br

    Diferença quando separamos duas linhas utilizando


    a marcação de quebra de linha


    Diferença quando separamos duas linhas utilizando


    a marcação de quebra de linha


    Deu pra notar?



    . Este atributo especifica a URL de uma imagem que será utilizada como fundo (background) de uma página. Esta imagem ocupará toda a área de fundo da tela.
    Deve ser escrito desta forma:
    .. toda a página ..
    . Ele permite que se defina uma cor padrão para o fundo da página, sem necessidade de um arquivo imagem para isso.
    O formato da marcação é:
    Aqui fica a página , escrevendo-se da seguinte forma:
    Aqui entra o documento

    Aqui entra o documento



  • Corpo do documento

    Delimita o corpo do documento. Vem imediatamente abaixo da área definida como “head”. Esta marcação deve ser “fechada” somente ao final do documento, imediatamente seguida da marcação

    Exemplo de como devem aparecer distribuídas no arquivo as marcações acima citadas:




    Título <a href="/tipo-de-documento-decreto-presidencial-n-documento.html">do documento</a>



    Blá blá blá ... aqui entra o conteúdo da página ... blá....



    BACKGROUND=““>

    BGCOLOR=“#rrggbb”>

    TEXT=“#rrggbb” LINK=“#rrggbb” VLINK=“#rrggbb” ALINK=“#rrggbb”>



    ©livred.info 2017
    enviar mensagem

        Página principal