Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Etiquetas Del HTLM

    Cargado por

    Nathalia Restrepo
    23 vistas15 páginas

    Título original

    Etiquetas-del-HTLM

    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

    Copyright:

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

    Etiquetas Del HTLM

    Cargado por

    Nathalia Restrepo

    Copyright:

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

    ETIQUETAS DE HTLM

    POR:
    NATHALIA RESTREPO
    SHARIK TRULLO
    NATHALIA OBANDO
    ANA MARIA LOPEZ
    ¿ QUÉ SON LAS ETIQUETAS?

    • (Etiqueta (código)) Etiqueta, un aspecto del decoro, es un código que


    gobierna las expectativas del comportamiento social, de acuerdo a las normas
    convencionales dentro de una sociedad, clase social o grupo social. Aunque
    usualmente no está escrita, puede estar codificada en forma escrita. ...
    • Una etiqueta o marca HTML es un código que se incluye en los archivos
    creados con el lenguaje HTML para estructurar, añadir significado o formato
    al contenido a una página web
    ETIQUETAS DE HTML
    <HEAD>, <BODY>, <TITLE> Y <META>

    • <HEAD>
    • El elemento head define la cabecera del documento y contiene información del mismo
    (metadatos, scripts, estilos, ubicación de documentos de estilos, título de la página, etc.).
    • Los elementos <HEAD></HEAD> se colocan inmediatamente después de la apertura de la
    marca <HTML> y cierran el encabezamiento propiamente dicho del documento; es decir toda la
    información que necesita el navegador, el servidor de web y los motores de búsqueda. Se trata
    del primer elemento que lee el navegador y, por ello, es el mejor lugar para insertar sintaxis
    script . Dentro de <HEAD></HEAD> se introduce el título del documento y otros datos. He
    aquí la sintaxis HTML de un documento con los comandos hasta ahora examinados
    • <! DOCTYPE HTML PUBLIC ="-//IETF//DTD HTML 4.0//EN">
    • <HTML>
    • <HEAD></HEAD>
    • </HTML>
    • La cabecera de un documento puede contener las siguientes etiquetas:
    • <title> (obligatoria)
    • <meta>
    • <link>
    • <base>
    • <script>
    • <style>
    CARACTERÍSTICAS DE LAS ETIQUETAS..

    •  Lenguajes de etiquetas
    • Uno de los retos iniciales a los que se tuvo que
    enfrentar la informática fue el de cómo almacenar
    la información en los archivos digitales. Como
    los primeros archivos sólo contenían texto sin
    formato, la solución utilizada era muy sencilla: se
    codificaban las letras del alfabeto y se
    transformaban en números.
    • De esta forma, para almacenar un contenido de
    texto en un archivo electrónico, se utiliza una
    tabla de conversión que transforma cada carácter
    en un número. Una vez almacenada la secuencia
    de números, el contenido del archivo se puede
    recuperar realizando el proceso inverso.
    • *Las etiquetas <head> y <body> forman las dos principales secciones de un documento HTML

    • *Las dos son las etiquetas mas importantes que colocaremos dentro de la etiqueta principal <html>

    Ejemplo
    Código Resultado
    <html> Todo el contenido del documento...
    <head>
    <title>Título del documento</title>
    </head>

    <body>
    Todo el contenido del documento...
    </body>

    </html>

    SINTAXIS

    <head>

    <title>Título del documento</title>

    <base href="http://www.virtualnauta.com/imagenes/">

    </head>
    <BODY>
    • <BODY>

    • La etiqueta <body> define el cuerpo de un documento.

    • Dentro del cuerpo del documento se incluye todo el contenido del mismo, por ej. textos, enlaces, imágenes,
    tablas, etc.

    • Comprende todo el código situado entre las etiquetas <BODY> y </BODY>, su contenido si es visible en la
    ventana del navegador y puede contener los siguientes elementos:

    • Elementos estándares HTML: párrafos, formularios, tablas, listas, etc.

    • Capas definidas mediante etiquetas <div>…</div> o <span>…</span>

    • Codigos de lenguajes en servidor: JSP, Java, ASP, PHP, etc.

    • Objetos incrustados: Applets, animaciones Flahs, etc


    ATRIBUTOS:
    LOS ATRIBUTOS COMÚNMENTE UTILIZADOS DENTRO DE LA ETIQUETA <BODY> SON LOS QUE A CONTINUACIÓN SE
     
    LISTAN:

     bgcolor
    Determina el color del fondo de la página.

     background

    Especifica una imagen determinada para ser usada como fondo de la página.

     text
    Color del texto de la página.

     link
    Color de las ligas o enlaces que contiene la página.

     vlink
    Color de las ligas o enlaces visitadas dentro de la página.

     alink
    Color que aparece al darle clic sobre una liga o enlace.

     topmargin

    Es la distancia en píxeles que existe entre la orilla superior del navegador y el contenido.

     leftmargin

    Es la distancia en píxeles que existe entre la orilla izquierda del navegador y el contenido.

     marginheight
    Tamaño del margen superior e inferior.

     marginwidth
    Tamaño de l margen izquierdo y derecho.
    EJEMPLO
    Ejemplo

    Código Resultado
    <html> Todo el contenido del documento...
    <head>
    <title>Título del documento</title>
    </head>

    <body>
    Todo el contenido del documento...
    </body>

    </html>
    <TITLE>

    • El elemento <TITLE></TITLE> es el más utilizado dentro de la marca


    <HEAD>, dado que sirve para dar título a la página. El título suele ser
    visualizado por los navegadores en la cabecera de página.
    • Esta etiqueta es lo primero que lee el buscador cuando comienza a indexar
    una página web y, por tanto, es lo primero que le aporta información. Por este
    motivo la etiqueta title deberá ser lo más descriptiva posible del contenido de
    la página y contener las palabras clave que deseamos posicionar
    • CARACTERTISTICAS: SINTAXIS
    • Sus principales  
    <head>
    características: <title>Curso introductorio al diseño de páginas Web</title>
    </head>
    • *Ha de ser claro y preciso
    Su extensión de entre 65 y
    70 caracteres.
    • Procure que sea único Ejemplo completo
    para cada una de las Quedando el código completo de nuestro ejemplo de este modo:
    <!DOCTYPE html>
    páginas y que no se repita. <html lang="es">
        <head>
    • Relacionado con el        <title>Título de la página</title>
        </head>
    contenido de la página     <body>
        </body>
    </html>
     
    <META>

    • La etiqueta <meta> se utiliza para añadir información sobre la página. Esta información puede ser
    utilizada por los buscadores.
    • Los buscadores consultan la información de la etiqueta <meta> de las páginas, buscando
    coincidencias con lo que el usuario pretende encontrar.
    • A través de esta etiqueta pueden especificarse los atributos name y content. El atributo name
    indica el tipo de información, y el atributo content indica el valor de dicha información.
    • Para indicar el tipo de información podemos utilizar cualquier palabra que deseemos, como puede
    ser "Autor", "Palabras clave", "Descripción", etc. Pero debido a que la mayoría de buscadores
    están en inglés, es preferible que el tipo de información se especifique en inglés.
    LOS TIPOS DE INFORMACIÓN MÁS UTILIZADOS
    SON LOS SIGUIENTES:

    Tipo Significado

    author Autor de la página

    classification Palabras para clasificar la página en los buscadores

    description Descripción del contenido de la página

    generator Programa utilizado para crear la página

    keywords Palabras clave


    • EJEMPLOS:
    • Por ejemplo, el siguiente código indica que el autor de la página es aulaclic, que la
    página trata sobre un curso de HTML gratuito, y especifica algunas palabras clave
    a ser consultadas por los buscadores:
    • <html>
    <head>
    ...
    <meta name="author" content="aulaclic">
    <meta name="description" content="Curso de HTML gratuito">
    <meta name="keywords" content="código HTML etiqueta página web gratis
    curso">
    </head>
    ...
    • 

    También podría gustarte