Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Introducción A HTML - CSS

    Cargado por

    ÁngelJaffetLeónTorres
    23 vistas28 páginas
    Introducción a HTML - CSS

    Título original

    Introducción a HTML - CSS

    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
    Introducción a HTML - CSS

    Copyright:

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

    Introducción A HTML - CSS

    Cargado por

    ÁngelJaffetLeónTorres
    Introducción a HTML - CSS

    Copyright:

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

    INTRO A HTML

    ¿Qué es
    HTML?
    HTML CSS
    ¿Cómo se ve
    Laboratoria sin CSS?
    ¿Cómo se ve
    Laboratoria con
    CSS?
    Dev tools:
    El Inspector
    De scratch a sublime +
    navegador
    Sublime Text + navegador
    Prepárate para tu primera
    página web:
    1. En tu escritorio crea una carpeta que se
    llame “laboratoria-2015-II”
    2. Descarga e instala Sublime Text 3 (Editor
    de Texto)
    Ejercicio Guiado

    CONOCIENDO
    HTML
    Entendiendo
    las etiquetas
    HTML
    ... ¿sabes para qué es <meta
    charset="utf-8">?
    <img src=“ruta-de-la-imagen”/>
    <h1 style=“aquí va el estilo”></h1>
    <p>Aquí va un párrafo</p>
    <html></html>
    <html>
    <head></head>

    <body></body>
    </html>
    Etiqueta de Etiqueta de
    entrada salida

    <h1>Me gusta el desarrollo web.</h1>

    Texto que se visualiza


    Etiqueta de Etiqueta de
    entrada salida

    <p> Laboratoria es Transformación </p>

    Texto que se visualiza


    Etiqueta de
    entrada

    <ul>
    <li> Inicio </li> Elementos en la lista

    <li> Sobre Nosotros </li>


    </ul>

    Etiqueta de
    salida
    Ahora, crearemos 2 listas...
    9. Para la primera lista:
    - Añade un subtítulo usando la etiqueta <h2>
    titulado “Intereses” después del párrafo
    - Añade una lista desordenada con al menos 3
    cosas que te interesa hacer

    10. Para la segunda lista:


    - Añade un subtítulo en un <h2> titulado “3
    sueños que tengo”
    - Añade una lista ordenada con 3 sueños que
    tengas
    Revisando la estructura básica
    del documento:

    Doctype
    HTML
    Meta
    Title
    Head
    Body
    12. Convierte una de tus
    dos listas en una lista de
    dos niveles
    Ejemplo:
    Intereses
    ● Jugar deporte
    ○ Fútbol
    ○ Escalada
    ○ Natación
    ● Aprender lenguajes de programación
    ○ Javascript
    ○ PHP
    ○ Ruby
    REPASO
    Repasando

    ¿Qué es?...
    HTML
    HTTP
    Repasando

    ¿Para qué es?


    <!DOCTYPE html>
    <html></html>
    <head></head>
    <body></body>
    Repasando

    ¿Cómo hago para?...


    colocar el título en la pestaña
    insertar un título
    insertar un párrafo
    crear una lista ordenada
    crear una lista desordenada
    Repasando

    ¿Cómo hago para?...


    insertar un link
    insertar una imagen
    Cómo nos aseguramos que las
    tildes se puedan ver

    También podría gustarte