Scribd Logo
Upload

Welcome to Scribd!

  • Taller 2 11

    Uploaded by

    Ruby martinez
    13 views3 pages
    Taller uno

    Original Title

    TALLER 2 11

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Taller uno

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    13 views3 pages

    Taller 2 11

    Uploaded by

    Ruby martinez
    Taller uno

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    TECNOLOGIA E INFORMATICA

    TALLER DE HTML 5
    GRADO 11º1 Y 11º2

    ENLACES EN HTML

    En el código fuente HTML los enlaces se identifican mediante la etiqueta <a> y su atributo


    href, que contiene el URL del destino al que conduce el enlace. Los URL del destino
    pueden ser absolutos (http://www....) o relativos (con respecto al directorio (carpeta)
    actual).

    <a href=””></a>

    Ejemplo:
    Disponemos de dos páginas web, “inicio.html” y “contacto.html” y quieres crear un enlace
    en “inicio.html” dirigido a “contacto.html” con el texto "Datos de contacto".

    El código HTML necesario para crear ese enlace sería:

    <a href="contacto.html">Datos de contacto</a>


    Dar formato a un texto en HTML
    HTML nos brinda la posibilidad de formatear texto, como lo hacemos en Word o en
    cualquier software de edición de texto. Veamos algunas de estas opciones.
     Hacer que el texto esté en negrita: para poner el texto en
    negrita utilizaremos la etiqueta <b> y </b>.
     También podemos usar la etiqueta <strong> para hacer que el texto sea
    fuerte. También se abre con <strong> y termina con la etiqueta </strong>.
    Ejemplo:
    <html>
    <head>
    <title>Cómo poner en negrita un texto en HTML</title>
    </head>
    <body>
    <!—Texto normal-->
    <p>>Hola crea tu página web html desde cero </p>

    <!—Texto en negrita-->
    <p><b>Hola crea tu página web html desde cero</b></p>

    <!—Texto fuerte-->
    <p><strong>Hola crea tu página web html desde cero </strong></p>
    </body>

    </html>

    pág. 1
    PONER UN TEXTO EN CURSIVA
    La etiqueta <i> se utiliza para poner el texto en cursiva. Se abre con <i> y termina con la
    etiqueta </i>.
    Ejemplo:
    <p><i> Curso gratis de html </i></p>

    RESALTAR UN TEXTO
    También es posible resaltar un texto en HTML usando la etiqueta <mark>. Tiene una
    etiqueta de apertura <mark> y una etiqueta de cierre </mark>
    Ejemplo:
    <p><em> Curso gratis de html </em></p>

    CAMBIAR EL TIPO DE LETRA


    La etiqueta Font con su atributo Face cambia el tipo de letra, tiene etiqueta de apertura y de
    cierre:
    <Font Face=””> </font>
    Ejemplo:

    <font face="Comic Sans MS, arial, verdana">Este texto tiene otra tipografía</font>

    ATRIBUTO SIZE

    Cambia el tamaño de letra

    <font size=4>Este texto es más grande</font>

    ATRIBUTO COLOR

    <font color="red">Este texto está en rojo</font>

    Define el tamaño de la letra

    pág. 2
    Ejercicios

    1. Describe dos usos o funciones que proporciona la declaración DOCTYPE en una página
    web.

     Identifica la versión de HTML empleada en la página web.


     Ayuda a una herramienta de validación a realizar la validación y detectar los errores
    de la página.
     Ayuda a un navegador web a visualizar correctamente la página web.

    2. Dispones de dos páginas web, “index.html” y “contacto.html” y quieres crear un enlace


    en “inicio.html” dirigido a “producto.html” con el texto "Datos del producto". Escribe el
    código HTML necesario para crear ese enlace.

    3. En el directorio “sitioweb” tienes la página web “inicio.html”. Dentro de esa página


    quieres añadir un párrafo con el texto “Mis vacaciones en la playa:” y a continuación,
    dentro de ese mismo párrafo, quieres incluir una imagen llamada “foto.jpg” que se
    encuentra en el directorio “cosas” que se encuentra dentro de “sitioweb”. Escribe el código
    HTML del párrafo.

    4. Dentro de una página web quieres incluir un fragmento de un discurso de una persona
    famosa. ¿Cuál es la etiqueta más apropiada para hacerlo?

    5. Escribe en tu cuaderno un programa completo en HTML con las siguientes


    especificaciones:

    a. Titulo de la pestaña FORMATOS HTML

    b. Encabezado Centrado: COMO CAMBIAR FORMATO A UN TEXTO EN HTML

    c. Escriba el siguiente párrafo “ Es muy fácil en HTML cambiar el formato a una texto”
    cambien el tipo de letra Arial, tamaño 14.

    d. Coloque el siguiente texto en cursiva “Todos aprendemos practicando” y dele color rojo.

    pág. 3

    You might also like