Hola, acabo de terminar el curso de html y estoy aprendiendo mucho, alguien puede perder un poco de su tiempo conmigo y decirme que esta bien y que esta mal en la pagina que estoy construyendo?, por ahora solo la he realizado en HTML5, ahora voy a continuar con el curso de estilos CSS, pero queria saber si voy bien o me he equivocado en algo, o como se podria mejorar...
Este es el codigo que he realizado mientras hacia el curso.
!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Tiutlo de la pagina</title>
<meta name="Desscription" content="Descriccion de la pagina">
<meta name="keywords" content="palabras clave de la pagina" />
</head>
<body>
<div id="centrado">
<!--CABECERA-->
<header>
<hgroup>
<img src="ima/logo.png" width="80px" height="80" alt="Cerrajeros a domicilio">
<h1>Titularh1</h1>
<h2>Titularh2</h2>
<a href="#seccion1" title="vaya a la seccion 1">Sección1</a>
<a href="#seccion2" title="vaya a la seccion 2">Sección 2</a>
</hgroup>
</header>
<!--ESTO ES EL CUERPO-->
<div ="contenido">
<nav>
((MENU DE NAVEGACION))
</nav>
<section id="centro">
<hgroup>
<h1>Titular h1</h1>
<a name="seccion1"></a>
<h2>Titularh2</h2>
</hgroup>
<article><p>Texto1</p>
<p>texto2</p>
<p>texto3</p>
<p>texo4</p>
<p>texto5</p>
<p>texto6.<a href="formulario.html" target="_blank" title="Formulario de contacto"> Solicite asistencia</a></p>
</article></section>
<a name="seccion2"></a>
<hgroup>
<h1>Titular h1</h1>
<h2>Titular h2</h2>
</hgoup>
<article><p>Texto 1 seccion 2</p>
<p>Texto 2 seccion 2<a href="Formulario.html" target="_blank" title="Formulario de contacto"> Contacte con nosotros</a></p></article>
<img src="ima/imagendeejemplo.jpg" width="222px" height="222" alt="Las mejores casas">
<ul>
<li>servicio 1</li>
<li>servicio 2</li>
<li>servicio 3</li>
<li>servicio 4</li>
<li>servicio 5</li>
<li>servicio 6</li>
<li>servicio 7</li>
<li>servicio 8</li>
<li>servicio 9</li>
<li>servicio 10</li>
<li>servicio 11</li>
<li>servicio 12</li>
</ul>
<!--MENU-->
<nav>
<ul>
<li><a href="formulario.html">Formulario de contacto</a></li>
</ul>
</nav>
<!--AQUI EMPIEZA EL PIE DE PAGINA-->
<footer>
<section id="contacto">((AQUI VOY A PONER ENLACES A LAS REDES SOCIALES))</section>
<section id="enlaces">((MAPA WEB Y POLITICAS))</section>
</footer>
</body>
</html>
Bueno a ver que tal la valoracion..
Un saludo
Este es el codigo que he realizado mientras hacia el curso.
!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Tiutlo de la pagina</title>
<meta name="Desscription" content="Descriccion de la pagina">
<meta name="keywords" content="palabras clave de la pagina" />
</head>
<body>
<div id="centrado">
<!--CABECERA-->
<header>
<hgroup>
<img src="ima/logo.png" width="80px" height="80" alt="Cerrajeros a domicilio">
<h1>Titularh1</h1>
<h2>Titularh2</h2>
<a href="#seccion1" title="vaya a la seccion 1">Sección1</a>
<a href="#seccion2" title="vaya a la seccion 2">Sección 2</a>
</hgroup>
</header>
<!--ESTO ES EL CUERPO-->
<div ="contenido">
<nav>
((MENU DE NAVEGACION))
</nav>
<section id="centro">
<hgroup>
<h1>Titular h1</h1>
<a name="seccion1"></a>
<h2>Titularh2</h2>
</hgroup>
<article><p>Texto1</p>
<p>texto2</p>
<p>texto3</p>
<p>texo4</p>
<p>texto5</p>
<p>texto6.<a href="formulario.html" target="_blank" title="Formulario de contacto"> Solicite asistencia</a></p>
</article></section>
<a name="seccion2"></a>
<hgroup>
<h1>Titular h1</h1>
<h2>Titular h2</h2>
</hgoup>
<article><p>Texto 1 seccion 2</p>
<p>Texto 2 seccion 2<a href="Formulario.html" target="_blank" title="Formulario de contacto"> Contacte con nosotros</a></p></article>
<img src="ima/imagendeejemplo.jpg" width="222px" height="222" alt="Las mejores casas">
<ul>
<li>servicio 1</li>
<li>servicio 2</li>
<li>servicio 3</li>
<li>servicio 4</li>
<li>servicio 5</li>
<li>servicio 6</li>
<li>servicio 7</li>
<li>servicio 8</li>
<li>servicio 9</li>
<li>servicio 10</li>
<li>servicio 11</li>
<li>servicio 12</li>
</ul>
<!--MENU-->
<nav>
<ul>
<li><a href="formulario.html">Formulario de contacto</a></li>
</ul>
</nav>
<!--AQUI EMPIEZA EL PIE DE PAGINA-->
<footer>
<section id="contacto">((AQUI VOY A PONER ENLACES A LAS REDES SOCIALES))</section>
<section id="enlaces">((MAPA WEB Y POLITICAS))</section>
</footer>
</body>
</html>
Bueno a ver que tal la valoracion..
Un saludo