Scribd Logo
Upload

Welcome to Scribd!

  • HTML Estilos Tipograficos

    Uploaded by

    marymilena
    65 views2 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    65 views2 pages

    HTML Estilos Tipograficos

    Uploaded by

    marymilena

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    TTULOS DE NIVEL Y ESTILOS TIPOGRFICOS

    HTML Creacin de pginas Web Fecha_______________

    En una pgina Web puede presentarse cambios del tamao y grosor de la letra, que nos indican su nivel en el texto. Para hacer estos cambios utilizamos las etiquetas <H1> hasta <H6>, de la siguiente forma:
    <H1> Permite definir un ttulo grande y en negrilla, un ttulo de primer nivel. <H2> para definir un ttulo ms pequeo, la letra menos gruesa. Titulo de segundo nivel. <H3>, <H4>, <H5> Y <H6>, para definir ttulos de tercer, cuarto, quinto y sexto nivel.

    Nota. Recuerde que toda etiqueta debe cerrarse con su correspondiente etiqueta, por ejemplo: <H1>... </H1>. Ejercicio 1, Complete este cuadro basndose en los resultados obtenidos en sala. Para esto es necesario que disee una nueva pgina Web en el bloc de notas. Para facilitar su trabajo abra el archivo que desarrollo la clase anterior y grbelo con un nuevo nombre adicionando los cambios propuestos a continuacin el cuerpo de la pgina. Etiqueta
    <H1> Ttulo de primer nivel </H1> <H2> Ttulo de segundo nivel </H2> <H3> Ttulo de tercer nivel </H3> <H4> Ttulo de cuarto nivel </H4> <H5> Titulo de quinto nivel </H5> <H6> Ttulo de sexto nivel </H6>

    Resultado obtenido

    Estilos Tipogrficos Ejercicio 2, Complete este cuadro basndose en los resultados obtenidos en sala. Para realizar este ejercicio grabe un nuevo archivo, de esta forma hasta el momento ya debe tener tres pginas Web grabadas en la carpeta noveno. Estilo Address Citation Emphasis Strong Code Sample Etiqueta
    <ADDRESS> </ADDRESS> <CITE> </CITE> <EM> </EM> <STRONG> </STRONG> <CODE> </CODE> <SAMP>

    Efecto o uso comn

    Gua 34 de Informtica - Cuarto Periodo - Nombre_______________________________ - AZORN 9 +

    HTML Creacin de pginas Web Fecha_______________

    Estilo Keyboard Big Small Superndice Subndice Negrilla Cursiva Subrayado Intermitente

    Etiqueta
    </SAMP> <KBD> </KBD> <BIG> </BIG> <SMALL> </SMALL> <SUP> </SUP> <SUB> </SUB> <B> </B> <L> </L> <U> </U> <BLINK> </BLINK>

    Efecto o uso comn

    Recuerde la estructura de las marcas: cierra la etiqueta abierta anteriormente, de la siguiente forma:
    <HTML> <HEAD> <TITLE> Estilos de letras </TITLE> </HEAD> <BODY> Aqu probar los estilos nombrados, para completar las tablas. Por ejemplo: <P> <H1> Este es un ttulo de nivel 1 </H1> </BODY> </HTML>

    Ejercicio 3, pruebe la etiqueta <BR>. Para qu sirve? Ejercicio 4, Qu diferencia hay entre utilizar la etiqueta <BR> y la etiqueta <P>?.

    ACTIVIDAD EN CASA 1. Segn lo visto en clase, disee en una hoja tamao carta (mnimo), una pgina Web sobre su tema favorito, recuerde aplicar el efecto de las etiquetas vistas. 2. Por lo que ha podido observar Para qu sirve la etiqueta <P>?.

    Gua 34 de Informtica - Cuarto Periodo - Nombre_______________________________ - AZORN 9 +

    You might also like