Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Texto en HTML

    Enviado por

    GerenciaVirtual
    149 visualizações5 páginas
    Materail elaborado por: Lic. Francisco Reaño Silva

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    Materail elaborado por: Lic. Francisco Reaño Silva

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    149 visualizações5 páginas

    Texto en HTML

    Enviado por

    GerenciaVirtual
    Materail elaborado por: Lic. Francisco Reaño Silva

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 5

    GERENCIA VIRTUAL

    “Capacitación y asesoría a solo un click”

    Formato de Texto en HTML


    En los tópicos anteriores ud. aprendió a utilizar los atributos en HTML, pero HTML también define
    elementos especiales para formatear los textos con un significado y características especiales.
    HTML utiliza elementos como <b> y <i> para formatear salidas de texto como negrita e itálica.

    Los elementos de formateo fueron diseñados para mostrar tipos especiales de texto.

     <b> - Texto negrita (bold).


     <strong> - Texto importante.
     <i> - Texto en itálica.
     <em> - Texto enfatizado.
     <mark> - Texto resaltado.
     <small> - Texto pequeño.
     <del> - Texto tachado.
     <ins> - Texto subrayado.
     <sub> - Texto subíndice.
     <sup> - Texto superíndice.

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf8">
    </head>
    <body>
    <p><b>Negrita</b></p>
    <p><i>Itálica</i></p>
    <p>Este texto es <sub>subindice</sub> y este </sup>superindice</sup></p>
    </body>
    </html>

    Código 21.html

    Como hemos apreciado contamos con una serie de elementos que nos permiten personalizar el
    texto, aunque existe un detalle muy importante; existen elementos que ópticamente generan el
    mismo resultado en el texto como son los casos: entre <b> y <strong> o <i> y <em>, que
    generan el mismo resultado óptico, más no semántico. Un texto con <b> nos permite crear una
    negrita lo cual no es significativo para el navegador, caso contrario con <strong> que le indica al
    navegador que ese texto es importante. Esta misma situación ocurre entre <i> - <em> siendo
    <i> una típica itálica y <em> un texto enfatizado por su importancia y que el navegador lo
    interpretará. Estas condiciones semánticas del HTML ayudan a refinar las búsquedas dentro de
    nuestro sitio web, permitiendo crear una especie de meta referencia dentro de nuestra página
    web.
    GERENCIA VIRTUAL
    “Capacitación y asesoría a solo un click”

    Citación y Elementos de Citación en HTML


    Este elemento nos permite realizar citas, que están contenidas en otra fuente, donde la referencia
    de la cita está en la misma etiqueta <blockquote>, los navegadores generalmente agregan
    sangría a la cita.

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf8">
    </head>
    <body>
    <p>Aquí tenemos un ejemplo de cita desde la Web de Gerencia Virtual</p>
    <blockquote cite="http://www.gerenciavirtual.net.ve">
    Estamos proponiendo una nueva dimensión en los procesos de capacitación, donde el
    participante va adquiriendo su formación en función a su tiempo y nivel de
    preparación.<blockquote>
    </body>
    </html>

    Código 22.html

    Citaciones cortas en HTML


    El elemento <q> define las citas cortas, los navegadores usualmente colocan entre comillas el
    contenido de la etiqueta <q>, para este caso no se agrega la sangría.

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf8">
    </head>
    <body>
    <p>Un ejemplo de cita corta, aparecerá entre comillas:<q>La meta principal de
    Gerencia Virtual es la formación de los participantes.</q></p>
    </body>
    </html>

    Código 23.html
    GERENCIA VIRTUAL
    “Capacitación y asesoría a solo un click”

    Abreviaturas en HTML
    El elemento <abbr> define una abreviatura o un acrónimo en HTML. Crear abreviaturas puede
    proporcionar información útil para navegadores, sistemas de traducción y motores de búsqueda.

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf8">
    </head>
    <body>
    <p><abbr title="Gerencia Virtual"> GV </abbr> fue fundada en 2016 para brindar
    oportunidades de </p>
    </body>
    </html>

    Código 24.html

    Al observar el resultado podemos apreciar que al posicionar el puntero sobre la abreviatura


    aparecerá su significado.

    Direcciones y Contactos en HTML


    El elemento <address> establece una dirección de contacto de un autor o propietario de un
    artículo o documento, El elemento <address> generalmente se muestra en cursiva. La mayoría
    de los navegadores agregarán un salto de línea antes y después del elemento.

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf8">
    </head>
    <body>
    <p> El elemento address define la información de contacto de un autor o
    propietario de un artículo o documento </p>
    <address>Escrito por Fulano de Tal. <br>Visitenos en: <br>
    www.gerenciavirtual.net.ve <br>Barquisimeto 3001 <br>Venezuela.</address>
    </body>
    </html>

    Código 25.html
    GERENCIA VIRTUAL
    “Capacitación y asesoría a solo un click”

    Elemento cita en HTML


    El elemento <cite> establece la autoría de un trabajo, y los navegadores la representan en
    texto estilo itálico.
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf8">
    </head>
    <body>
    <p>El elemento "cita" en HTML define el título d eun trabajo.</p>
    <p>Los navegadores generalmente mostrarán el elemento en itálica.</p>
    <img src="imágenes/marilin.jpg" width="200" height="200" alt="Marilin Monroe">
    <p><cite>Marilin Monroe</cite>por Linda Huber. Dibujo con Lápiz.</p>
    </body>
    </html>
    Código 26.html

    Escritura bidireccional en HTML


    El elemento <bdo> define la bi-direccionalidad de la escritura pudiendo indicarle el sentido,
    pudiendo tener dos valores: de izquierda a derecha (left to right “ltr”) y derecha a izquierda (right
    to left “rtl”).

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf8">
    </head>
    <body>
    <p>Si el navegador soporta la bi-direccionalidad,la siguiente línea la verá de
    derecha a izquierda.</p>
    <bdo dir="rtl">Esta línea será escrita de derecha a.</bdo>
    </body>
    </html>

    Código 27.html
    GERENCIA VIRTUAL
    “Capacitación y asesoría a solo un click”

    Breve descripción:

    Etiqueta Descripción
    <abbr> Define abreviatura o Acrónimo.
    <address> Define la dirección o contacto del autor de un documento.
    <bdo> Define la dirección del texto.
    <blockquote> Define una sección que está referenciada desde otra fuente.
    <cite> Define el título de un trabajo u obra.
    <q> Define una cita corta.
    Comentarios en la página HTML
    En muchas ocasiones necesitaremos realizar comentarios en nuestra documente fuente de HTML,
    por ejemplo: indicando donde comienza o termina una sección, identificar una imagen a insertar,
    comentar sobre un recurso, etc.
    Para realizar este comentario debemos utilizar la siguiente sintaxis:

    <!--El comentario se escribe aquí -->

    Sintaxis comentario.

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf8">
    </head>
    <body>
    <!--A continuación escribimos un párrafo -->
    <p>En el navegador se verá el párrafo mas no el comentario.</p>
    </body>
    </html>

    Código comentario.

    Você também pode gostar