sábado, 20 de abril de 2013

Ejemplo de Código HTML5

Ejemplo básico del código HTML5,  la línea de <link href= .....   >  se refiere a la hoja de estilo que se debe crear en archivo separado y se llama en este ejemplo style.css
El archivo de CSS se puede hacer con un simple editor o con el Dreamweaver (archivo   nuevo / css) y es donde se define todo : márgenes, letra Font, letra tamaño, color de letra, color de fondo, imágenes, bordes y muchísimas cosas más.   Que llega por ejemplo hacer contornos redondeados, sombreados, con movimientos, etc.


<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>

<link href="css/style.css" rel="stylesheet" type="text/css" media="all">

</head>

<body>
   
  <header id="mainHeader">
            <img src="imagenes/logo.jpg" alt="Logo">
  </header> <!-- Fin del header principal -->
       
              
  <aside id="sidebar">
   <nav id="mainNav">
         <ul>
             <li><a href="index.html">Inicio</a></li>
                <li><a href="equipos.html">Equipos</a></li>
                <li><a href="repuestos.html">Repuestos</a></li>
                <li><a href="asesoria.html">Asesoria</a></li>
                <li><a href="capacitacion.html">Capacitacion</a></li>
                <li><a href="contactanos.html">Contactanos</a></li>
            </ul>
       </nav> <!-- fin de mainNav -->
  </aside>
       
  <section id="mainContent">
       <H3> CONTENIDO LADO DERECHO INFORMACION </H3>
        Lorem ipsum dolor sit amet, an discere qualisque definitionem sit. Est id dicunt aliquando. Duo ut quem quando ponderum, mei errem contentiones no, nam illum delicata eu. Mel cu facer dolore omnesque, copiosae nominati sit eu.
  </section>
 
  <div id="borrarFloat>
  </div>
    
  <footer id="mainFooter">
    Direccion de la Empresa xxxxx
    Lima - Peru
    Telefonos :      
  </footer>
  
  
</body>
</html>

No hay comentarios.:

Publicar un comentario