Noções básicas de HTML design e web
Todos os documentos HTML conter os seguintes elementos, que definem a estrutura geral do documento:
Seu título vai aqui O corpo do seu documento vai aqui.
Como mostra o exemplo anterior, tags HTML são geralmente usados em pares que coloque porções do seu documento. A tag de início, como
, Assinala o início da formatação específica para essa seção, a marca de fechamento, tais como , Inclui uma barra antes do nome da marca e sinaliza o fim da formatação para essa seção. Aqui está uma explicação para cada uma dessas tags:
--: Esta etiqueta deve sempre aparecem como a primeira coisa em um documento HTML. Ele diz ao navegador que o arquivo é um arquivo HTML.
-- e : Essas marcas encerrar a seção do documento denominado cabeçalho, que contém informações que se aplica a todo o documento.
-- </ html> </strong><strong>e </strong><strong>: Essas marcas coloque o título do documento. Qualquer texto que aparece dentro delas é usado como título de seu documento HTML. Este também é o texto que aparece na barra de título do navegador.
-- e : Essas tags marcarão o início eo fim da parcela de seu documento que o navegador exibe quando alguém visualiza a página. Um monte de coisas normalmente cai entre essas tags.
--: Esta marca é sempre a última tag em seu documento.
Especificando Configurações de fonte
Nos primórdios da Web, HTML não fornece um método que permitiu-lhe controlar com precisão o aparecimento do tipo em suas páginas da web. Agora, no entanto, o HTML oferece vários métodos para controlar o tipo. HTML tem duas marcas que permitem controlar as configurações de fonte: e. A marca lhe permite controlar as configurações de fonte para um bloco de texto individual, enquanto que a marca define a fonte padrão usada para um documento inteiro. Ambas as marcas são imediatamente seguido por uma ou mais atributos, que fornecem informações específicas para a marca. Aqui estão os atributos mais importantes e das tags:
- FACE: Define o tipo de letra. - TAMANHO: Dá o tamanho do tipo em uma escala de 1 a 7, onde 7 é o maior e 1 é o menor. O tamanho padrão é de 3. - COR: Define a cor do texto. Aqui está um trecho de HTML que define o tipo de letra, tamanho e cor usada para o texto: Este texto do corpo é normal com a fonte definida pela marca BASEFONT.
Este é um título
Após o título, o texto volta para a configuração BASEFONT.
Quando você quiser forçar uma quebra de linha para a linha seguinte, você pode inserir o parágrafo (
) Tag naquele ponto. O
tag também insere uma linha em branco extra de espaço antes da nova linha de texto começa. Se você não quer adicionar a linha extra em branco, você pode usar o
tag. Esta tag também força uma quebra de linha, mas não inserir qualquer espaço extra. Nem o
sim, nem o
tag requer um marca de fechamento.
Entrando Headings
Não encher suas páginas da Web com um fluxo constante de texto ininterrupto. Invés disso, utilizar cabeçalhos e parágrafos para organizar o conteúdo de cada página. O cabeçalho HTML tags tornar o trabalho mais fácil de criar títulos que quebrar o texto em partes gerenciáveis. Você pode utilizar até seis níveis de títulos em suas páginas da Web usando as tags HTML
, , E assim por diante até . O seguinte trecho de HTML mostra todos os seis estilos de título em uso: Este é um título 1
Esta é uma rubrica 2
Este é um título 3
Esta é uma rubrica 4
Esta é uma rubrica 5
Esta é uma rubrica 6
Este é um parágrafo de texto normal.
Formatação de Texto
O subseções seguintes mostram como inserir os comandos de formatação que o alinhamento de controle e permitir que você adicione negrito, itálico e cor aos seus documentos HTML.
Alinhamento
HTML não lhe dá muitas opções para alinhar o texto. Por padrão, o texto é alinhado à esquerda da página. Mas você pode usar o
tag para especificar o texto a ser centralizado, como neste exemplo: Este texto está centralizado.
Bold
Você pode usar a tag para formatar o texto em negrito. Adicionar uma marca imediatamente antes do texto que pretende que apareça em negrito. Em seguida, vire a negrito fora, adicionando a tag final, como mostrado no exemplo a seguir:
Este é um texto em negrito.
Ser mesquinho em seu uso da marca. O uso ocasional de negrito é bom, mas se você overuse formatação negrito, o texto torna-se difícil de ler.
Itálico
Você pode usar a tag para formatar o texto em itálico. Adicionar uma tag imediatamente antes do texto que pretende que apareça em itálico. Em seguida, vire o itálico fora, adicionando a tag final, como mostrado no exemplo a seguir:
Este é um texto em itálico.
O uso ocasional de itálico é bom, mas tente não exagerar.
Cor
Você pode especificar cores em vários tags HTML. Por exemplo,
tem um atributo BGCOLOR que lhe permite especificar a cor de fundo para sua página. O atributo de cor em uma tag define a cor do texto. HTML padrão define 14 nomes de cores que você pode usar para definir uma cor predefinida: Preto, prata, cinza, branco, marrom, roxo, fúcsia, VERDE LIMÃO, AZEITE, AMARELO, AZUL, TEAL, e AQUA. A maneira mais fácil de definir a cor é usar um destes nomes de cores. Por exemplo, para criar texto em amarelo, você poderia usar uma tag como esta: Este texto é amarelo.
Criar listas
Usando HTML, você pode criar dois tipos básicos de listas para a sua página web.
--Listas com marcadores: Mais formalmente conhecido como listas não ordenadas. Em uma lista com marcadores, um carácter de marca (normalmente um ponto) marcas de cada item na lista.
--Listas numeradas: Mais formalmente conhecido como listas ordenadas. Várias marcas de cada item em uma lista numerada. O navegador da Web se encarrega de descobrir qual número a utilizar para cada item na lista.
Listas com marcadores
A marcadores, ou desordenadas, a lista requer estas três marcas: --
marca o início da lista ordenada. -- - marca o início de cada item na lista. No correspondente
sim é necessário. --
marca o fim de toda a lista. Aqui está um trecho de HTML que cria uma lista com marcadores: Os habitantes de Oz
- O Espantalho
- The Tin Man
- O Leão Covarde
- Munchkins
- O Assistente
- A Bruxa Malvada do Oeste
- Glenda
A listas numeradas numeradas, ou encomendados, lista requer estas três marcas:
-- marca o início da lista ordenada. -- - marca o início de cada item na lista. No correspondente
sim é necessário. --
marca o fim de toda a lista. Aqui está um trecho de código HTML que cria uma lista numerada: Passos para encomendar uma pizza
- Pick up de telefone
- Marcar número
- Para Place
- Desligar telefone
Inserindo Réguas Horizontais
Regras horizontais são linhas horizontais que você pode adicionar para criar quebras de visual em suas páginas da web. Para adicionar uma regra para uma página, você usa o
tag (sem tag de fechamento é exigido). Você pode controlar a altura, largura e alinhamento da regra usando o tamanho, largura, e os atributos ALIGN. Por exemplo:
Neste exemplo, a regra é a metade da largura da página, seis pixels de altura, e centrado na página. Muitos designers Web preferem usar imagens gráficas em vez de
tag para criar regras horizontais. Porque vários navegadores da Web exibir o
tag diferente, usando uma imagem de uma regra permite-lhe controlar com precisão como a sua regra aparece na tela. Para usar uma regra de imagem, siga estas etapas: 1. Tipo de regra de uma imagem (![]()
) Tag onde você usaria normalmente uma
tag para criar uma linha horizontal:![]()
2. Para a fonte (SRC) Atributo no ![]()
sim, digite o nome doo arquivo gráfico que contém a regra de imagem que você deseja usar:
3. Adicionar um LARGURA atributo que especifica o número de pixels que você quer que oregra de span ou uma porcentagem da largura da tela:
4. Inserir um
tag imediatamente a seguir a regra para forçar uma quebra de linha,como este:
um artigo submetido por Justine Mccain
Isenção de responsabilidade:O nosso site não se responsabiliza pelo conteúdo deste artigo. Webarticles é uma fonte de informação livre.
Importante: Este artigo "Noções básicas de HTML e web design" foi traduzida por um software automático. Nós sentimos muito por quaisquer erros de ortografia que pode ter ocorrido. Obrigado pela sua compreensão.