Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Ejemplo

    Cargado por

    The Nob Master
    10 vistas4 páginas

    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
    10 vistas4 páginas

    Ejemplo

    Cargado por

    The Nob Master

    Copyright:

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

    ¿Qué es HTML en realidad?

    HTML no es un lenguaje de programación; es un lenguaje de marcado que define la


    estructura de tu contenido. HTML consiste en una serie de elementos que usarás para
    encerrar diferentes partes del contenido para que se vean o comporten de una
    determinada manera. Las etiquetas de encierre pueden hacer de una palabra o una
    imagen un hipervínculo a otro sitio, se pueden cambiar palabras a cursiva, agrandar o
    achicar la letra, etc. Por ejemplo, toma la siguiente línea de contenido:
    Soy el mejor inge
    Si quieres especificar que se trata de un párrafo, podrías encerrar el texto con la etiqueta
    de párrafo (<p>):
    <p> Soy el mejor inge <p>
    Las partes principales del elemento son:

    La etiqueta de apertura:
     consiste en el nombre del elemento (en este caso, p), encerrado por paréntesis
    angulares (< >) de apertura y cierre. Establece dónde comienza o empieza a tener
    efecto el elemento —en este caso, dónde es el comienzo del párrafo—.
     La etiqueta de cierre: es igual que la etiqueta de apertura, excepto que incluye una
    barra de cierre (/) antes del nombre de la etiqueta. Establece dónde termina el
    elemento —en este caso dónde termina el párrafo—.
     El contenido: este es el contenido del elemento, que en este caso es sólo texto.
     El elemento: la etiqueta de apertura, más la etiqueta de cierre, más el contenido
    equivale al elemento.
    Un atributo debe tener siempre:
     Un espacio entre este y el nombre del elemento (o del atributo previo, si el
    elemento ya posee uno o más atributos).
     El nombre del atributo, seguido por un signo de igual (=).
     Comillas de apertura y de cierre, encerrando el valor del atributo.
    Anatomía de un documento HTML
    Hasta ahora se ha visto lo básico de elementos HTML individuales, pero estos no son muy
    útiles por sí solos. Ahora verás cómo los elementos individuales son combinados para
    formar una página HTML entera. Vuelve a visitar el código de tu ejemplo en index.html
    (que viste por primera vez en el artículo Manejo de archivos):
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Mi pagina de prueba</title>
    </head>
    <body>
    <img src="images/firefox-icon.png" alt="Mi imagen de prueba">
    </body>
    </html>

    Estructura básica de un documento HTML


    Finalmente, completaremos el código de este primer ejemplo añadiendo:

    <!DOCTYPE html>

    <html lang="es-ES">

    <head>

    <meta charset="utf-8">

    <title>Ejemplo de 2 párrafos</title>

    </head>

    <body>

    <p>Esto es un párrafo.</p>

    <p>Esto es otro párrafo.</p>

    </body>

    </html>
     <!DOCTYPE html> en la primera línea. Esta es la forma de indicar al navegador
    donde se visualice el documento que este está escrito en la versión HTML5.

     lang="es-ES" en la etiqueta de inicio <html>. Esto sirve para especificar, mediante


    el atributo lang, el idioma del contenido del elemento "html". En este caso español
    (España). Otros posibles valores del atributo lang son: "es-AR" para español
    (Argentina), "es-CO" para español (Colombia), "es-MX" para español (México), etc.

     <meta charset="utf-8"> dentro del elemento "head". Así, se indica la codificación


    de caracteres del documento, en esta ocasión UTF-8 (8-bit Unicode Transformation
    Format, Formato de Transformación Unicode de 8 bits). Obsérvese que, el
    elemento "meta" está vacío (no tiene contenido) y, en consecuencia, no necesita
    ser cerrado escribiendo </meta>.

    El resultado sería el esperado. Ahora bien, si se guardase codificado en ANSI en vez de


    UTF-8, en pantalla se visualizaría algo parecido a:

    También podría gustarte