Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • formatos-texto-etiquetas-html

    Cargado por

    madmax
    1 vistas3 páginas
    El documento describe diferentes etiquetas HTML para formato de texto como <b>, <big>, <em>, <i>, <small>, <strong>, <sub>, <sup>, <ins>, y <del>. También describe cómo insertar imágenes en una página web usando la etiqueta <img> y sus atributos src y alt.

    Descripción original:

    Título original

    html-3

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    El documento describe diferentes etiquetas HTML para formato de texto como <b>, <big>, <em>, <i>, <small>, <strong>, <sub>, <sup>, <ins>, y <del>. También describe cómo insertar imágenes en una página web usando la etiqueta <img> y sus atributos src y alt.

    Copyright:

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

    formatos-texto-etiquetas-html

    Cargado por

    madmax
    El documento describe diferentes etiquetas HTML para formato de texto como <b>, <big>, <em>, <i>, <small>, <strong>, <sub>, <sup>, <ins>, y <del>. También describe cómo insertar imágenes en una página web usando la etiqueta <img> y sus atributos src y alt.

    Copyright:

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

    Formatos de texto

    Etiquetas Descripción
    <b> Texto en negrita.
    <big> Texto grande.
    <em> Texto enfatizado.
    <i> Texto en itálica.
    <small> Texto pequeño.
    <strong> Texto fuerte.
    <sub> Texto por debajo.
    <sup> Texto por encima.
    <ins> Texto subrayado.
    <del> Texto tachado.
    <tt> Texto teletipo.

    Ejercicio 8)
    <html>
    <head><title>Texto en Negrita</title></head>
    <body>
    Texto normal -
    <b>Texto en negrita</b>
    <big>Texto grande</big>
    ..........(pon una línea con cada etiqueta del formato de texto)
    </body>
    </html>

    Imágenes dentro de una página <img>


    Para insertar una imagen dentro de una página debemos utilizar el elemento HTML <img>, la
    misma no tiene una marca de finalización (similar a la marca <br>).
    Generalmente, la imagen se encuentra en el mismo servidor donde se almacenan nuestras páginas
    HTML. Los formatos clásicos son los archivos con extensiones gif, jpg y png.
    La sintaxis de esta marca es:
    <img src="......." alt=".........">

    por ejemplo:

    <img src="foto1.jpg" alt="Pintura geométrica">

    <img> viene de image, src viene de source, alt viene de alternative

    Como mínimo, debemos inicializar las propiedades src y alt de la marca HTML img.
    En la propiedad src indicamos el nombre del archivo que contiene la imagen (en un servidor Linux
    es sensible a mayúsculas y minúsculas por lo que recomiendo que siempre utilicen minúsculas para
    los nombres de archivos).
    Como la imagen se encuentra en el mismo directorio donde se almacena la página HTML, con
    indicar el nombre de archivo basta (no es necesario indicar ninguna ruta de carpetas com c:/carpeta
    nueva/.....).
    Otra propiedad obligatoria es alt, donde disponemos un texto que verán los usuarios que visiten el
    sitio con un navegador que sólo permite texto (o con un navegador que tenga desactivada la opción
    de descarga de imágenes). El texto debe describir el contenido de la imagen.

    Ejercicio 9)
    Descargate desde internet 4 fotos (de un tamaño parecido) y lo guardas en la misma carpeta donde
    guardas todos estos ejercicios.
    Haz una web que inserte las 4 imágenes.

    OJO !!
    Si la imagen se encuentra en una subcarpeta llamada imagenes, la sintaxis para recuperarla será:
    <img src="imagenes/foto1.jpg" alt="Pintura geométrica">

    imagenes
    foto1.jpg

    Es decir, antecedemos al nombre de la imagen el nombre de la carpeta y la barra /


    Si la imagen se encuentra en una carpeta padre de donde se encuentra la página HTML luego la
    sintaxis será:
    <img src="../foto1.jpg" alt="Pintura geométrica">

    A foto1.jpg

    Es decir, le antecedemos .. (significa directorio arriba) y la barra / al nombre de la imagen


    Si queremos subir dos carpetas luego escribimos:
    <img src="../../foto1.jpg" alt="Pintura geométrica">

    Por último, si queremos acceder a una imagen que se encuentra en una carpeta llamada imagenes
    pero que está al mismo nivel:
    <img src="../imagenes/foto1.jpg" alt="Pintura geométrica">

    A imagenes
    foto1.jpg

    Primero le indicamos que subimos al directorio padre mediante los dos puntos .. y seguidamente
    indicamos el nombre de la carpeta y la imagen a mostrar.

    También podría gustarte