Desabilite seu adblock e script blocker para visualizar esta página

html5 – Estrutura Básica

html5 – Estrutura Básica

Postado em Estudos, html5   - Tags

Estrutura básica de html5, para facilitar um pouco nossa vida, deixo abaixo 2 modelos de base para a criação de um documento HTML 5, o primeiro é simples e conta somente com a estrutura html padrão (html5) e um outro um pouco mais completo já com tags:

<header>, <nav>, <section>, <article>, <aside> e <footer>

Básico html5

O código abaixo considera as pastas /js “javascript”, /css “css – estilo”, /img “imagem” e a estrutura básica do html5;

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="...">
    <meta name="keywords" content="...">
    <meta name="author" content="...">
    <title>Título da Página ...</title>
    <link href="css/seu-stylesheet.css" rel="stylesheet" />
    <script src="js/seu-script.js"></script>
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
</head>
<body>
    <h1>Olá Mundo!</h1>
    <p class="txt_titulo">Esta é minha primeira página.</p>
</body>
</html>