Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Ejemplo de Etiquetas

    Cargado por

    Moises Tu Angelito
    104 vistas5 páginas
    El documento describe las principales etiquetas de HTML para estructurar el contenido de una página web. Algunas etiquetas clave son <!DOCTYPE> para definir el tipo de documento, <html> para representar la raíz del documento, <head> para metadatos, y <body> para el contenido principal. Otras etiquetas comunes incluyen <h1>-<h6> para titulares, <p> para párrafos, <ul> y <ol> para listas, y <a> para enlaces.

    Descripción original:

    Título original

    ejemplo de etiquetas.docx

    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
    El documento describe las principales etiquetas de HTML para estructurar el contenido de una página web. Algunas etiquetas clave son <!DOCTYPE> para definir el tipo de documento, <html> para representar la raíz del documento, <head> para metadatos, y <body> para el contenido principal. Otras etiquetas comunes incluyen <h1>-<h6> para titulares, <p> para párrafos, <ul> y <ol> para listas, y <a> para enlaces.

    Copyright:

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

    Ejemplo de Etiquetas

    Cargado por

    Moises Tu Angelito
    El documento describe las principales etiquetas de HTML para estructurar el contenido de una página web. Algunas etiquetas clave son <!DOCTYPE> para definir el tipo de documento, <html> para representar la raíz del documento, <head> para metadatos, y <body> para el contenido principal. Otras etiquetas comunes incluyen <h1>-<h6> para titulares, <p> para párrafos, <ul> y <ol> para listas, y <a> para enlaces.

    Copyright:

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

    1. <!

    DOCTYPE>
    Este se utiliza al principio de la pgina para decirle al navegador que estamos
    trabajando bajo los estndares de HTML5.
    Es importante o ms bien recomendable que no le preceda espacios o lneas,
    este debe de ser nuestra primera lnea de cdigo html
    <!DOCTYPE html>
    2. <html>
    Representa la raz de un documento HTML o XHTML. Todos los
    dems elementos deben ser descendientes de este elemento.
    En este ejemplo se le agrega el atributo lang, de lenguaje para
    especificarle al navegador que esta pgina traer el idioma espaol
    por defecto.
    <html lang="es">

    3. <meta/>
    Define los metadatos que no pueden ser definidos usando otro elemento
    HTML.
    <meta charset=iso-8859-1/>
    En este caso, tenemos la etiqueta <meta/> con el atributo charset que
    fignifica charater set para que reconosca los caracteres Unicode de los
    distintos idiomas.
    4. <title>
    Define el ttulo del documento, el cual se muestra en la barra de ttulo del
    navegador o en las pestaas de pgina. Solamente puede contener texto y
    cualquier otra etiqueta contenida no ser interpretada.
    <title>programacin html</title>
    en este ejemplo decimos que el titulo de nuestra pagina ser programacin
    html
    5. <link>
    Usada para enlazar JavaScript y CSS externos con el documento HTML
    actual.
    <link rel="stylesheet"=href="mihojadeestilos.css"/>
    En este ejemplo estamos enlazando nuestra pgina html con una archivo
    externo css, donde rel significa relativo y stylesheet nos dice a que tipo de
    archivo nos estamos relacionando y href nos especifica la futa del archivo.

    6. <head>
    Representa una coleccin de metadatos acerca del documento, incluyendo
    enlaces a, o definiciones de, scripts y hojas de estilo.
    <head>
    <meta charset="iso-8559-1"/>
    <meta name="description" content="pagina de ensenanza html
    5"/>
    <meta name="keywords" content="html5, css3, javascript,
    diseno web"/>
    <title> Pagina de programacion en html5</title>
    <link rel="stylesheet"=href="mihojadeestilos.css"/>
    </head>

    Este contenido no se visualiza en la pagina web, la informacin que contiene


    esta etiqueta ser utilizado por los buscadores web y contienen informaciones
    de nuestra pagina.

    7. <body>
    Representa el contenido principal de un documento HTML. Solo hay un elemento <body>
    en un documento.

    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="iso-8859-1">
    <meta name="description" content="Ejemplo de HTML5">
    <meta name="keywords" content="HTML5, CSS3,
    JavaScript">
    <title>Este texto es el ttulo del documento</title>
    <link rel="stylesheet" href="misestilos.css">
    </head>
    <body>
    <header>
    <h1>Este es el ttulo principal del sitio web</h1>
    </header>
    </body>
    </html>

    8. <h1>
    Los elemento de cabecera implementan seis niveles de cabeceras de documentos; <h1>
    es la de mayor y <h6> es la de menor impotancia. Un elemento de cabecera describe
    brevemente el tema de la seccin que introduce.

    <h1>Titulo de la pgina</h>
    En esta etiqueta Titulo de la pgina es el ttulo que se ver desde la pgina.
    Se recomienda tener un solo <h1> por pagina web
    <header>
    Define la cabecera de una pgina o seccin. Usualmente contiene un logotipo, el ttulo del
    sitio Web y una tabla de navegacin de contenidos.

    <header>
    <h1>Este sera el ttulo de nuestra pgina web</h1>
    </header>

    9. <p>
    Define una parte que debe mostrarse como un prrafo.
    <p>
    Define una parte que debe mostrarse como un prrafo.
    </p>

    10. <li>
    Define un artculo de una lista ennumerada.

    <li>Nosotros</li>
    11. <ul>
    Define una lista de artculos sin orden.

    <ul>
    <li>Quienes somos</li>
    <li>Nuestros productos</li>
    <li>Contctanos</li>
    <li>Precios</li>
    </ul>

    12. <ol>
    Define una lista ordenada de artculos

    <ol>
    <li>Quienes somos</li>
    <li>Nuestros productos</li>
    <li>Contctanos</li>
    <li>Precios</li>
    </ol>

    13. <nav>
    Define una seccin que solamente contiene enlaces de navegacin

    <nav>
    <ul>
    <li>Quienes somos</li>
    <li>Nuestros productos</li>
    <li>Contactanos</li>
    <li>Precios</li>
    </ul>
    </nav>
    14. <blockquote>
    Representa una contenido citado desde otra fuente.

    <blockquote>Un elemento</blockquote>

    15. <aside>
    Define algunos contenidos vagamente relacionados con el resto del contenido de la
    pgina. Si es removido, el contenido restante seguir teniendo sentido

    <aside>
    <blockquote>Primer elemento</blockquote>
    <blockquote>Segundo elemento</blockquote>
    <blockquote>Tercer elemento</blockquote>
    </aside>

    16. <hgroup>
    Se utiliza para agrupar ms de una etiqueta <h> dentro de un mismo
    alticulo
    <hgroup>
    <h2> Titulo de la noticia 1</h2>
    <h3>Subtitulo de la noticia 1</h3>
    </hgroup>
    17. <article>: Define contenido autnomo que podra existir independientemente del
    resto del contenido.

    <article>
    <header>
    <h2>Titulo la noticia 2 </h2>
    </header>
    </artitle>
    18.
    <footer>: Define el pie de una pgina o seccin. Usualmente contiene un
    mensaje de derechos de autora, algunos enlaces a informacin legal o
    direcciones para dar informacin de retroalimentacin.
    <footer>
    <small>Derechos reservados</small> <address>Tfno:829-3246180</address>
    </footer>
    19. <em>: Representa un texto enfatizado, como un acento de intensidad.

    <p>Seguimos hablando de la <em>noticia 1</em></p>


    20. <cite>: Representa el ttulo de una obra.

    <p>
    Una de las pelculas ms larga de la historia del cine es
    <cite>Lo que el viento se llevo</cite>
    </p>

    También podría gustarte