Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • TML Practico

    Cargado por

    Francisco Mendoza Villanueva
    8 vistas4 páginas

    Título original

    Tml Practico

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    8 vistas4 páginas

    TML Practico

    Cargado por

    Francisco Mendoza Villanueva

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 4

    tml practico - Listas y tablas en un

    documento HTML 5
    Que mas puede tener una pagina web? Ademas de titulos, parrafos,
    imagenes, un sitio web puede tener una forma de organizar la informacion en la
    pagina y esto se puede hacer a traves de la listas o las tablas.
    Listas en un documento HTML 5
    Ademas de organizar la informacion en un documento html, las listas
    son imprescindibles en crear menus de navegacion en una pagina web. La lista se
    delimita con las directivas: <ul> ... </ul> y <li> ... </li>. Cada punto que
    queramos aadir a la lista, lo haremos dentro de la etiqueta <li> y su cierre.
    Abrimos nuestra pagina web con el editor html y justo despues del
    segundo parrafo, colocamos una lista utilizando la directiva <ul> y </ul>:
    <ul>
    <li>Nuevas directivas en Html5
    <ul>
    <li>article</li>
    <li>aside</li>
    <li>foter</li>
    <li>nav</li>
    <li>section</li>
    </ul>
    </li>
    </ul>
    Guarda el archivo y visualizalo en el navegador. Tenemos una lista y en
    interior de la lista otra lista, como en este ejemplo. Mira atentamente como los
    primeros <li> engloba segunda lista!
    Tablas en un documento HTML 5
    En versiones anteriores de Html, las tablas eran utilizadas asiduo en la
    mequetacion de los sitios web. Ahora con CSS, esta tecnica ya no se utiliza y las
    tablas vuelven a su funccion: presentar la informacion, especialmente numerica,
    desde la introduccion de las hojas de calculo. El conjunto de una tabla se delimita
    de las directivas <table> ... </table>. Cada tabla est compuesta por filas y
    celdas. Las filas se construyen con la directiva <tr> y las celdas con la directiva
    <td>. Estas dos directivas nu pueden existir una sin otra. Trabajan siempre juntas
    aunque hay que definir una sola fila o celda.
    Vamos a ver como podemos construir una tabla
    Abrimos nuestra pagina web con el editor html y justo despues de la
    lista, colocamos nuestra tabla utilizando el siguiente codigo:
    <table>
    <tr>
    <td>Directivas</td><td>Atributos?</td><td>Directiva nueva?</td>
    </tr>
    <tr>
    <td>aside</td><td>no</td><td>si</td>
    </tr>
    <tr>
    <td>p</td><td>no</td><td>no</td>
    </tr>
    <tr>
    <td>img</td><td>src</td><td>no</td>
    </tr>
    <tr>
    <td>a</td><td>href</td><td>no</td>
    </tr>
    </table>
    Si todo es corecto el codigo entero tiene que quedar asi:
    <!DOCTYPE HTML>
    <html>
    <head>
    <title>Mi primera pagina web</title>
    </head>
    <body>
    <h1>Aprender Html</h1>
    <h2>El maravilloso mundo de Html5</h2>
    <img src="Logo_Html5.png" />
    <p>HTML 5 (HyperText Markup Language, versin 5) es la quinta revisin
    importante del lenguaje bsico de la World Wide Web, HTML. </p>
    <p>HTML 5 establece una serie de nuevos elementos y atributos que
    reflejan el uso tpico de los sitios web modernos. Algunos de ellos son
    tcnicamente similares a las etiquetas &lt;div&gt; y &lt;span&gt;, pero
    tienen un significado semntico, como por ejemplo &lt;nav&gt; (bloque de
    navegacin del sitio web) y &lt;footer&gt;. Otros elementos proporcionan
    nuevas funcionalidades a travs de una interfaz estandarizada, como los
    elementos &lt;audio&gt; y &lt;video&gt;.</p>
    <ul>
    <li>Nuevas directivas en Html5
    <ul>
    <li>article</li>
    <li>aside</li>
    <li>foter</li>
    <li>nav</li>
    <li>section</li>
    </ul>
    </li>
    </ul>
    <table>
    <tr>
    <td>Directivas</td><td>Atributos?</td><td>Directiva nueva?</td>
    </tr>
    <tr>
    <td>aside</td><td>no</td><td>si</td>
    </tr>
    <tr>
    <td>p</td><td>no</td><td>no</td>
    </tr>
    <tr>
    <td>img</td><td>src</td><td>no</td>
    </tr>
    <tr>
    <td>a</td><td>href</td><td>no</td>
    </tr>
    </table>
    <p>Nota: Para informacion detallada sobre Html5, por favor visita la
    pagina web <a href="http://www.showbizreal.com/">ShowbizReal</a>, el
    proiecto <a href="http://www.showbizreal.com/html5/">Html, simple y
    claro</a></p>
    </body>
    </html>
    Guarda el archivo y visualizalo en el navegador. Wow tenemos una
    pagina web, una pagina simple y sin algun formato, pero es una pagina web
    como en esteejemplo

    También podría gustarte