Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • HTML y CSS

    Cargado por

    lorenaorsi
    6 vistas2 páginas
    HTML y CSS

    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?

    Denunciar este documento
    HTML y CSS

    Copyright:

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

    HTML y CSS

    Cargado por

    lorenaorsi
    HTML y CSS

    Copyright:

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

    HTML y CSS

    HTML significa Hyper Text Markup Language (Lenguaje de marcado de


    hipertexto). Hipertexto quiere decir "texto que contiene enlaces". Cada vez que hacés
    clic en una palabra que te lleva a otra página web, estás haciendo clic en un
    hipertexto.

    Un lenguaje de marcado es un lenguaje de programación usado para que el texto


    haga algo más que aparecer en una página: puede convertir texto en imágenes,
    enlaces, cuadros, listas, y mucho más. El lenguaje de marcado que aprenderemos es
    HTML.

    ¿Qué es lo que hace que una página web sea linda? Las CSS – Cascading Style
    Sheets – (Hojas de estilo en cascada). Imaginate que es la piel y el maquillaje que
    cubre los huesos del HTML. Primero vamos a aprender HTML y después, en otros
    cursos, nos vamos a ocupar de las CSS.

    Lo primero que debemos hacer es configurar el esqueleto de la página.

    a. Escribí siempre <!DOCTYPE html> en la primera línea. Esto le dice al navegador qué
    lenguaje está leyendo (en este caso, HTML).
    b. Escribí siempre <html> en la línea siguiente. Esto comienza el documento de HTML.
    c. Escribí siempre </html> en la última línea. Esto finaliza el documento de HTML.

    Instrucciones
    1. Colocá las tres líneas que mencionamos arriba, en la pestaña test.html que ahora
    está vacía.

    2. Entre la segunda y la última línea (entre <html> y </html>) podés escribir cualquier
    mensaje que quieras.

    Terminología básica
    Para aprender más HTML, debemos aprender cómo hablar sobre HTML. Ya viste que
    usamos mucho los símbolos <>.

    1. El texto dentro de <> se llama etiqueta.


    2. Las etiquetas casi siempre vienen de a pares: una etiqueta de inicio y una etiqueta de
    cierre.
    3. Un ejemplo de una etiqueta de inicio es: <html>
    4. Un ejemplo de una etiqueta de cierre es: </html>
    Imaginá que las etiquetas son como paréntesis; cuando abrís uno, después tenés que
    cerrarlo. Las etiquetas también pueden anidarse, así que tenés que cerrarlas en el
    orden correcto: la última etiqueta que abriste debe ser la primera que cierres, como se
    muestra en este ejemplo:

    <primera etiqueta><segunda etiqueta>Algún texto</segunda etiqueta></primera etiqueta>


    El último ejercicio nos enseñó cómo configurar el archivo HTML. Todo lo que
    agreguemos ahora irá en medio de <html> y </html>.

    La práctica hace al maestro. Repitamos:

    Instrucciones
    1. Colocá la etiqueta <!DOCTYPE HTML>

    2. Coloca las etiquetas </html> de inicio y de cierre.

    3. Escribí lo que quieras en medio de las etiquetas <html>.

    4. Hacé clic en “Guardar y enviar” para ver tu trabajo.

    También podría gustarte