Scribd Logo
Carica

Benvenuto in Scribd!

  • HTML Básico

    Caricato da

    LenisQueralesBlanco
    24 visualizzazioni3 pagine
    Introducción a HTML

    Copyright

    © © All Rights Reserved

    Formati disponibili

    DOCX, PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento
    Introducción a HTML

    Copyright:

    © All Rights Reserved
    Scarica in formato DOCX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    24 visualizzazioni3 pagine

    HTML Básico

    Caricato da

    LenisQueralesBlanco
    Introducción a HTML

    Copyright:

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

    Universidad Nacional Experimental

    Francisco de Miranda
    Programa Municipalizado Tocpero
    Educacin en Matemtica mencin Informtica
    Unidad Curricular: Sistemas de Informacin I
    Licda. Lenis Querales Blanco
    Mayo 2014

    HTML bsico

    HTML (Hyper Text Markup Language), acrnimo de Lenguaje de Marcado de


    Hiper Texto es un lenguaje de programacin para disear pginas Web.
    Bsicamente HTML consta de texto plano (ASCII) y una serie de etiquetas (Tags).

    Un documento HTML comienza siempre con la etiqueta <HTML> que indica que
    el documento en cuestin est construido con dicho lenguaje.
    La mayora de las etiquetas son pareadas, es decir, <...> corresponde al principio de
    la accin y </...> indica el fin de dicha accin.
    Una pgina web estar siempre contenida entre las etiquetas <HTML> y
    </HTML>.
    Todo documento HTML consta de dos partes: la cabecera (head) y el cuerpo del
    documento (body).

    1. La cabecera contiene bsicamente informacin destinada al navegador, que queda


    oculta al usuario. Su etiqueta (pareada) es <HEAD>.
    2. El cuerpo es el documento que ve el usuario. Su etiqueta (pareada) es <BODY>.
    -

    Las pginas web deben ser guardadas con la extensin .html o .htm. Ejemplo:
    pagina1.html

    ESTRUCTURA DE UNA PGINA WEB


    <html>
    <head>
    <title>Ac va el titulo de la pagina</title>
    </head>
    <body>
    Cuerpo de la pagina (texto, imagenes, tablas, enlaces, etc)

    </body>
    </html>

    Ejercicio 1:
    - Abre el bloc de notas y crea una pgina web que muestre el texto Hola Mundo.
    - Gurdala con el nombre hola.html
    ETIQUETAS BSICAS
    Headings: definen el tamao de un ttulo o cabecera. (Va de h1 a h6, mientras ms bajo el
    nmero mayor es el tamao de la letra)
    <h1> letra ms grande</h1>
    <h6> letra ms pequea</h6>
    Prrafos: se definen con la etiqueta <p>
    <p>Este es el primer prrafo.</p>
    <p>Y este es el segundo prrafo.</p>
    Comentarios: La etiqueta <!-- ... --> se utiliza para insertar un comentario dentro del
    cdigo que se est escribiendo. El mismo es ignorado por el navegador al momento de
    leerlo. Los comentarios sirven para explicar mejor el cdigo y son de gran ayuda en el
    momento de editarlo.
    <!-- Esto es un comentario. -->
    Salto de lnea: Est definido con la etiqueta <br>. Es utilizado cuando queremos cortar
    una lnea sin necesidad de terminar con el prrafo. La etiqueta <br> obliga a saltar de lnea
    dondequiera que la ubiquemos.
    Esto es un <br> salto de lnea.
    Resultado:
    Esto es un
    salto de lnea.
    Trazar una lnea: La etiqueta <hr> permite trazar una lnea horizontal. La etiqueta <hr>
    no tiene cierre.

    Etiquetas para dar forma al texto

    Etiquetas
    <b>
    <big>
    <em>
    <i>
    <small>
    <strong>
    <sub>
    <sup>
    <ins>
    <del>
    <tt>

    Descripcin
    Define un texto en negrita
    Define un texto grande
    Define un texto enfatizado
    Define un texto en itlica
    Define un texto pequeo
    Define un texto fuerte
    Define un texto subndice
    Define un texto superndice
    Define un texto subrayado
    Define un texto tachado
    Define un texto de teletipo

    Ejercicio 2:
    -

    Escribe el siguiente cdigo en el bloc de notas para practicar el uso de las etiquetas
    para dar formato al texto.
    Gurdalo con el nombre formato.html
    <html>
    <head>
    <title>Dar formato</title>
    </head>
    <body>
    <b>Texto en negrita</b> <br>
    <big>Texto grande</big><br>
    <em>Texto enfatizado</em><br>
    <i>Texto en itlica</i><br>
    <small>Texto pequeo</small><br>
    <strong>Texto fuerte</strong><br>
    <sub>Texto subndice</sub><br>
    <sup>Texto superndice</sup><br>
    <ins>Texto subrayado</ins><br>
    <del>Texto tachado</del><br>
    <tt>Texto teletipo</tt><br>
    </body>
    </html>

    Potrebbero piacerti anche