Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Presentación HTML

    Cargado por

    Sara
    79 vistas7 páginas
    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
    html

    Copyright:

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

    Presentación HTML

    Cargado por

    Sara
    html

    Copyright:

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

    HTML

    Sara Ferrero López


    ¿QUÉ ES EL HTML?
     El HTML es un lenguaje marcado que se utiliza para el desarrollo de
    páginas de Internet. Se trata de la sigla que corresponde a Hyper Text
    Markup Language, es decir, Lenguaje de Marcas de Hipertexto.

     Permite ordenar y etiquetar diversos documentos dentro de una lista.


    Este lenguaje es el que se utiliza para especificar los nombres de las
    etiquetas que se utilizarán al ordenar, no existen reglas para dicha
    organización, por eso se dice que es un sistema de formato abierto.
    ¿PARA QUE SIRVE?
     EL HTML se encarga de desarrollar una descripción sobre los
    contenidos que aparecen como textos y sobre su estructura,
    complementando dicho texto con diversos objetos (como fotografías,
    animaciones, etc).

     Es un lenguaje muy simple y general que sirve para definir otros


    lenguajes que tienen que ver con el formato de los documentos. El
    texto en él se crea a partir de etiquetas, también llamadas tags, que
    permiten interconectar diversos conceptos y formatos.
    ESTRUCTURA DEL HTML
     En una estructura HTML se empieza con la etiqueta <html> y acaba con
    </html>. Todo lo que esté en medio será la página web.
     Dentro de <html></html> se encuentran 2 partes diferenciadas:

    PRIMERA PARTE:
     <head></head> es la cabecera de la página: Aquí se pone el
    título de la página, los metadatos, estilos, código javascript (todo
    esto se estudiará en capítulos venideros). La primera que se
    suele estudiar es <title></title>, que indica el título de la página
    (lo que el navegador pone en la parte superior izquierda).

    SEGUNDA PARTE
     <body></body>. Aquí va propiamente el contenido de la página:
    fotos, párrafos, formularios, etc.
    LAS ETIQUETAS DEL HTML MÁS RELEVANTES (1)
     <title>: para definir el titulo de una página. Importante para el SEO.
     <link> y <style>: ambas van dentro del <head>, y sirven para aplicar
    estilos CSS a nuestro documento. Con <link> vinculamos de forma externa
    un archivo.css, y con <style> podemos escribir directamente código CSS
    dentro del head.
     <h1>, <h2>, <h3>….<h6>: encabezados, numerados del 1 al 6 por orden
    de relevancia El uso de estos encabezados es determinante para el SEO,
    porque es la mejor forma que tienen Google de entender la estructura de
    nuestro contenido y poder saber qué es lo relevante.
     <table>, <tr> y <td>: Las tablas nos permiten representar y ordenar
    cualquier elemento de nuestra presentación en diferentes filas y columnas
    de modo que podamos resumir grandes cantidades de información de una
    manera que puede representarse rápida y fácilmente.
     <div>: es un elemento “contendedor” de otras cosas. Realmente es lo que
    se usa sabiendo manejar un <div style=”loquenecesites”>contenido</div>
    puedes hacer casi todo.
    LAS ETIQUETAS DEL HTML MÁS RELEVANTES (2)
     <a>: para añadir enlaces. Dentro de ella tendremos dos atributos
    importantes, que son: href=”indica_la_URL_o_RUTA” y target=”self o
    _blank”, según quieras que el enlace se abra en la misma página o en una
    pestaña nueva.
     <img> es la etiqueta con la que se insertan las imágenes. Este es uno de
    los pocos casos que no necesita etiqueta de cierre.
     <p>: con esta etiqueta determinamos un texto de párrafo. Se le aplican
    estilos como a todas, el dato relevante de esta etiqueta sería explicar el
    hecho de que añade un salto de línea y otro más al cerrarla con </p>,
    como si diéramos dos veces al “intro”.
    ESQUEMA HTML

    También podría gustarte