Scribd Logo
Carica

Benvenuto in Scribd!

  • Estructura de Pagina Wed en HTML

    Caricato da

    leonard alexander lopez sarmiento
    77 visualizzazioni17 pagine
    como crear una pagina Wed en HTML

    Titolo originale

    estructura de Pagina Wed en HTML

    Copyright

    © © All Rights Reserved

    Formati disponibili

    PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento
    como crear una pagina Wed en HTML

    Copyright:

    © All Rights Reserved
    Scarica in formato PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    77 visualizzazioni17 pagine

    Estructura de Pagina Wed en HTML

    Caricato da

    leonard alexander lopez sarmiento
    como crear una pagina Wed en HTML

    Copyright:

    © All Rights Reserved
    Scarica in formato PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 17

    ESTRUCTURA DE UNA PÁGINA WEB EN HTML

    LEONARD ALEXANDER LÓPEZ SARMIENTO


    11ª

    INSTITUCIÓN EDUCATIVA SIMÓN BOLÍVAR


    ARAUCA-ARAUCA
    INFORMATICA
    Dedicatoria ii

    Este trabajo va dedicado al ingeniero Jogni Nieves y a mis padres.


    Agradecimientos iii

    Doy gracias por el apoyo que me dieron por animarme a haber hecho este trabajo por si en futuro

    me llegan a pedir un trabajo igual a este se me haga más fácil realizarlo.


    Tabla de Contenidos iv

    Tabla de contenido
    Capítulo 1 ESTRUCTURA BÁSICA DE UNA PÁGINA WEB - <HTML>, <HEAD> Y
    <BODY> 1
    Lista de referencias 12
    v
    Tabla de imágenes

    Imágen 1: Ejemplo de lenguaje HTML ______________________________________________________________ 2


    Imágen 2: Inagen del bloc de notas ________________________________________________________________ 3
    Imágen 3:Imagen del lenguaje HTML _______________________________________________________________ 5
    Imágen 4: Imagen del lenguaje HTML ______________________________________________________________ 6
    Imágen 5: Imagen del lenguaje HTML ______________________________________________________________ 7
    Imágen 6: Imagen del lenguaje HTML ______________________________________________________________ 9
    Imágen 7: Forma en la que veria tu pagina _________________________________________________________ 10
    Imágen 8: Guarda tu trabajo ____________________________________________________________________ 10
    1

    Capítulo 1

    ESTRUCTURA BÁSICA DE UNA PÁGINA WEB - <HTML>, <HEAD> Y

    <BODY>

    1. prende lo que es el HTML. Este es el lenguaje de codificación con el cual se


    hacen las páginas web. Para ver cómo luce, ve a Internet Explorer y haz clic
    derecho para seleccionar "Ver código fuente de la página". Verás una página
    con códigos: eso es el HTML. El código es lo que ve el navegador para
    interpretarlo y armar una página web.
     En Google Chrome, presiona "F12".
     En Mozilla Firefox, presiona "Ctrl+U" para ver el código fuente de la página.
     En Safari, selecciona Ver > Ver fuente (u "Opción+Comando+U").
     En Internet Explorer, la opción del menú "Ver" que deberás elegir es "Origen".
    2.
    2

    Imágen 1: Ejemplo de lenguaje HTML

    Comienza con una página lo más sencilla posible, sino te verás abrumado
    por la sintaxis y los lenguajes de script.
     Es importante recordar que estarás escribiendo la información entre una etiqueta
    de apertura y una de clausura, ambas de HTML. Una etiqueta de apertura se
    verá así: <____>. Una etiqueta de clausura se verá así: </____>. Al final,
    reemplazarás el "____" por un código.
    3.
    3

    Ve a Inicio > Programas > Accesorios > Bloc de Notas. Será mucho más fácil

    Imágen 2: Inagen del bloc de notas


    4

    si usas el Bloc de Notas++ (lo puedes descargar gratis por Internet). Cuando
    hayas elegido el lenguaje HTML, todo lo que escribas estará automáticamente
    conectado con diversos colores, de esta manera será muchísimo más fácil
    corregir posibles errores.
    4.

    Dile al navegador qué lenguaje vas a usar. Escribe <html>. Esta es la primera
    etiqueta que deberás escribir, la cual le indicará a la computadora que
    empezarás a hacer una página web. También se cerrará al final, así que al final
    del documento, ciérralo con <>. Esto finalizará la página web.
    5.
    5

    Añade el encabezado (head) de la página como se muestra en el gráfico.


    6.

    Ponle un título a la página. El título es importante, porque les dará a los

    Imágen 3:Imagen del lenguaje HTML


    6

    usuarios una idea del tema de la página. Además, cuando los usuarios le
    pongan un marcador al sitio, el título es lo que único que verán en su lista
    de marcadores. El código HTML para el título es: <title>. Ciérralo al final
    del título escribiendo </title>. El título solo se mostrará en la pestaña, no
    será el título de la página en sí.

    Imágen 4: Imagen del lenguaje HTML


    7

    Haz el cuerpo de la página. Escribe <body> para abrir la etiqueta del cuerpo.
    Luego ciérrala con la etiqueta </body>. La información para la página web irá
    entre <body> y </body>.
     Para darle un color de fondo a la página, podrás añadirle un estilo al cuerpo. En
    vez de solamente escribir, escribe <body style="background-color:silver">.

    Imágen 5: Imagen del lenguaje HTML

     Podrás probar con un color distinto o incluso con un código hexadecimal. Las
    palabras entre comillas se conocen como "atributos". ¡Deberán estar rodeados
    por comillas!
    8

    7.

    Escribe unas cuantas líneas de texto entre las etiquetas de cuerpo.


     Para que el texto siga en la línea siguiente (como si presionaras "Enter" en el
    teclado), escribe: <br>.

    Imágen 6:Imagen del lebguaje HTML

     ¿Quieres añadir alguna marquesina, es decir, una palabra que se mueve de lado
    a lado de la pantalla? Solo tendrás que escribir <marquee>TEXTO</marquee>.
    8.
    9

    Añade algunas imágenes. Si quieres colocar alguna imagen de Internet a tu


    página web, el código HTML para las imágenes será: <img src="URL">. La
    etiqueta de clausura es: </img>, pero es opcional.
    9.

    Imágen 7: Imagen del lenguaje HTML

    Revisa todo para asegurarte de que todas tus etiquetas estén cerradas. Tu
    página web deberá verse algo así:
    10

    <title>Mi página web</title>


    <body bgcolor="yellow">
    Me encanta wikiHow porque
    <marquee>¡es la mejor página del mundo!</marquee>
    <img
    src="http://www.wikihow.com/skins/common/images/wikiHow_logo_5.gif"></body>

    Imágen 8: Forma en la que veria tu pagina

    Imágen 9: Guarda tu trabajo


    11

    Guarda tu trabajo. Ve a "Guardar como", ingresa un nombre de archivo que


    termine en la extensión .html (por ejemplo: "archivodeprueba.html") y escoge
    "Todos los archivos" o "text" en Tipo de archivo. No funcionará si no se siguen
    estos pasos. Ahora ve adonde lo hayas guardado y haz doble clic para abrirlo.
    Tu navegador predeterminado se abrirá con tu propia página web.
    12

    Lista de referencias

    https://es.wikipedia.org/wiki/Wikipedia
    https://espanol.yahoo.com/

    Potrebbero piacerti anche