Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Si385 LMM Mod3 HTML Foundations v1

    Cargado por

    Natanael David Soto Salis
    6 vistas22 páginas

    Título original

    2.- Si385 Lmm Mod3 HTML Foundations v1

    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
    6 vistas22 páginas

    Si385 LMM Mod3 HTML Foundations v1

    Cargado por

    Natanael David Soto Salis

    Copyright:

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

    HTML FOUNDATION

    Objetivo

    HTML

    Best practices

    Resumen

    Referencias

    PDF descargable
    16

    Objetivo

    Al finalizar la unidad de aprendizaje, el estudiante desarrollará Responsive Web


    Interfaces con contenido está co, u lizando HTML, CSS y JavaScript, considerando
    principios y elementos de diseño visual, así como heurís cas de Informa on
    Architecture, Usability e Inclusive Design.
    26

    HTML

    Hyper Text Markup L anguage


    Lenguaje de marcas compuesto por e quetas para especificar documentos web. En
    las siguientes secciones, se abordarán algunas de las caracterís cas fundamentales
    del lenguaje HTML.

    ¿Qué es HTML?

    Es un lenguaje de marcas u lizado para el desarrollo de páginas web. Ha sido


    establecido como estándar de diseño web por el W3C.
    Define la estructura y contenido que debe tener una web. No define el es lo
    visual que tendrá; para eso se usará CSS.

    Sobre HTML se desarrollan tecnologías para facilitar a los usuarios el diseño de una
    web.

    Concepto de elemento HTML

    Los elementos son componentes fundamentales de HTML, cuentan con 2


    propiedades básicas:
    Atributos

    Contenido

    En general, se conforman con una e queta de apertura y otra de cierre. Los


    atributos se colocan dentro la e queta de apertura, y el contenido se coloca
    entre la e queta de apertura y la de cierre.

    Estructura base de un documento html


    Aquí se aprecian los elementos que definen la estructura básica de un documento
    HTML.

    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset=“utf-8” />
    <title>My first website</title>
    <!– Encabezado de la web. Aquí se incluirá la metainformación y se cargarán
    </head>
    <body>
    <!–Cuerpo de la web. Aquí se escribirá el contenido-->
    </body>
    </html>

    LA S E C C IÓN < HE A D > LA S E C C IÓN < BODY >

    Con ene metainformación de la página.

    Se establece el tulo y las palabras clave para los buscadores.

    Se incluyen hojas de es lo (CSS) a u lizar en la página.

    Se puede introducir código JavaScript a usar en nuestra página.


    LA S E C C IÓN < HE A D > LA S E C C IÓN < BODY >

    Alberga el "contenido" real de la página.

    Establece cómo se visualizan los elementos.

    Hace uso de los scripts y hojas de es lo definidos en la sección <head>.

    Dentro de la e queta <body> se ene a la disposición todos los tags disponibles


    para maquetar la página.
    En la sección <head>, se puede colocar información que, si bien no es
    visible como contenido del documento, resulta muy importante para
    otros fines. Por ejemplo, para el posicionamiento en los buscadores, o
    la manera como se visualiza el documento en pantallas de disposi vos
    dis ntos a una computadora de escritorio.

    La sección <body> determina el conjunto de elementos que forman


    parte del contenido del documento, es decir, aquello que se mostrará
    en el browser.
    1

    Los heading tags permiten establecer tulos o sub tulos que se desean mostrar en
    la webpage. Los headings se establecen con los tags <h1> hasta <h6>, siendo <h1>
    el más importante y <h6> el menos importante. Los buscadores u lizan los headings
    para indexar la estructura y contenido del webpage.
    2

    Un paragraph (párrafo) siempre inicia en una nueva línea y es normalmente un


    bloque de texto. El browser se encarga automá camente de agregar márgenes
    antes y después del párrafo.
    3

    Las unordered lists (listas no ordenadas) inician con el <ul> tag. Cada list item inicia
    con el <li> tag. Por defecto, el browser marca con bullets (viñetas) cada elemento de
    la lista.
    4

    Una ordered list (lista ordenada) inicia con el <ol> tag. Cada elemento de la lista
    inicia con el <li> tag. El browser marca cada elemento de la lista con un número
    secuencial.

    Los links se encuentran en casi


    todas las páginas. Al hacer click
    en un link, el browser nos lleva a
    otro documento. Cuando mueve
    el mouse por sobre un link, el
    puntero del mouse pasa de la
    forma de flecha a la forma de

    1 of 4

    El atributo href indica el des no.


    El atributo soporta tanto rutas
    absolutas como rela vas.

    2 of 4

    El atributo target especifica


    dónde se abrirá el documento.

    _self: Abre el documento en


    la misma ventana/tab donde
    se hizo click. Es el
    comportamiento por
    defecto.
    3 of 4

    Aquí se aprecia un documento


    que combina varios elementos
    que hemos revisado. ¿Cuáles
    reconoces?

    4 of 4
    36

    Best practices

    A con nuación se deja un link para tu lectura.

     Fuente: https:// www.w3schools.com/html/html5_syntax .asp


    46

    Resumen

    El HTML es un lenguaje de marcas u lizado para el desarrollo de páginas


    web. Ha sido establecido como estándar de diseño web por el W3C.

    Sobre HTML se desarrollan tecnologías para facilitar a los usuarios el diseño


    de una web.
    Los elementos son componentes fundamentales de HTML, cuentan con 2
    propiedades básicas: atributos y contenido.
    56

    Referencias

    h ps://www.w3schools.com/html/

    h ps://developer.mozilla.org/en-
    US/docs/Learn/HTML/Introduc on_to_HTML

    h ps://www.learn-html.org/
    h ps://learn.shayhowe.com/
    66

    PDF descargable

    SI 385_ LMM_ MOD 3_ FRONTEND HTML FOUND ATI ON_ V1.pd f

    6.8 MB

    Material producido por la Universidad Peruana de Ciencias Aplicadas

    Autor: Ángel Augusto Vasquez Nuñez

    SALIR

    UPC, 2021.

    También podría gustarte