EJERCICIO HTML

 

LISTADO DE ETIQUETAS

Etiqueta	Tipo	Qué es
<p>	Etiquetas de texto HTML	Párrafo
<h1>	Etiquetas de texto HTML	Título 1
<h2>	Etiquetas de texto HTML	Título 2
<h3>	Etiquetas de texto HTML	Título 3
<h4>	Etiquetas de texto HTML	Título 4
<h5>	Etiquetas de texto HTML	Título 5
<h6>	Etiquetas de texto HTML	Título 6
<strong>	Etiquetas de texto HTML	Strong
<em>	Etiquetas de texto HTML	Énfasis
<abbr>	Etiquetas de texto HTML	Abreviatura
<address>	Etiquetas de texto HTML	Información de contacto
<bdo>	Etiquetas de texto HTML	Anular la dirección actual del texto
<blockquote>	Etiquetas de texto HTML	Contenido de otra fuente
<cite>	Etiquetas de texto HTML	Título del libro, trabajo o web
<q>	Etiquetas de texto HTML	Cita online
<code>	Etiquetas de texto HTML	Visualizar una parte del código de programación
<ins>	Etiquetas de texto HTML	Texto insertado
<del>	Etiquetas de texto HTML	Texto borrado del documento
<dfn>	Etiquetas de texto HTML	Término definido dentro de una frase
<kbd>	Etiquetas de texto HTML	Entrada del teclado
<pre>	Etiquetas de texto HTML	Texto preformateado
<samp>	Etiquetas de texto HTML	Muestra de salida de un programa informático
<var>	Etiquetas de texto HTML	Nombre de variable utilizado en contexto matemático o de programación
<br>	Etiquetas de texto HTML	Salto de línea sencillo
<div>	Etiquetas de texto HTML	División
<a>	Etiquetas de enlace HTML	Etiqueta de anclaje de un enlace
<base>	Etiquetas de enlace HTML	Url base para todas las Url relativas dentro del documento
<img>	Etiquetas HTML de imagen y objeto	Imagen
<area>	Etiquetas HTML de imagen y objeto	Área de un mapa de imagen
<map>	Etiquetas HTML de imagen y objeto	Mapa de imagen
<param>	Etiquetas HTML de imagen y objeto	Parámetro para un elemento <Objeto>
<object>	Etiquetas HTML de imagen y objeto	Insertar un objeto
<ul>	Etiquetas de lista HTML	Lista desordenada
<ol>	Etiquetas de lista HTML	Lista ordenada
<li>	Etiquetas de lista HTML	Lista
<dl>	Etiquetas de lista HTML	Lista de descripciones
<dt>	Etiquetas de lista HTML	Término en la lista de descripciones
<dd>	Etiquetas de lista HTML	Definición/Descripción de un término en la lista de descripciones

 

CODIGO PARA MENÚ DESPLEGABLE

<style>

#adbnavbar {

    background: #060505;

    width: 960px;

    color: #FFF;

        margin: 0px;

        padding: 0;

        position: relative;

        border-top:0px solid #960100;

        height:35px;

}

#adbnav {

    margin: 0;

    padding: 0;

}

#adbnav ul {

    float: left;

    list-style: none;

    margin: 0;

    padding: 0;

}

#adbnav li {

    list-style: none;

    margin: 0;

    padding: 0;

        border-left:1px solid #333;

        border-right:1px solid #333;

        height:35px;

}

#adbnav li a, #adbnav li a:link, #adbnav li a:visited {

    color: #FFF;

    display: block;

   font:normal 12px Helvetica, sans-serif;    margin: 0;

    padding: 9px 12px 10px 12px;

        text-decoration: none;

}

#adbnav li a:hover, #adbnav li a:active {

    background: #BF0100;

    color: #FFF;

    display: block;

    text-decoration: none;

        margin: 0;

    padding: 9px 12px 10px 12px;

}

#adbnav li {

    float: left;

    padding: 0;

}

#adbnav li ul {

    z-index: 9999;

    position: absolute;

    left: -999em;

    height: auto;

    width: 160px;

    margin: 0;

    padding: 0;

}

#adbnav li ul a {

    width: 140px;

}

#adbnav li ul ul {

    margin: -25px 0 0 161px;

}

#adbnav li:hover ul ul, #adbnav li:hover ul ul ul, #adbnav li.sfhover ul ul, #adbnav li.sfhover ul ul ul {

    left: -999em;

}

/*--www.ayudadeblogger.com

  www.abogadosasociados.com www.volantedeportivo.com Drop Down Menu ----*/

#adbnav li:hover ul, #adbnav li li:hover ul, #adbnav li li li:hover ul, #adbnav li.sfhover ul, #adbnav li li.sfhover ul, #adbnav li li li.sfhover ul {

    left: auto;

}

#adbnav li:hover, #adbnav li.sfhover {

    position: static;

}

#adbnav li li a, #adbnav li li a:link, #adbnav li li a:visited {

    background: #BF0100;

    width: 120px;

    color: #FFF;

    display: block;

    font:normal 12px Helvetica, sans-serif;

    margin: 0;

    padding: 9px 12px 10px 12px;

        text-decoration: none;

z-index:9999;

border-bottom:1px dotted #333;

}

#adbnav li li a:hover, #adbnavli li a:active {

    background: #060505;

    color: #FFF;

    display: block;     margin: 0;

    padding: 9px 12px 10px 12px;

        text-decoration: none;

}

</style>

 

<div id='adbnavbar'>

<ul id='adbnav'>

   <li>

    <a href='/'>Marco teórico</a>

        </li>

        <li>

    <a href='#'>Proceso de Elaboración</a>

       </li>

        <li>

   <a href='#'>Diagramas y planos</a>

      </li>

 <li>

 

  <a href='#'>Impacto y evaluación</a>

         <ul>

         <li><a href='#'>Diseño</a></li>

         <li><a href='#'>Aplicación</a></li>

         <li><a href='#'>Evaluación y prueba</a></li>

         </ul>

    </li>

  </ul>

 </div>