Como Criar Um Site Usando Html

Índice:

Como Criar Um Site Usando Html
Como Criar Um Site Usando Html

Vídeo: Como Criar Um Site Usando Html

Vídeo: Como Criar Um Site Usando Html
Vídeo: Como Criar um Site HTML 2021 - Passo a Passo Fácil 2024, Maio
Anonim

Hoje, com o crescimento explosivo da Internet, as tecnologias da Web estão cada vez mais sendo usadas, em particular HTML e navegadores da Web padrão. HTML (HyperText Markup Language) é uma linguagem de marcação de hipertexto. Este formato determina a aparência do documento, o arranjo mútuo de texto, gráfico e informações multimídia. As campanhas envolvem a criação de sites por muito dinheiro. Mas com a ajuda de "tags html" você pode criar um site bastante interessante com suas próprias mãos.

Como criar um site usando html
Como criar um site usando html

É necessário

  • - navegador;
  • - editor de texto.

Instruções

Passo 1

O formato do arquivo HTML é bastante simples. A composição e as alterações no arquivo são realizadas por qualquer editor de texto. Um navegador da web é usado para visualizar os resultados. A principal vantagem dos documentos HTML é a capacidade de fazer referências cruzadas entre si. As referências cruzadas ajudam você a consultar rapidamente um documento com informações adicionais sobre um tópico de interesse e, a seguir, continuar trabalhando com o texto de origem. Qualquer documento escrito em linguagem HTML consiste no conteúdo da página, ou seja, texto e caracteres de controle - tags. Todas as tags HTML devem ser colocadas entre colchetes angulares. Normalmente, uma tag de início e uma tag de fim são usadas. A marca final difere da marca inicial pela presença de uma barra.

Passo 2

Para começar a criar um site, vá a um editor de texto (notepad).

Em seguida, insira as tags:

HTML - / HTML - a primeira e a última tags de qualquer documento HTML.

HEAD - / HEAD - início e fim do cabeçalho do documento.

TITLE - / TITLE - define o título do documento (título da janela do navegador).

BODY - / BODY - o início e o fim do corpo do documento HTML, que define o conteúdo do documento.

etapa 3

Em seguida, você precisa estilizar o texto. Isso requer as seguintes tags:

Hx - / Hx - (x é um número de 1 a 6) descreve títulos em seis níveis diferentes. O cabeçalho de primeiro nível é o maior, o sexto nível é o menor.

P - / P - descreve um parágrafo (a tag / P pode estar ausente).

ALIGN é um parâmetro que determina o alinhamento do parágrafo:

ALIGN = CENTER - alinhamento central;

ALIGN = RIGHT - alinhamento à direita;

ALIGN = LEFT - alinhamento à esquerda.

BR - ir para uma nova linha sem quebrar um parágrafo.

B - / B - exibe o texto em negrito.

I - / I - exibe o texto em itálico.

U - / U - texto sublinhado.

STRIKE - / STRIKE - texto tachado.

BLOCKQUOTE - / BLOCKQUOTE - exibe aspas.

SUB - / SUB - exibe subscritos.

SUP - / SUP - exibição de sobrescritos.

TT - / TT - usa uma fonte com largura fixa de caracteres.

BIG - / BIG - aumenta o tamanho da fonte atual.

PEQUENO - / PEQUENO - diminui o tamanho da fonte atual.

BASEFONT SIZE = n - (n é um número de 1 a 7) - o valor base do tamanho da fonte.

TAMANHO DA FONTE = + / - n - / FONT - altera o tamanho da fonte.

COR DA FONTE = # xxxxxx - FONT - configurando a cor da fonte: Aqua - onda do mar; Preto Preto; etc.

CORPO - muda a cor de fundo.

HR - linha horizontal, esta tag pode usar atributos:

COR - cor da linha;

SIZE - largura da linha em pixels;

WIDTH - largura da linha em pixels ou como porcentagem da largura da janela;

ALIGN - alinhamento de linha;

NOSHADE - pintura sem sombra;

SOMBRA - desenho com sombra.

Passo 4

Se precisar inserir qualquer lista em seu site, você precisará inserir tags:

UL - / UL - lista não ordenada (enumeração, sem ordenação):

LI - definição de um item da lista;

TYPE é um parâmetro que define um marcador de lista:

TYPE = CIRCLE - um círculo é usado como um marcador;

TIPO = DISCO - o ponto é usado como um marcador;

TIPO + QUADRADO - um quadrado é usado como marcador.

OL - / OL - lista numerada:

TYPE é um parâmetro que especifica o tipo da lista:

TYPE = A - letras latinas maiúsculas serão usadas como números de lista;

TYPE = a - letras latinas minúsculas serão usadas como enumeradores de lista;

TYPE = I - numerais romanos grandes serão usados como números de lista;

TYPE = i - numerais romanos pequenos serão usados como números de lista;

START é um parâmetro que define o número inicial da lista.

DL - / DL - lista com explicações:

DT - designação de um item da lista;

DD é uma explicação para um item da lista.

Etapa 5

Para que o seu site não se limite a uma página, crie várias. Para navegar, você precisa de hiperlinks, que são definidos pelas seguintes tags:

A HREF = URL - / A - insere um link no documento (entre as tags, você deve inserir o texto do link).

HREF - endereço de uma página ou recurso;

URL - endereço de recurso uniforme: servis: // servidor [: porta] [/caminho]:

serviço - o nome do protocolo (HTTP - acesso a um documento HTML, solicitação FTP para um arquivo de um servidor FTP, acesso FILE para

arquivo na máquina local);

servidor - especificando o nome do recurso;

porta - número da porta na qual o servidor web está sendo executado;

path é o diretório onde o recurso está localizado.

A HREF = # nome do marcador - / A - insira um link local (entre as tags, você deve inserir o texto do link).

A NAME = nome do marcador - / A - define o marcador para o qual o link será feito.

Etapa 6

Para que o site não seja chato, é necessário um design gráfico. Para fazer isso, use as tags:

BODY BACKGRAOUND = "file_name" - define a imagem usada como plano de fundo.

IMG SRC = "file_name" - insira um arquivo gráfico em um documento HTML, esta tag usa os parâmetros:

ALT = "string de texto" - define uma string de texto que é exibida em vez de uma imagem gráfica se o navegador tiver desativado a capacidade de carregar gráficos automaticamente;

HEIGHT, WIDTH - altura e largura da imagem em pixels;

HPACE, VSPACE - a largura do espaço livre que separa o gráfico do texto horizontal e verticalmente;

ALINHAR - alinhamento do texto em relação aos gráficos.

Etapa 7

E a última coisa que você precisa fazer é salvar o arquivo de texto no formato *.html e iniciá-lo usando seu navegador. O site está pronto.

Recomendado: