Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Introduccion A HTML

    Cargado por

    Salomon Ojeda Perez
    2 vistas2 páginas

    Título original

    INTRODUCCION A HTML

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    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 PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    2 vistas2 páginas

    Introduccion A HTML

    Cargado por

    Salomon Ojeda Perez

    Copyright:

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

    Anatomía de una etiqueta HTML

    El HTML es un "lenguaje de marcado". Basa su sintaxis en un elemento base al que llamamos marca, tag o simplemente
    etiqueta. A través de las etiquetas vamos definiendo los elementos del documento, como enlaces, párrafos, imágenes, etc.

    La etiqueta presenta frecuentemente dos partes, su apertura y cierre, y se encierran ambas partes entre símbolos "menor que" y
    "mayor que".

    Apertura
    El inicio de una etiqueta se produce de la siguiente manera:
    <etiqueta>

    Cierre
    El final de una etiqueta se produce de manera similar a su apertura, aunque agregando una barra:
    </etiqueta>

    Ejemplo:
    <b>Esto esta en negrita</b>

    Otro ejemplo rápido. La etiqueta P define un párrafo. Si en nuestro documento HTML escribimos:
    <p>Hola, estamos en el párrafo 1</p>
    <p>Ahora hemos cambiado de párrafo</p>

    Como resultado obtendríamos dos párrafos con esos textos. En HTML los párrafos están separados por un doble salto de línea.

    Es importante resaltar que hay etiquetas que no necesitan cierre, por ejemplo:
    <br>, la cual sirve para saltarse un renglón.

    Partes de un documento HTML

    Además de todo esto, un documento HTML ha de estar delimitado por la etiqueta HTML.
    Dentro de este documento, podemos asimismo distinguir dos partes principales:

    • La cabecera, delimitada por la etiqueta HEAD, donde colocaremos etiquetas de índole informativo, como por ejemplo
    el titulo de nuestra página. Así mismo dentro de estas etiquetas se especifican las características de formato y enlaces
    especiales que la página web va a utilizar.
    • El cuerpo, delimitado por la etiqueta BODY, que será donde colocaremos nuestro texto e imágenes y todo el
    contenido de la página web.
    • El Doctype o “Declaración del tipo de documento” es una instrucción especial que va al inicio de nuestro documento
    HTML y que permite al navegador entender qué versión de HTML estamos utilizando, la etiqueta es:
    <!DOCTYPE html>
    • UTF, esta variable permite a los navegadores y sistemas operativos tener compatibilidad con la página web que se desea
    mostrar y se usa con esta etiqueta:
    <meta charset="UTF-8">
    • Propiedad lang. Ésta permite especificar en qué idioma se va a escribir el contenido de la página web, su etiqueta es:
    <html lang=“es”>
    El resultado de un documento básico tiene la siguiente estructura:

    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="UTF-8">
    <title>
    </title>
    </head>
    <body>

    </body>
    </html>
    Importante: Todos los documentos realizados deben ser guardados con la extensión .html, de lo contrario, los navegadores no
    podrán reconocer su contenido.

    También podría gustarte