Como criar uma página da web simples usando o bloco de notas

ThiSeaches você como criar uma página simples baseada em texto usando o aplicativo notepad do seu computador Windows. Você usará HTML como idioma da sua página da web.

Passos

Parte 1 de 4:
Criando um documento HTML
  1. Imagem intitulada 533547 1
1. Início aberto
Imagem intitulada Windowsstart.jpg
. Clique no logotipo do Windows no canto inferior esquerdo da tela. O menu Iniciar aparecerá.
  • Imagem intitulada 533547 2
    2. Procurar notepad. Digitar bloco de anotações fazer isso. Você deve ver uma lista de resultados de correspondência aparecer perto do topo do menu Iniciar.
  • Imagem intitulada 533547 3
    3. Clique Bloco de anotações. É um ícone azul notepad no topo da lista de resultados. Fazendo isso prompts notepad para abrir.
  • Imagem intitulada 533547 4
    4. Clique Arquivo. Este é no canto superior esquerdo da janela do bloco de notas. Clicar nele solicita um menu suspenso.
  • Imagem intitulada 533547 5
    5. Clique Salvar como…. Está no menu suspenso. O salvar como janela será aberto.
  • Imagem intitulada 533547 6
    6. Clique no "Salvar como tipo" caixa suspensa. Esta opção está perto da parte inferior da janela e deve ter "Documentos de texto (*.TXT)" escrito nele. Clicar em solicita que um menu suspenso apareça.
  • Imagem intitulada 533547 7
    7. Clique Todos os arquivos. Está no menu suspenso. Isso permitirá que você salve seu arquivo como um documento HTML.
  • Imagem intitulada 533547 8
    8. Selecione um local de economia. Clique no nome da pasta na qual você deseja salvar seu documento no lado esquerdo da janela.
  • Por exemplo, para salvar seu documento na área de trabalho, você iria rolar e clicar Área de Trabalho Na barra lateral da esquerda.
  • Imagem intitulada 533547 9
    9. Digite um nome e o "html" extensão de arquivo. Clique no "Nome do arquivo" caixa de texto, então digite o que você deseja nomear seu arquivo seguido por .html.
  • Por exemplo, para nomear o arquivo do seu site "Olá", você digitaria em Olá.html.
  • Imagem intitulada 533547 10
    10. Clique Salve . Isso vira o seu documento atual notepad em um documento HTML. Neste ponto, você pode prosseguir com a configuração da estrutura inicial da sua página da Web.
  • Se o bloco de notas, inadvertidamente ou você tiver que voltar ao seu documento mais tarde, você pode clicar com o botão direito do mouse no arquivo HTML e clique em Editar No menu suspenso resultante.
  • Parte 2 de 4:
    Configurando sua página da Web
    1. Imagem intitulada 533547 11
    1. Adicione a tag de idioma da sua página da Web. A primeira tag que você precisará adicionar ao bloco de notas informa ao restante do documento para usar HTML. Digite o seguinte no bloco de notas:
  • Imagem intitulada 533547 12
    2. Adicione o "cabeça" Tag. Essas tags marcam o início e o final do título da página, que você criará no próximo passo. Por enquanto, basta digitar após o "" tag, pressione ↵ Digite duas vezes para deixar um espaço e digite .
  • Imagem intitulada 533547 13
    3. Adicionar título da página ao seu site. O título, que é colocado entre " " tags, vai no espaço entre o "cabeça" Tag. Este título determina o nome do site como aparece na guia Navegador. Para inserir um cabeçalho para nomear seu site "Meu website", Por exemplo, você digitaria o seguinte:
  • Imagem intitulada 533547 14
    4. Adicione o "corpo" Tag. Todo o código do seu web page irá entre essas tags, que deve ir abaixo do "" marcação:


  • Imagem intitulada 533547 15
    5. Feche a tag de idioma HTML. A última tag a entrar no documento será uma tag HTML de fechamento para significar o final da página. Digite abaixo do "" Tag para fechar a tag HTML.
  • Imagem intitulada 533547 16
    6. Revise seu documento HTML até agora. Neste ponto, seu documento deve ficar assim:
  • Imagem intitulada 533547 17
    7. Salve seu documento. Aperte Ctrl+S fazer isso. Agora você pode prosseguir com os elementos de páginas, como parágrafos e títulos, ao seu documento.
  • Parte 3 de 4:
    Adicionando elementos da página da Web
    1. Imagem intitulada 533547 18
    1. Saiba que todos os seus elementos da página da Web vão entre o "corpo" Tag. Qualquer elemento - seja um cabeçalho ou um parágrafo - precisa ser escrito após o "" tag e antes do "" marcação.
  • Imagem intitulada 533547 19
    2. Adicione o cabeçalho principal do seu site. Digite entre o "corpo" tags, então digite tudo o que quiser que a cabeça principal da sua página da Web está entre o "" Tag. Por exemplo, para criar uma página com o título "Receber", Você teria o seguinte:
  • Você pode usar tags "" Através dos " " Para criar um texto de cabeçalho menor.
  • Imagem intitulada 533547 20
    3. Adicione o texto do parágrafo à página. Digite as tags do parágrafo, que são "", e, em seguida, digite o que você quiser usar como seu parágrafo entre as tags. Seu resultado final deve parecer algo assim:
  • Imagem intitulada 533547 21
    4. Forçar uma quebra de parágrafo. Se você quiser adicionar espaços extras entre parágrafos ou cabeçalho, digite
    Após a tag de fechamento da linha. Por exemplo, para criar uma ruptura de linha após um parágrafo, você deve acabar com algo assim:
  • Você pode adicionar um adicional "
    " tag após o primeiro para adicionar outra ruptura de linha, criando assim um espaço entre seu primeiro parágrafo e seu segundo.
  • Imagem intitulada 533547 22
    5. Adicione a formatação ao seu texto. Você pode aplicar negrito, itálico e sublinhado (bem como sobrescrito e subscrito) formatando para qualquer palavra, frase ou bloco de texto, desde que seja entre as tags do parágrafo:
  • Imagem intitulada 533547 23
    6. Revise a aparência da sua página da Web. Enquanto os elementos da página da Web podem variar, seu documento deve parecer algo assim:
  • Parte 4 de 4:
    Testando sua página da web
    1. Imagem intitulada 533547 24
    1. Salve seu documento. Aperte Ctrl+S fazer isso. Isso garantirá que o documento HTML mostre a versão mais recente da sua página da Web quando você abre.
  • Imagem intitulada 533547 25
    2. Clique com o botão direito do mouse em seu documento HTML. Um menu suspenso aparecerá.
  • Imagem intitulada 533547 26
    3. Selecione Abrir com. Está no menu suspenso. Fazer isso abre um menu pop-out.
  • Imagem intitulada 533547 27
    4. Selecione seu navegador da Web preferido. Todos os navegadores da Web podem abrir documentos HTML, portanto, clique em qualquer navegador da Web que você deseja usar no menu pop-out. Seu documento HTML será aberto no seu navegador da Web selecionado.
  • Imagem intitulada 533547 28
    5. Revise sua página da Web. Se a formatação ficar bem para você, você pode ir em frente e fechar o bloco de notas.
  • Se você quiser continuar editando seu documento HTML, retorne ao bloco de notas e faça as edições necessárias, certificando-se de salvar suas alterações.
  • Amostra de documentos HTML

    Exemplo de página simples

    Apoio ao e Desbloquear todas as amostras.

    Página de exemplo com html

    Apoio ao e Desbloquear todas as amostras.

    Folha de fraude HTML

    Apoio ao e Desbloquear todas as amostras.

    Pontas

    Você pode Ajuste a cor de fundo da página da Web ou mudar a cor da fonte Usando CSS em conjunto com o documento HTML.
    Compartilhe na rede social:
    Semelhante