Scribd Logo
Upload

Welcome to Scribd!

  • 1 Material

    Uploaded by

    Richard MH
    1 views12 pages

    Original Title

    1 Material (1)

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    1 views12 pages

    1 Material

    Uploaded by

    Richard MH

    Copyright:

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

    TEMA: Trabajamos las etiquetas de formato de texto: color,

    tamaño, tipo, alineación, negrita, cursiva, subrayado con


    block de notas para la creación de una página web HTML.

    DOCENTE ORIENTADOR: MENDEZ YALLI, Ángel

    DOCENTE EN FORMACION:
    MATAMOROS HUAMAN RICHARD RAINER

    DOCENTE : LLANCARY TUTAYA LIZ


    ¿Qué observan en la imagen?
    ¿Qué etiquetas se utilizaron en la imagen?
    Estructura de un documentos HTML.
    La estructura básica de un documentos HTML esta compuesto por una secuencia de
    etiquetas. A continuación se muestra la estructura básica de un documentos HTML.

    <html>
    <head>
    Datos de configuración del documento.
    </head>

    <body>
    Cuerpo del documento.
    </body>
    </html>

    1. La etiqueta <html> indica el inicio de un documento HTML.


    2. La etiqueta <head> es util, para configurar datos acerca del documento
    3. La etiqueta <body> agrupa a todo el contenido del documento
    Formato del texto.
    Cuando se requiere personalizar el formato del texto en documentos HTML, se utilizan varias etiquetas, una
    de las mas importantes es la etiqueta <font>
    La etiqueta font permite configurar:
    1. Tipo de letra.
    2. Color de la letra
    3. Tamaño de la letra

    Sintaxis.
    <font>Texto para formatear</font>

    Atributo Operación Valores


    face Determina tipo de letra Fuentes del sistema cliente

    size Determina el tamaño de la {1, 2, 3, 4, 5, 6, 7}


    letra
    color Configura el color de la letra Tabla de colores HTML

    Importante.
    El conjunto de fuentes, es aquel que existe en el equipo donde será reproducido el documento HTML.
    Configuración del Color de la letra.
    Para determinar el color de la fuente se realiza mediante el atributo color de la etiqueta <font>. El valor
    para el atributo se puede proporcionar con el nombre del color (en ingles) o con un valor hexadecimal.

    Color mediante nombre del color.

    Color mediante Código Hexadecimal.


    Tamaño de la letra.
    Para determinar el tamaño de la letra se utiliza el atributo size de la etiqueta <font>.

    Configuración del
    tamaño de la letra.

    Configuración de tipo y
    tamaño de la letra.
    Configurando tipo de letra
    Se pueden configurar varios tipos de letras, así en caso que el equipo cliente no cuente con la primera
    tendrá la opción de ejecutar alguna de la lista de configurada.

    Fuente conocida por el diseñador,


    pero no conocida por el equipo
    cliente

    En este caso se muestra que el


    tipo de letra: “miFuente” no
    existe en el equipo cliente, pero
    se ejecuta la configuración de
    una segunda fuente para el
    texto
    ALINEAR EL TEXTO
    Etiqueta para delimitar párrafo. <p> Alinear el Texto </p>
    Atributos:

    Atributo Operación Valores


    center
    align Alinea el texto left
    right
    justify

    Ejemplos.

    <p>Es un discurso ciertamente muy interesante de un innovador que comenta su forma


    de afrontar los cambios en un camino profesional, como el de cualquiera de nosotros,
    sujeto cada vez con mucha mayor frecuencia a más cambios. </p>

    <p align=“center”>Es un discurso ciertamente muy interesante de un innovador que


    comenta su forma de afrontar los cambios en un camino profesional, como el de
    cualquiera de nosotros, sujeto cada vez con mucha mayor frecuencia a más cambios.
    </p>
    Texto en negritas.
    La etiqueta <b> permite aplicar estilo negritas al texto del documento HTML.

    Sintaxis.
    <b>Texto para formatear</b>

    Texto en estilo Normal

    Texto en estilo Negritas


    Texto en Cursivas.
    La etiqueta <i> permite aplicar estilo cursivas al texto del documento HTML.

    Sintaxis.
    <i>Texto para formatear</i>

    Texto estilo normal

    Texto estilo Cursivas


    Texto Subrayado.
    La etiqueta <u> permite aplicar estilo subrayado al texto del documento HTML.

    Sintaxis.
    <u>Texto para formatear</u>

    Texto estilo Normal.

    Texto estilo Subrayado.


    Gracias!

    You might also like