Coso
Páginas: 6 (1385 palabras)
Publicado: 17 de febrero de 2011
Hojas de estilo
Las hojas de estilo (style sheets) son conjuntos de instrucciones, a veces en forma de archivo anexo, que se asocian a los archivos de texto y se ocupan de los aspectos de formato y de presentación de los contenidos: tipo, fuente y tamaño de letras, justificación del texto, colores y fondos, etc. Las hojas de estilo permiten liberar la composición del texto de los aspectosvisuales y favorecen que se estructure y anote mediante códigos que permiten un tratamiento más eficaz de los contenidos. El uso adecuado de las hojas de estilo es uno de los aspectos clave de la edición digital.
Las hojas de estilo son una herramienta de gran utilidad de los programas de tratamiento de textos, como OpenOffice.org o Microsoft Word. Asimismo, constituyen una parte esencial de loslenguajes de marcas para edición digital: LaTeX, XML y XHTML. Dos lenguajes de hojas de estilo son CSS y XSL.
Elementos básicos de HTML
Principales:
* <HTML> </HTML>
Son la mas importantes ya que engloban todo el documento y lo declaran como HTML.
* <HEAD></HEAD> y <BODY></BODY> Las primeras engloban al título y otras cosas que usaremos cuando sepamosmás de HTML.
Las segundas engloban el resto del documento y entre ellas se desarrollará toda ``manipulación de texto'', que vemos a continuación.
De manipulación de texto:
Hay una gran cantidad, y son los que confieren al texto un aspecto determinado. Veamos las más importantes.
* <P>
Divide el texto en párrafos. No basta con dejar líneas en blanco como en LaTeX: HTML ignora losespacios en blanco fuera de los tags.
No es necesario usar </P>
En muchos sitios dicen de ponerlo al final. No es recomendable ya que no sirve para meter líneas en blanco, y si lo usamos así se nos puede olvidar alguno.
Para pasar a la siguiente línea sin empezar un nuevo párrafo, usamos <BR> (sin </BR>).
Para crear una línea horizontal, tenemos <HR> (sin </HR>).* <H1></H1>,<H2></H2>,...<H6></H6>
Crea títulos (``headers'') de diferentes tamaños (1 es el mayor).
* <!-- comentario...-->
El texto que no queremos que la gente vea.
* <BLOCKQUOTE></BLOCKQUOTE>
Para trozos de textos que son citados y deben aparecer aparte.
* Listas
* No numeradas: <UL></UL> ycada elemento: <LI>
No es necesario usar </LI>
Cada elemento lo precede de un símbolo (``bullet'').
Pueden ser anidadas, para ello se empieza (y se termina) una lista detro de otra.
* Numeradas u ordenadas: <OL></OL> y cada elemento: <LI>
* Descripciones: <DL></DL> un argumento: <DT> y su descripción: </DD>
No esnecesario usar </DT> ni </DD>
* De énfasis.
No se deben usar <H1>, etc. para enfatizar, si no los que vemos a continuación. Hay que tener en cuenta que el efecto final depende del visualizador, asi que no debemos preocuparnos mas que del efecto que queramos conseguir.
Hay dos tipos. Por un lado están las ``lógicas'', que son las correctas ya que no especifican qué tipo deefecto van a usar, lo cual está completamente dentro de la filosofía del HTML ya que dos visualizadores no tienen porqué representar de idéntica forma un mismo efecto. Por otro están las ``forzadas'', que en teoría no se deben usar porque imoponen un formato definido, contrario a la filosofía HTML, pero que al final son las más populares. Está discusión va más allá de lo que pretendemos para un nivelbásico, así que incluimos las dos.
Lógicas:
* <EM></EM> Para enfatizar. Normalmente el texto sale en itálica.
* <STRONG></STRONG> Para resaltar. El texto suele aparecer en negrita.
* <CITE></CITE> Pone el texto de forma ``literal'' (un tipo de letra diferente a la normal).
Forzadas:
* <B></B> Texto en negrita....
Las hojas de estilo (style sheets) son conjuntos de instrucciones, a veces en forma de archivo anexo, que se asocian a los archivos de texto y se ocupan de los aspectos de formato y de presentación de los contenidos: tipo, fuente y tamaño de letras, justificación del texto, colores y fondos, etc. Las hojas de estilo permiten liberar la composición del texto de los aspectosvisuales y favorecen que se estructure y anote mediante códigos que permiten un tratamiento más eficaz de los contenidos. El uso adecuado de las hojas de estilo es uno de los aspectos clave de la edición digital.
Las hojas de estilo son una herramienta de gran utilidad de los programas de tratamiento de textos, como OpenOffice.org o Microsoft Word. Asimismo, constituyen una parte esencial de loslenguajes de marcas para edición digital: LaTeX, XML y XHTML. Dos lenguajes de hojas de estilo son CSS y XSL.
Elementos básicos de HTML
Principales:
* <HTML> </HTML>
Son la mas importantes ya que engloban todo el documento y lo declaran como HTML.
* <HEAD></HEAD> y <BODY></BODY> Las primeras engloban al título y otras cosas que usaremos cuando sepamosmás de HTML.
Las segundas engloban el resto del documento y entre ellas se desarrollará toda ``manipulación de texto'', que vemos a continuación.
De manipulación de texto:
Hay una gran cantidad, y son los que confieren al texto un aspecto determinado. Veamos las más importantes.
* <P>
Divide el texto en párrafos. No basta con dejar líneas en blanco como en LaTeX: HTML ignora losespacios en blanco fuera de los tags.
No es necesario usar </P>
En muchos sitios dicen de ponerlo al final. No es recomendable ya que no sirve para meter líneas en blanco, y si lo usamos así se nos puede olvidar alguno.
Para pasar a la siguiente línea sin empezar un nuevo párrafo, usamos <BR> (sin </BR>).
Para crear una línea horizontal, tenemos <HR> (sin </HR>).* <H1></H1>,<H2></H2>,...<H6></H6>
Crea títulos (``headers'') de diferentes tamaños (1 es el mayor).
* <!-- comentario...-->
El texto que no queremos que la gente vea.
* <BLOCKQUOTE></BLOCKQUOTE>
Para trozos de textos que son citados y deben aparecer aparte.
* Listas
* No numeradas: <UL></UL> ycada elemento: <LI>
No es necesario usar </LI>
Cada elemento lo precede de un símbolo (``bullet'').
Pueden ser anidadas, para ello se empieza (y se termina) una lista detro de otra.
* Numeradas u ordenadas: <OL></OL> y cada elemento: <LI>
* Descripciones: <DL></DL> un argumento: <DT> y su descripción: </DD>
No esnecesario usar </DT> ni </DD>
* De énfasis.
No se deben usar <H1>, etc. para enfatizar, si no los que vemos a continuación. Hay que tener en cuenta que el efecto final depende del visualizador, asi que no debemos preocuparnos mas que del efecto que queramos conseguir.
Hay dos tipos. Por un lado están las ``lógicas'', que son las correctas ya que no especifican qué tipo deefecto van a usar, lo cual está completamente dentro de la filosofía del HTML ya que dos visualizadores no tienen porqué representar de idéntica forma un mismo efecto. Por otro están las ``forzadas'', que en teoría no se deben usar porque imoponen un formato definido, contrario a la filosofía HTML, pero que al final son las más populares. Está discusión va más allá de lo que pretendemos para un nivelbásico, así que incluimos las dos.
Lógicas:
* <EM></EM> Para enfatizar. Normalmente el texto sale en itálica.
* <STRONG></STRONG> Para resaltar. El texto suele aparecer en negrita.
* <CITE></CITE> Pone el texto de forma ``literal'' (un tipo de letra diferente a la normal).
Forzadas:
* <B></B> Texto en negrita....
Leer documento completo
Regístrate para leer el documento completo.