Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Taller 1 Conceptos Basicos de HTML

    Cargado por

    Nelson Arias
    4 vistas8 páginas

    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
    4 vistas8 páginas

    Taller 1 Conceptos Basicos de HTML

    Cargado por

    Nelson Arias

    Copyright:

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

    INSTITUCIÓN EDUCATIVA EL TESORO - LÍBANO TOLIMA

    Cultura y Territorio
    DANE: 273411000466 Aprobación de Estudios NIT: 900059737 - 9
    Resolución 7743 - 2018
    Naturaleza: Estatal Sector: Rural Carácter: Académico Calendario: A

    HTML
    1. Ingresar a https://www.w3schools.com/

    2. Ingresar a la Opción del menú Learn HTML y luego hacer clic en la opción del menú
    HTML Editors.
    INSTITUCIÓN EDUCATIVA EL TESORO - LÍBANO TOLIMA
    Cultura y Territorio
    DANE: 273411000466 Aprobación de Estudios NIT: 900059737 - 9
    Resolución 7743 - 2018
    Naturaleza: Estatal Sector: Rural Carácter: Académico Calendario: A

    3. Una vez se encuentra en la pagina desplazar hacia la parte inferior con barra de
    desplazamiento y encontrara un botón de color verde con el nombre de
    Try it Yourself Tal y como se muestra en la siguiente imagen.

    4. Aparecerá el editor para iniciar la práctica. Tal y como se muestra en la siguiente


    imagen.

    5. Estando ubicado en el editor se procederá entonces a Borrar todo el código del


    lenguaje HTML. Tal y como se muestra en la siguiente Imagen.
    INSTITUCIÓN EDUCATIVA EL TESORO - LÍBANO TOLIMA
    Cultura y Territorio
    DANE: 273411000466 Aprobación de Estudios NIT: 900059737 - 9
    Resolución 7743 - 2018
    Naturaleza: Estatal Sector: Rural Carácter: Académico Calendario: A

    6. Daremos inicio daremos inicio entonces a la construcción de una página relacionada


    con mi hoja de vida utilizando etiquetas html.

    Para lo anterior iniciaremos conociendo algunas etiquetas básicas y ponerlas en practica con la
    hoja de vida que vamos a realizar.

     <html> </html>: indica el comienzo del documento HTML.


     <head> </head>: indica que empieza la cabecera de la página. En ella se suele
    poner el título <title></title> de la web, una descripción y otras informaciones
    relacionadas con el contenido de la página.
     <body> </body>: es el cuerpo de la página, donde va lo que se ve en el
    navegador al cargar una web. En el body van los textos, las imágenes y todos los
    contenidos de la web.
     <h1></h1>, <h2></h2>, etc.: son los títulos o encabezados. Se utilizan para
    establecer determinados textos de la página como titulares, suelen tener un
    tamaño de fuente mayor para diferenciarlos del resto del texto. Son importantes
    en el posicionamiento en buscadores.
     <a>: define los enlaces.
     <table></table>: es una tabla, y dentro de esta tenemos filas <tr> y celdas <td>.
     <p></p>: el texto dentro de esta etiqueta forma un párrafo.
     <img>: imágenes.
     <ul></ul>: los textos dentro de esta etiqueta se estructuran en listas. Mediante el
    uso de <li></li> definimos cada guión dentro de la lista, y usando <ol> en lugar de
    <ul> tendremos listas ordenadas.
     <b></b> y <strong></strong>: se utilizan para resaltar el texto.
     <u></u>: texto subrayado.
     <i></i> y <em></em>: texto en cursiva.

    7. Vamos a iniciar indicando la estructura del documento HTML con la etiqueta <html>
    así:
    INSTITUCIÓN EDUCATIVA EL TESORO - LÍBANO TOLIMA
    Cultura y Territorio
    DANE: 273411000466 Aprobación de Estudios NIT: 900059737 - 9
    Resolución 7743 - 2018
    Naturaleza: Estatal Sector: Rural Carácter: Académico Calendario: A

    8. Una vez se establece el documento con las etiquetas <html> y </html> se nombra un
    encabezado el cual se le colocará como nombre MI HOJA DE VIDA Este encabezado
    deberá ir con las etiquetas <head> y </head>.

    9. A continuación, se colocará entonces la etiqueta que definira el cuerpo de la pagina es


    decir toda la información que va a contener. Se usará entonces la etiqueta <body>
    </body>
    INSTITUCIÓN EDUCATIVA EL TESORO - LÍBANO TOLIMA
    Cultura y Territorio
    DANE: 273411000466 Aprobación de Estudios NIT: 900059737 - 9
    Resolución 7743 - 2018
    Naturaleza: Estatal Sector: Rural Carácter: Académico Calendario: A

    10. Ahora Utilizaremos la etiqueta <h1></h1> y pondremos entonces lo siguiente

    HOJA DE VIDA con el nombre del Aprendiz. Ejemplo: Nota: No olviden dar clic en Run para
    ver los cambios en la página.

    Si queremos poner la información centrada entonces utilizaremos la etiqueta


    <center></center> y entonces se verá así:

    11. Ahora pondremos los siguientes subtítulos con la etiqueta <h3></h3> así:
    INSTITUCIÓN EDUCATIVA EL TESORO - LÍBANO TOLIMA
    Cultura y Territorio
    DANE: 273411000466 Aprobación de Estudios NIT: 900059737 - 9
    Resolución 7743 - 2018
    Naturaleza: Estatal Sector: Rural Carácter: Académico Calendario: A

    12. Ahora para continuar en la otra sesión entonces deberemos guardar lo que hasta el
    momento hemos hecho. Y para hacer esta operación deberemos dar clic en el icono
    que se muestra a continuacion.

    Aparecerá un cuadro de dialogo en donde le daremos Save que significa Guardar.


    Posteriormente aparecerá un link. Copiaremos este link y lo tendremos guardado para la
    próxima sesión continuar con esta práctica. Además subiremos este link como evidencia en el
    siguiente enlace.
    INSTITUCIÓN EDUCATIVA EL TESORO - LÍBANO TOLIMA
    Cultura y Territorio
    DANE: 273411000466 Aprobación de Estudios NIT: 900059737 - 9
    Resolución 7743 - 2018
    Naturaleza: Estatal Sector: Rural Carácter: Académico Calendario: A

    Ejemplo de la practica hecha en la sesión


    INSTITUCIÓN EDUCATIVA EL TESORO - LÍBANO TOLIMA
    Cultura y Territorio
    DANE: 273411000466 Aprobación de Estudios NIT: 900059737 - 9
    Resolución 7743 - 2018
    Naturaleza: Estatal Sector: Rural Carácter: Académico Calendario: A

    ELABORADO POR
    NELSON ARIAS SALCEDO
    INGENIERO DE SISTEMAS

    También podría gustarte