Como configurar uma página web com html5

Se você é um designer de página da web experiente ou não tanto, você pode construir uma página básica HTML5 com bastante facilidade. Basta abrir qualquer editor de texto e adicione o seguinte código:

Video: Diseñando una página web con HTML, CSS y javascript - Primera parte

basic.html

Nível Um Headline

Esta é uma paragraph.Note que o texto é automaticamente ajustada.

Video: Como crear una página web con HTML 5 y CSS 3 - Vídeo 2 - Introducción HTML 5

Este código cria desta página:

Para construir uma página básica HTML5, siga estes passos:

  1. Comece com o doctype.

    Video: Como hacer un sitio web adaptable a dispositivos móviles con Responsive Design

    Defina o tipo de documento para HTML5 com este tag: na primeira linha do seu site. Se você deixar este fora, você ainda irá provavelmente ser capaz de usar recursos HTML5, mas validadores terá que adivinhar se você estiver usando XHTML ou HTML5. (Consulte qualquer número de filmes de ficção científica para ver o que acontece quando os computadores fazer suposições sobre as coisas.)

  2. Adicione o marcar e especificar o idioma.

    Video: Crea una Página Web en HTML5 y CSS - Parte 8: Formulario de Contacto

    Esta tag especial indica o início de uma página web. É melhor para indicar qual a linguagem da página é escrito em. Especifique lang = en Para inglês.

    Certifique-se de ter uma tag correspondente na parte inferior da página para indicar o final da página que você começou com a tag no início da página.

  3. Crie um área.

    A cabeça é como o compartimento do motor de um carro. As pessoas não costumam ir lá, mas há muitas máquinas importante. A cabeça está vazia neste exemplo simples, mas vai encher-se com javascript e bondade CSS breve.

  4. Especifique o conjunto de caracteres.

    É considerada boa forma de deixar o navegador sabe que tipo de caracteres para usar ao exibir sua página. Páginas escritas em Inglês deve geralmente usar UTF-8, assim que indicam isso com: UTF-8 / Gt;.



  5. Recuar seu código.

    Embora os navegadores não me importo se você recuar, se você fazê-lo cada vez que você abrir um novo elemento que não está fechado na mesma linha, você pode alinhar seu início e término tags para garantir que a página está bem formado e que você não perca nenhuma etiquetas terminam.

  6. Adicione um comentário.

    Os comentários não são estritamente necessárias, mas eles são muito boa forma. comentários HTML começar com e acabar com . Os comentários podem durar por várias linhas.

  7. Coloque em um título com .

    O título geralmente aparece na barra de título do navegador da web, e também muitas vezes aparecem em resultados de pesquisas para sua página.

  8. Incluem a maior parte da página nas tags.

    Se o cabeça área é o compartimento do motor, o corpo é o espaço para os passageiros. A maior parte do texto visível no site é parte do corpo. O tag é geralmente logo antes da tag, como você normalmente acabar com o corpo e, em seguida, fechar o HTML.

  9. Use tags de cabeçalho para descrever o seu contorno.

    Tags de cabeçalho todos começam com h seguida por um número que indica a força do título - por exemplo. Todos os seus principais tópicos devem ser indicados por nível e um títulos. Subtópicos deve ser de nível dois títulos (). Os níveis de título percorrer todo o caminho a H6, mas é incomum para usar qualquer coisa menor do que o nível 3.

  10. Coloque a maior parte do texto em parágrafos.

    Coloque cada parágrafo dentro de um par. Embora HTML não requer o uso de tags de parágrafo, eles torná-lo muito mais fácil gerenciar a aparência e comportamento do seu texto mais tarde.

  11. Salve o arquivo com o .html extensão.

    Você pode então carregar o arquivo em um navegador para ver como fica.

Alguns elementos (especialmente os cabeçalhos) tendem a ter um estilo visual particular. Os estilos padrão estão lá apenas como diretrizes. Evite a tentação de escolher títulos com base em sua aparência.


Publicações relacionadas