Scribd Logo
Importer

Bienvenue sur Scribd !

  • HTML

    Transféré par

    leandro
    8 vues5 pages
    lenguaje html

    Copyright

    © © All Rights Reserved

    Formats disponibles

    ODT, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    lenguaje html

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme ODT, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    8 vues5 pages

    HTML

    Transféré par

    leandro
    lenguaje html

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme ODT, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 5

    html

    Cada pgina web que mirs est escrita en un lenguaje llamado


    HTML. HTML es como un esqueleto que le da estructura a cada
    pgina web.
    <strong>
    Estas etiquetas muestran el texto en negrita
    </strong>

    HTML y CSS
    HTML significa Hyper Text Markup Language (Lenguaje de
    marcado de hipertexto). Hipertexto quiere decir "texto que contiene
    enlaces". Cada vez que hacs clic en una palabra que te lleva a
    otra pgina web, ests haciendo clic en un hipertexto.
    Un lenguaje de marcado es un lenguaje de programacin usado
    para que el texto haga algo ms que aparecer en una pgina:
    puede convertir texto en imgenes, enlaces, cuadros, listas, y
    mucho ms.
    El lenguaje de marcado que aprenderemos es HTML.
    Qu es lo que hace que una pgina web sea linda?
    Las CSS o Cascading Style Sheets (Hojas de estilo en cascada).
    Imaginate que es la piel y el maquillaje que cubre los huesos del
    HTML.
    <!DOCTYPE html> le dice al navegador qu lenguaje est
    leyendo (en este caso, HTML)
    <head>
    Esto comienza y finaliza el documento de HTML.
    </head>

    Terminologa bsica
    Para aprender ms HTML, debemos aprender cmo hablar sobre
    HTML. Ya viste que usamos mucho los smbolos <>
    El texto dentro de <> se llama etiqueta. Las etiquetas casi
    siempre vienen de a pares: una etiqueta de inicio y una etiqueta de
    cierre.
    Un ejemplo de una etiqueta de inicio es: <html>
    Un ejemplo de una etiqueta de cierre es: </html>
    Imagin que las etiquetas son como parntesis; cuando abrs uno,
    despus tens que cerrarlo. Las etiquetas tambin pueden
    anidarse, as que tens que cerrarlas en el orden correcto: la ltima
    etiqueta que abriste debe ser la primera que cierres, como se
    muestra en este ejemplo:
    <etiqueta_1> <etiqueta_2> Texto </etiqueta_1>
    </etiqueta_2>

    Encabezado y cuerpo
    Todo dentro de nuestro archivo HTML ir en medio de las etiquetas
    de inicio <html> y de cierre </html>
    Un archivo html siempre consiste de dos partes: el encabezado y
    el cuerpo.
    El encabezado es donde se ingresa la informacin sobre tu archivo
    HTML, como, por ejemplo, el ttulo. Para el encabezado se utilizan
    las etiquetas <head> y </head>
    El ttulo es lo que vemos en la barra de ttulos del buscador o
    pestaa de la pgina. Para definirlo se utilizan las etiquetas
    <title> y </title>
    El cuerpo es donde ingress el contenido, como textos, imgenes y

    enlaces. El contenido del cuerpo es lo que se ver en la pgina


    real. El cuerpo va dentro de las etiquetas <body> y </body>
    Las etiquetas <p> y </p> se utilizan para crear prrafos.
    <h1> y </h1> son etiquetas de encabezado para los
    prrafos, lo que aparezca entre estas etiquetas tendr la letra
    ms grande.
    HTML nos permite tener ms de un tamao de encabezados. Hay
    seis tamaos de encabezados: <h1> es el ms grande, de mayor
    jerarqua y <h6> es el ms chiquito, de menor jerarqua.
    <!DOCTYPE html>
    <html>
    <head>
    <title>
    Encabezados & Prrafos
    </title>
    </head>
    <body>
    <h1>Encabezado del prrafo 1</h1>
    <p>
    Prrafo 1
    </p>
    <h3>Encabezado del prrafo 2</h3>
    <p>
    Prrafo 2
    </p>
    <h5>Encabezado del prrafo 3</h5>
    <p>
    Prrafo 3
    </p>
    </body>

    </html>

    Hipervnculos
    Qu pasara si quisieras mandar al usuario a otra parte de tu sitio
    web o directamente a otro sitio web? Tens que usar hipervnculos.
    <a href="http://www.dir.com"> Sitio web </a>
    Primero hay una etiqueta de apertura <a> y esa etiqueta
    tiene un atributo que se llama href. El valor href le dice a
    tu enlace adnde quers que vaya, en este caso
    http://www.dir.com
    2. El texto del hipervnculo se escribe entre las etiquetas <a> y
    </a>
    3. Finalmente aparece la etiqueta </a> de cierre.
    1.

    Agregar imgenes
    <img src="url"/>
    Usamos una etiqueta de imagen <img>
    Esta etiqueta es un poco diferente de las dems. En vez de colocar
    el contenido en medio de las etiquetas, le indics a la etiqueta
    dnde buscar la imagen, usando src. Tambin es diferente
    porque no hay etiqueta de cierre. Tiene una barra / en la etiqueta
    para cerrarla

    Imgenes como hipervnculos


    <a href="http://www.dir.com">
    <img src="url"/>
    </a>
    ..

    Vous aimerez peut-être aussi