Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Introducción Al HTML

    Cargado por

    CriistianGM0114
    74 vistas12 páginas
    Este documento explica los conceptos básicos de HTML. HTML no es un lenguaje de programación sino un lenguaje de marcado usado para estructurar contenido web. El marcado HTML consiste en envolver texto y otros elementos entre etiquetas. Existen etiquetas para encabezados, párrafos, enlaces, imágenes y otras partes comunes de una página web. La estructura básica de un documento HTML incluye las etiquetas <html>, <head>, <title> y <body>.

    Descripción original:

    Código básico

    Título original

    Introducción al HTML

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

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

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Este documento explica los conceptos básicos de HTML. HTML no es un lenguaje de programación sino un lenguaje de marcado usado para estructurar contenido web. El marcado HTML consiste en envolver texto y otros elementos entre etiquetas. Existen etiquetas para encabezados, párrafos, enlaces, imágenes y otras partes comunes de una página web. La estructura básica de un documento HTML incluye las etiquetas <html>, <head>, <title> y <body>.

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    Descargar como pptx, pdf o txt
    74 vistas12 páginas

    Introducción Al HTML

    Cargado por

    CriistianGM0114
    Este documento explica los conceptos básicos de HTML. HTML no es un lenguaje de programación sino un lenguaje de marcado usado para estructurar contenido web. El marcado HTML consiste en envolver texto y otros elementos entre etiquetas. Existen etiquetas para encabezados, párrafos, enlaces, imágenes y otras partes comunes de una página web. La estructura básica de un documento HTML incluye las etiquetas <html>, <head>, <title> y <body>.

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    Descargar como pptx, pdf o txt
    de 12

    HTML - INTRODUCCIÓN

    Docente

    Herramientas Multimedia

    Medellín, 25 de mayo de 2020.


    ¿Qué es HTML?

    ¿qué es HTML? ¿Es un lenguaje de programación? No, claramente no


    lo es. Es simplemente un lenguaje de marcado (markup language), un
    lenguaje de “etiquetado” de textos y de otros contenidos vinculados. Ese
    marcado de contenidos realizado con etiquetas HTML es la base de toda
    página o aplicación web.
    El marcado HTML

    La primera tarea será marcar los contenidos con las


    etiquetas HTML apropiadas.

    Eso nos ayudará a estructurar nuestros contenidos,


    agregando semántica a nuestras páginas.

    El marcado HTML consiste en envolver textos


    (contenidos) entre etiquetas o marcas.
    Etiquetas HTML

    Las etiquetas, marcas o tags, son letras y números envueltos entre un signo "menor que“ ( < )
    y un signo "mayor que“ ( > ), por ejemplo:

    <h1> Hoy se juega la final del mundial </h1>

    <h2> El partido se televisa a las 22 hs. por canal 7 </h2>

    Existen dos tipos de etiquetas: la etiqueta de apertura “ < > “y la etiqueta de cierre “ </> “(es
    decir, la que va por delante y la que va por detrás del texto que envolvemos entre ambas etiquetas.
    Etiquetas HTML

     Etiqueta de apertura, es formada por un signo "menor que", un nombre de etiqueta, y


    un signo "mayor que". Ejemplo: <title>Contenido.

     Etiqueta de cierre, formada por un signo "menor que", una "barra", el mismo nombre
    de etiqueta que estaba en la apertura, y un signo "mayor que". Ejemplo: </title>

    <title> Contenido </title>

    Etiqueta de apertura Etiqueta de cierre

     Un elemento en el lenguaje HTML es un conjunto formado por tres partes:

    Etiqueta de apertura + Contenido + Etiqueta de cierre


    Estructura de un HTML
    La programación en general y por ende el HTML necesita de un orden. Se debe seguir cierta estructura para que
    sus páginas puedan ser interpretadas correctamente por un navegador.

    Esta etiqueta le indica al navegador el tipo de archivo que va a interpretar el


    <!DOCTYPE html> navegador, en este caso determina que es un documento HTML5.

    <html> Representa la raíz de un documento HTML.

    Provee información general (metadatos) acerca del documento, incluyendo su título y


    <head>
    enlaces a scripts y hojas de estilos.

    <title> </title> Permite determinar el título de un documento HTML.

    </head>

    <body> El Elemento HTML body representa el contenido de un documento HTML. Todos los
    elemento que efectivamente se visualizarán en el navegador estarán dentro del ámbito
    de <body> y </body>.
    </body>

    </html>
    Maquetación HTML
    Etiquetas HTML básicas

    Para demarcar y envolver los grandes bloques o zonas de contenidos de una página web, en HTML5 contamos con
    el concepto clarificador de “sección”. Su punto clave es que la mayoría de los contenidos que se ubican entre la
    apertura y el cierre de la etiqueta body, deberían estar incluidos dentro de alguna etiqueta de sección.

    Es ideal que no existan elementos “sueltos” dentro del body, sino que subdividamos a ese body en secciones, dentro
    de las cuales sí estarán los contenidos propiamente dichos. A su vez, las secciones pueden anidarse dentro de otras
    secciones, formando un esquema en forma de árbol.

    Una sección se define como un conjunto de elementos relacionados, que tienen algo en común, por lo cual merecen
    estar agrupados dentro de un mismo elemento contenedor.
    Etiquetas HTML básicas
    Las etiquetas contenedoras son:

    • <div> división dentro del contenido zonas o bloques en nuestra página, tales como la
    cabecera, el pie de página, el menú, una zona para banners, o una zona para el cuerpo
    principal de la página.
    • <header > Contiene el encabezado de la página, como por ejemplo el banner, slogan o logo
    de la pagina.
    • <section> La etiqueta section se utiliza para englobar contenidos relacionados entre sí
    • <article> Es la etiqueta que debe envolver a cada contenido independiente de una página
    HTML.
    • <aside > El contenido del aside puede referirse a contenido complementario a nivel de sitio
    (enlaces a artículos anteriores, banners).
    • <nav> Esta etiqueta se utiliza para envolver las barras de navegación “importantes” o menús
    que tenga una página.
    • <footer> Es el pie de página, se utiliza para incluir información adicional, como datos de
    contacto del autor de la página.
    Etiquetas HTML básicas
    Hay una serie de etiquetas que son las más usadas para crear cualquier documento HTML.

    • <p> para parágrafos
    • <i> Se usa para aplicar cursiva al formato de un texto.
    • <strong> para poner el texto en negrita
    • <a> para enlaces
    • <br> para saltos de línea
    • <H1>…<H6> para títulos dentro del contenido
    • <img> para añadir imágenes al documento
    • <ol> para listas ordenadas
    • <ul> para listas desordenadas
    • <li> para elementos dentro de la lista
    • <span> para estilos de una parte del texto
    Referencias
    • Beati, H. (2015). HTML5 y CSS3 - Para diseñadores. (1ª Ed.).
    Alfaomega. https://www.alfaomegacloud.com/reader/html5-y-css3-
    para-disenadores?location=23

    • Herrera, E. (2015). Arrancar con html5 - curso de programación. (1ª


    Ed.). Alfaomega. https://www.alfaomegacloud.com/reader/arrancar-
    con-html5-curso-de-programacion?location=39

    También podría gustarte