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 HTML1. Início aberto


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.

3. Clique Bloco de anotações. É um ícone azul notepad no topo da lista de resultados. Fazendo isso prompts notepad para abrir.

4. Clique Arquivo. Este é no canto superior esquerdo da janela do bloco de notas. Clicar nele solicita um menu suspenso.

5. Clique Salvar como…. Está no menu suspenso. O salvar como janela será aberto.

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.

7. Clique Todos os arquivos. Está no menu suspenso. Isso permitirá que você salve seu arquivo como um documento HTML.

8. Selecione um local de economia. Clique no nome da pasta na qual você deseja salvar seu documento no lado esquerdo da janela.

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.

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.
Parte 2 de 4:
Configurando sua página da Web1. 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:

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 .

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:

4. Adicione o "corpo" Tag. Todo o código do seu web page irá entre essas tags, que deve ir abaixo do "" marcação:

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.

6. Revise seu documento HTML até agora. Neste ponto, seu documento deve ficar assim:

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 Web1. 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.

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:

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:

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:
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:
" tag após o primeiro para adicionar outra ruptura de linha, criando assim um espaço entre seu primeiro parágrafo e seu segundo.

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:

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 web1. 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.

2. Clique com o botão direito do mouse em seu documento HTML. Um menu suspenso aparecerá.

3. Selecione Abrir com. Está no menu suspenso. Fazer isso abre um menu pop-out.

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.

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.
Amostra de documentos HTML


Apoio ao e Desbloquear todas as amostras.


Apoio ao e Desbloquear todas as amostras.


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: