Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 64 vistas

    Prog Web

    Cargado por

    Jordy Vera
    Este documento proporciona una introducción a la estructura básica de HTML y los metadatos. Explica que una página HTML consta de las secciones <head> y <body>, siendo <head> la cabecera que contiene el título y metadatos y <body> el contenido visible. Luego describe algunos metadatos comunes como <description> y <keywords> y finalmente resume las principales etiquetas HTML con atributos.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd

    Prog Web

    Cargado por

    Jordy Vera
    64 vistas3 páginas
    Este documento proporciona una introducción a la estructura básica de HTML y los metadatos. Explica que una página HTML consta de las secciones <head> y <body>, siendo <head> la cabecera que contiene el título y metadatos y <body> el contenido visible. Luego describe algunos metadatos comunes como <description> y <keywords> y finalmente resume las principales etiquetas HTML con atributos.

    Descripción original:

    xd

    Título original

    prog Web

    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?

    Este documento proporciona una introducción a la estructura básica de HTML y los metadatos. Explica que una página HTML consta de las secciones <head> y <body>, siendo <head> la cabecera que contiene el título y metadatos y <body> el contenido visible. Luego describe algunos metadatos comunes como <description> y <keywords> y finalmente resume las principales etiquetas HTML con atributos.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    64 vistas3 páginas

    Prog Web

    Cargado por

    Jordy Vera
    Este documento proporciona una introducción a la estructura básica de HTML y los metadatos. Explica que una página HTML consta de las secciones <head> y <body>, siendo <head> la cabecera que contiene el título y metadatos y <body> el contenido visible. Luego describe algunos metadatos comunes como <description> y <keywords> y finalmente resume las principales etiquetas HTML con atributos.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    Está en la página 1de 3

    Nombre: Jeordy Vera Balón

    Fecha:20/11/18

    Curso:7/1 Informática

    PROGRAMACION WEB

    Estructura básica de HTML

    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.
    La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es
    directamente el contenido 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).

    La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos,


    párrafos, formularios, etc.

    Metadatos

    Los Metadatos son elementos HTML que muestran información sobre la propia página web
    que los contiene. Son usados por los buscadores para definir la información principal de
    nuestra web (temática, descripción), por lo que será muy importante que lo tengamos
    correctamente configurados.

    Estos elementos meta se encontrarán en el head del código de la web.

    Vamos a hacer un repaso de los elementos meta más comunes, no los veremos todos:

     Description: contiene una descripción resumida sobre la información que contiene la


    página que estamos cargando. Es el elemento más importante de cara al
    posicionamiento, ya que Google y otros buscadores lo suelen utilizar para ser
    mostrado en los resultados de búsqueda.
     Keywords: contiene, separadas por comas, las palabras clave relacionadas con el
    contenido de la página. Un ejemplo podría ser “coches, coches deportivos, coches de
    lujo”. Aunque en su momento esta etiqueta tuvo importancia, actualmente
    buscadores como Google ignoran esta información, ya que solía ser utilizada para
    incluir datos no relacionados con la página.
     Author: información sobre el autor de la página web. Se podría entender como el
    contacto administrativo de la web.
     Copyright: información sobre el copyright de la página.
     Generator: indica con qué herramienta se ha desarrollado la página, si es que se ha
    utilizado alguna en específico. Por ejemplo, un valor para este elemento podría ser
    “WordPress 4.3.1”.
     Robots: con esta etiqueta podremos definir las acciones que pueden tomar los robots
    de los motores de búsqueda en nuestra página web. Con valores como INDEX,
    NOINDEX, FOLLOW, NOFOLLOW se les puede indicar a estos robots que indexen o no
    la página, o que recorran o no los enlaces que encuentre en una determinada página.
    Principales etiquetas con atributos

    id = "texto" Establece un identificador único a cada elemento dentro de una página HTML

    class = "texto" Establece la clase CSS que se aplica a los estilos del elemento

    style = "texto" Establece de forma directa los estilos CSS de un elemento

    title = "texto" Establece el título a un elemento (mejora la accesibilidad y los navegadores lo


    muestran cuando el usuario pasa el ratón por encima del elemento)

    dir Indica la dirección del texto (útil para los idiomas que escriben de derecha a
    izquierda)

    lang = "codigo de idioma" Indica el idioma del elemento mediante un código predefinido

    xml:lang = "codigo de idioma" Indica el idioma del elemento mediante un código predefinido

     ATRIBUTOS DE EVENTOS

    onclick Ejecuta la acción cuando se realiza un clic sobre el elemento

    ondblclick Ejecuta la acción cuando se realiza un doble clic sobre el elemento

    onmousedown Ejecuta la acción cuando se detecta el botón pulsado del ratón

    onmouseup Ejecuta la acción cuando se detecta que se ha soltado el botón del ratón
    onmousemove Ejecuta la acción cuando se detecta el movimiento del ratón sobre el elemento

    onmouseout Ejecuta la acción cuando el ratón abandona el elemento

    onmouseover Ejecuta la acción cuando se detecta que el ratón se sitúa sobre el elemento

    También podría gustarte