Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • HTML Diapositivas

    Cargado por

    Andres Mateus
    25 vistas15 páginas

    Título original

    HTML-DIAPOSITIVAS

    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
    25 vistas15 páginas

    HTML Diapositivas

    Cargado por

    Andres Mateus

    Copyright:

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

    Lenguaje

    HTLM.
    Angie Tatiana Jaimes Castillo
    ¿Qué es el lenguaje HTML?

    Es el componente mas básico de la web. Define el significado y la estructura del contenido web.“
    hipertexto” hace referencia a los enlaces que conectan a las paginas web entre si, ya sean dentro de
    un sitio web o dentro de sitios web. Aunque al principio el texto predominaba en el WWW, en la
    actualidad las imágenes son mayoría como podemos observar en la siguiente imagen
    Caracteristicas del lenguaje HTLM
    • El web tiene que ser distribuido: la información repartida en paginas no muy grandes
    entrelazadas entre si
    • El web tenia que ser hipertexto y poder navegar fácil en el
    • Tenia que ser compatible con todo tipo de ordenadores, es decir multiplataforma (PCs,
    Macintosh, estaciones de trabajo…) y con todo tipo de sistemas operativos (Windows,
    MSDOS, UNIX, MAC-OS…)
    • Debía ser dinámico: el proceso de cambiar y actualizar la información debia ser ágil y
    rápido

    Estas características fueron las que marcaron el diseño de todos los elementos de WWW
    incluida la programación de paginas web. Como respuesta a todos estos requisitos se creo el
    lenguaje HTML cuyas siglas significan: “lenguaje hipertexto de marcas”

    Este lenguaje será el encargado de convertir un inocente archivo de texto inicial a una pagina
    web con diferentes tipos y tamaños de letras, con imágenes impactantes, animaciones
    sorprendentes, formularios interactivos, etc.
    ¿Como funciona el lenguaje HTML?
    El lenguaje opera en base a marcadores escritos, (que aparecen entre comillas angulares: <HTML>), a
    partir de las cuales se cifran la apariencia y orden interno de una pagina web, así como los scripts o
    rutinas que operan dentro de ellas
    ¿Que se necita para crear una pagina web?
    Lo único para escribirlo es un editor de texto como el que acompañan a todos los sistemas
    operativos: edit. MSDOS, block de notas en Windows, etc. Por su puesto estos no son los únicos
    editores de texto que pueden ser usados, sino cualquier otro también. También se pueden utilizar
    procesadores de textos, que son editores con capacidades añadidas, como pueden ser Microsoft,
    Word o WordPerfect, pero se debe tener cuidado porque en ocasiones hacen traducciones
    automáticas del código HTML que no siempre son deseadas. En estos dos últimos casos hay que
    tener en cuenta que deberemos guardar el archivo en modo texto. Por ejemplo: un editor de texto
    simple, como el block de notas de Windows, es todo lo necesario para crear una pagina web
    Ejemplo de código HTML en el Editor FrontPage
    ¿Cuales son las razones para usar HTML?

    Todos estos editores HTML tipos pueden ser de gran ayuda y tienen sus ventajas e inconvenientes,
    pero la experiencia demuestra que conocer el lenguaje HTML ofrece bastantes ventajas:
    • Seremos capaces de aprovechar todas las características de este lenguaje, incluso las más
    nuevas. 
    • Aunque se use inicialmente un editor WYSWYG tendremos los conocimientos suficientes para
    modificar posteriormente el código que éste ha creado. Así se pueden corregir errores o incluir
    etiquetas no soportadas por el editor. 
    • No dependeremos de la disponibilidad de una herramienta concreta para poder crear páginas
    web. Con un simple editor de textos será suficiente.
    Como se utilizan las etiquetas en HTML?

    Una vez repasadas unas nociones básicas de HTML y de la programación de páginas Web en
    general entraremos de lleno en la programación con este lenguaje. Pronto nos daremos cuenta de la
    sencillez de este lenguaje lo que le convierte en un lenguaje muy fácil de aprender y que nos
    permitirá crear páginas con mayor facilidad aún. Las órdenes de este lenguaje estarán formadas por
    unos comandos llamados etiquetas que pueden tener o bien la siguiente estructura:
    <NOMBRE_ETIQUETA>
    O bien esta otra:
    <NOMBRE_ETIQUETA>TEXTO</NOMBRE ETIQUETA>

    Como se puede ver en la primera estructura esta formada por una única instrucción y la segunda por
    dos: una que marca el inicio de la etiqueta y otra que marca el final, con texto entre ambas
    Por ejemplo, para indicarle al navegador que queremos que pinte una línea horizontal debemos escribir:
    <hr>
    Pero las etiquetas no se limitan a indicar ordenes sencillas, estas ordenes tiene en ocasiones parámetros. Por
    ejemplo la etiqueta <hr> este daría lugar ala siguiente línea que se vera en la siguiente figura, es decir le dice
    al navegador que dibuje una línea horizontal en la pantalla. Esta línea tiene un grosor predeterminado y un
    ancho variable en función del tamaño de la ventana del navegador
    Por ejemplo: uso básico de una etiqueta HTML sin ningún tipo de parámetros. Ejemplo usando la etiqueta
    <hr> para crear una línea horizontal
    Sin embargo hay muchas formas de pintar una línea y sería deseable poder elegir detalles tales como la
    anchura y el grosor que va a tener dicha línea. Para especificar este tipo de detalles se crearon los atributos de
    las etiquetas. Este nuevo elemento se introduce en una etiqueta de la siguiente manera:
    <etiqueta atributo=“valor”>
    Es decir, en primer lugar ponemos el nombre de la etiqueta, después el nombre del atributo seguido por un
    signo igual y posteriormente el valor que queramos darle a ese atributo encerrado entre comillas una etiqueta
    puede tener tantos atributos como se deseen y en ocasiones son necesarios para que la etiqueta tenga algún
    significado.
    En la siguiente imagen podemos ver la línea horizontal con diferentes grosores con el atributo SIZE
    ¿Cuales son las etiquetas mas usadas en
    HTML? Explique 5 etiquetas.
    • <¡DOCTYPE!>
    • <html>
    • <head<
    • <title>
    • <body>
    Cual es la estructura de una pagina HTML?

    Todo documento HTML esta formado por bloques. En primer lugar se debe de especificar que el
    archivo de texto que estamos escribiendo es un archivo HTML, para ellos usamos las instrucciones
    de inicio y fin de la etiqueta <html> al inicio y al final de la pagina respectivamente:
    <html>
    Codigo de la pagina
    </html>

    El código de la página esta formado a su vez por dos grandes bloques, la cabecera y el cuerpo. La
    cabecera de la página está delimitada por las instrucciones de inicio y fin de la etiqueta head. Estas
    instrucciones deben estar dentro de la etiqueta HTML de la siguiente manera:
    <html>
    <head>
    elementos de la cabecera
    </head>
    … resto del código de la pagina…
    </html>

    En la cabecera de la página se introduce toda aquella información que afectará a toda la página. En
    un principio esta información se limitará al título. Este título se indicará con la etiqueta title usando
    la siguiente sintaxis:

    <html>
    <head>
    <title>Mi primera pagina WEB</title>
    </head>
    </html>
    Ejemplo. El título de la página es mostrado en la parte superior de la ventana del navegador.
    Pagina web creada
    ¿Por qué es importante aprender el lenguaje
    HTML?
    Porque este lenguaje nos ayudara a crear nuestras propias paginas web, ya sea para un uso personal
    como para el uso de tu negocio. También esta es una entrada de conocimientos para poder avanzar
    en este tema y ser de nosotros unos grandes desarrolladores. Este lenguaje nos podrá ayudar mucho
    en nuestra vida personal como en nuestra vida económica y se puede aprender mucho mas para
    poder crecer y conocer mas tipos de lenguajes de programacion y pronto tener nuestras propias
    paginas web.

    También podría gustarte