6924 Compartilhamentos 99916 Views 4 Comments

Estrutura básica de uma página HTML5

10 de março de 2015

Para muitos editores a criação de uma nova página em HTML5 já é automática, basta criar um novo documento baseado em um modelo e pronto. Pra mim, que sou da “velha escola” do editor de texto puro, nada como começar uma página HTML do zero, na munheca mesmo.

Para facilitar um pouco a minha nossa vida, apresento abaixo 2 modelos que considero base para a criação de um novo documento em HTML 5, um bem simples somente com a estrutura padrão e um outro um pouco mais completo já com tags como: header, nav, section, article, aside e footer.

Escolha a que te atende melhor no momento e boa codificação.
Lembrete: Caso precise alterar a codificação da página de utf-8 para iso-8859-1, basta alterar na meta tag charset.

Estrutura HTML5 Básica

Estrutura HTML5 Completa

Carregando...

Você pode se interessar

Como usar a internet de forma segura com os novos DNS da Cloudflare
Dicas
4 visualizações
Dicas
4 visualizações

Como usar a internet de forma segura com os novos DNS da Cloudflare

Carlos L. A. da Silva - 28 de novembro de 2020

Serviço oferece de forma gratuita duas opções reguladas para navegar de forma protegida.

Promoções de Jogos do Final de Semana (27/11) – Edição da Black Friday
Notícias
12 visualizações
Notícias
12 visualizações

Promoções de Jogos do Final de Semana (27/11) – Edição da Black Friday

Carlos L. A. da Silva - 27 de novembro de 2020

Confira as melhores ofertas de jogos de PC para o final de semana.

Como a Nvidia está usando rede neural no lugar de codecs de vídeo
Artigos
12 visualizações
Artigos
12 visualizações

Como a Nvidia está usando rede neural no lugar de codecs de vídeo

Carlos L. A. da Silva - 25 de novembro de 2020

Maxine é uma solução de aprendizado de máquina na nuvem que reduz a quantidade de dados transmitidos, deduzindo e gerando as partes que faltam.

4 Responses

  1. O melhor site sem dúvida alguma de programação na internet….DIRETO AO ASSUNTO…

    Parabéns…

    Resposta
  2. Excelente tutorial.
    Mas tenho uma pergunta referente a tag html com o atributo lang, correto para português não seria pt_BR?

    Gostaria de um feedback.

    Resposta
  3. A Unimed-Rio é o resultado de uma trajetória de empreendedorismo.

    https://planosdesaude-rio.com/#contato

    Que teve início há 46 anos quando um grupo de 27 médicos teve a ousadia de criar uma pequena cooperativa.

    https://planosdesauderiodejaneiroestadualenacional.online/#contato

    Para garantir trabalho e remuneração digna para a classe.

    http://sulamerica.planosdesaude-rio.com/contato.html

    Hoje, com cerca de 5 mil sócios e 740 mil clientes em todo Brasil.

    http://bradesco.planosdesaude-rio.com/contato.html

    Integramos o maior sistema de saúde da América Latina, somos líderes do mercado de planos de saúde do Rio de Janeiro.

    http://amil.planosdesaude-rio.com/contato.html

    Estamos entre as 100 Melhores Empresas para se Trabalhar no Brasil

    http://assim.planosdesaude-rio.com/contato.html

    E nos orgulhamos de ser a 6ª Maior Empresa de serviços em nosso país, segundo a publicação Maiores e Melhores da Revista Exame.

    https://planosdesaude-rio.com/#contato

    Criamos nossa rede própria, que hoje conta com dois prontos atendimentos com serviços de urgência e emergência 24h;

    http://sulamerica.planosdesaude-rio.com/contato.html

    O Espaço Para Viver Melhor, onde é realizado o acompanhamento de pacientes com doenças crônicas,

    http://sulamerica.planosdesaude-rio.com/contato.html

    O Centro de Excelência Física, que oferece um conceito inovador para as atividades de condicionamento físico e

    https://planosdesauderiodejaneiroestadualenacional.online/#contato

    Programas de reabilitação cardíaca e postural, o Centro de Excelência Oncológica,

    https://planosdesauderiodejaneiroestadualenacional.online/#contato

    Nova opção de alta qualidade para o tratamento de câncer, e o Hospital Unimed-Rio,

    https://planosdesauderiodejaneiroestadualenacional.online/#contato

    Voltado a procedimentos de alta e média complexidade.

    Resposta

Deixe um Comentário

Your email address will not be published.

Mais publicações

Promoções de Jogos do Final de Semana (20/11)
Notícias
16 visualizações
16 visualizações

Promoções de Jogos do Final de Semana (20/11)

Carlos L. A. da Silva - 20 de novembro de 2020
Top 10 soft skills para desenvolvedores
Artigos
18 visualizações
18 visualizações

Top 10 soft skills para desenvolvedores

Carlos L. A. da Silva - 20 de novembro de 2020
Como detectar um bloqueador de anúncios usando uma linha de Javascript
Dicas
20 visualizações
20 visualizações
Promoções de Jogos do Final de Semana (13/11)
Notícias
26 visualizações
26 visualizações

Promoções de Jogos do Final de Semana (13/11)

Carlos L. A. da Silva - 13 de novembro de 2020