Todos os dias, acessamos vários sites. No entanto, às vezes nos perguntamos, é difícil criar seu próprio site? Neste artigo, você será orientado a criar uma página da web HTML simples com o Bloco de notas.
Etapa
Método 1 de 1: criando sua própria página da web
Etapa 1. Abra o Bloco de notas
Este editor de texto é um programa integrado disponível em todos os computadores Windows e pode ser encontrado no menu Iniciar. Depois que o Bloco de notas abrir, clique em Arquivo> Salvar como e selecione Todos os arquivos na coluna Tipo de arquivo. Salve o arquivo criado no formato HTML. Geralmente, a página principal de um site tem o nome de arquivo "index.html" e contém links para todas as páginas do site.
Etapa 2. Compreender HTML
A marca (tag) em HTML (Hypertext Markup Language) está em.
Essas marcas servem para construir seu site. Para encerrar o código HTML, use uma tag de finalização, como. A marca de fechamento é útil para fechar várias marcas, como negrito ou marcas de parágrafo.
Etapa 3. Inicie sua página da web inserindo uma tag na parte superior do arquivo
Etapa 4. Use tags para inserir várias informações
As marcas são úteis para definir o título da página, enquanto as marcas (opcionais) são usadas para inserir uma explicação do conteúdo da página da web. O sinal será lido por mecanismos de pesquisa, como o Google.
Etapa 5. Depois de inserir a tag, intitule a página com a tag, por exemplo wikiHow HTML
Etapa 6. Conclua o cabeçalho do site usando a placa
Etapa 7. Use tags para inserir o conteúdo da página
Lembre-se de que nem todas as cores são compatíveis com os navegadores. Por exemplo, cinza escuro pode não ser compatível.
Etapa 8. Escreva o conteúdo da página da web entre os
Por exemplo, comece criando um cabeçalho de site. O cabeçalho do site é a parte do site em letras grandes e está marcado com um sinal
até
. Sinal
você pode usar para criar um cabeçalho de site com o maior tamanho de fonte. Tente usar o sinal logo abaixo do sinal, como
Bem vindo ao meu site
. Certifique-se de fechar a placa
no final da frase.
Etapa 9. Crie um parágrafo na página com a marca
Por exemplo, escreva
Teste de parágrafo!
Para criar uma nova linha, use o sinal, ou quebras.
Etapa 10. Você certamente não deseja que a página da web que criar contenha apenas texto simples
Use os seguintes sinalizadores para formatar texto em páginas da web: para negrito, para itálico e para sublinhá-lo. Depois de usar a placa acima, não esqueça de fechá-la!
Etapa 11. Adicionar imagem com sinal
para embelezar o site e adicionar informações que não podem ser explicadas em forma de texto.
Sinal
requer certas informações para funcionar. A sintaxe completa do sinal
pode ter a seguinte forma:.
O parâmetro src no sinal serve para escrever o nome do arquivo de imagem e a função largura e altura para descrever o comprimento e a largura.
Etapa 12. Crie um link que leve a outra página com, por exemplo, Outra página
O texto no meio da marca é o texto que aparecerá na página, enquanto o parâmetro href contém a página de destino. Com os links, os visitantes podem mover-se para páginas diferentes em seu site facilmente.
Etapa 13. Ao terminar de preencher o site, encerre a página fechando o
Finalmente, feche o código HTML com
Etapa 14. Salve sua página da web criada com a extensão.html e abra-a em seu navegador favorito para testá-la
Etapa 15. Leia o guia a seguir para fazer o upload do seu site para a Internet
Pontas
- Na internet, existem vários sites que contêm guias para a criação de um website. W3school é um site com bom material.
- Certifique-se de fechar todas as tags no arquivo HTML.
- Coloque uma marca na primeira linha do arquivo, antes de. Este sinalizador indica que o arquivo que você está criando é um arquivo HTML5.
- Altere a fonte com as marcas antes e depois. Substitua "N" pelo tipo de letra desejado, por exemplo "Verdana".
- Se você precisar usar colchetes angulares, use o código. Enquanto isso, para usar o sinal &, use o código &.
- De acordo com os tutoriais de HTML, você deve sempre nomear os arquivos e pastas da web em letras minúsculas, sem espaços e pontuação. Embora o Windows permita que você coloque espaços em nomes de arquivo, muitos provedores de hospedagem não permitem. Além disso, um nome de arquivo organizado tornará mais fácil o gerenciamento do seu site.
