User Tools

Site Tools


es:web_development:text:headings

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
es:web_development:text:headings [2022/02/09 13:10]
ander [Encabezado]
es:web_development:text:headings [2023/08/16 09:33] (current)
Line 18: Line 18:
 <code><h1>Mi historia</h1></code> <code><h1>Mi historia</h1></code>
   * Observe que el texto es mucho más grande y pesado, como normalmente son los encabezados.   * Observe que el texto es mucho más grande y pesado, como normalmente son los encabezados.
-Hay 6 niveles de encabezado desde <html><h1></html> hasta <html><h6></html>. Se hacen más pequeños (menos importantes) a medida que el número aumenta.+  * Hay 6 niveles de encabezado desde <html><h1></html> hasta <html><h6></html>. Se hacen más pequeños (menos importantes) a medida que el número aumenta.
  
 ==== Familia tipográfica ==== ==== Familia tipográfica ====
Line 38: Line 38:
 ==== Cambio de Estuche ==== ==== Cambio de Estuche ====
   * Vamos a hacerlo todo en mayúsculas.   * Vamos a hacerlo todo en mayúsculas.
-<code><h1 style="font-family:Arial,sans-serif; color:green; font-size: 1.7em; text-decoration:subrayado; text-transform:mayúsculas;">Mi historia</h1></code>+<code><h1 style="font-family:Arial,sans-serif; color:green; font-size: 1.7em; text-decoration:underline; text-transform:uppercase;">Mi historia</h1></code>
   * Aquí hay un estilo diferente que se ve muy bien en los encabezados. Tenga en cuenta que debe eliminar <html>text-transform:uppercase;</html> para que funcionen las versalitas. No puedes tener ambos.   * Aquí hay un estilo diferente que se ve muy bien en los encabezados. Tenga en cuenta que debe eliminar <html>text-transform:uppercase;</html> para que funcionen las versalitas. No puedes tener ambos.
-<code><h1 style="font-family:Arial,sans-serif; color:green; font-size: 1.7em; text-decoration:subrayado; font-variant: small-caps;">Mi historia</h1></code>+<code><h1 style="font-family:Arial,sans-serif; color:green; font-size: 1.7em; text-decoration:underline; font-variant: small-caps;">Mi historia</h1></code>
  
 ==== Altura de la Línea ==== ==== Altura de la Línea ====
Line 49: Line 49:
 ==== Sombra ==== ==== Sombra ====
   * Finalmente, agreguemos algo de sombra al encabezado.   * Finalmente, agreguemos algo de sombra al encabezado.
-<code><h1 style="font-family:Arial,sans-serif; color:green; font-size: 1.7em; text-decoration:subrayado; font-variant: small-caps; line-height: 2em; text-shadow: 2px 2px #ff0000;">Mi historia</h1></code>+<code><h1 style="font-family:Arial,sans-serif; color:green; font-size: 1.7em; text-decoration:underline; font-variant: small-caps; line-height: 2em; text-shadow: 2px 2px red;">Mi historia</h1></code> 
 +  * Aquí estamos agregando una sombra roja de 2 píxeles abajo y 2 píxeles a la derecha del encabezado original.
   * ¿Ves cómo puedes encadenar muchos atributos de estilo juntos?   * ¿Ves cómo puedes encadenar muchos atributos de estilo juntos?
   * Esto es útil si desea cambiar el estilo de un elemento, pero se vuelve engorroso si, por ejemplo, desea cambiar el estilo de todos los párrafos de su carta. Para eso, usaremos CSS , que veremos en la Lección 3.   * Esto es útil si desea cambiar el estilo de un elemento, pero se vuelve engorroso si, por ejemplo, desea cambiar el estilo de todos los párrafos de su carta. Para eso, usaremos CSS , que veremos en la Lección 3.
   * Todos los atributos de estilo que hemos usado en esta lección se pueden usar en CSS .   * Todos los atributos de estilo que hemos usado en esta lección se pueden usar en CSS .
 + 
  
 [[es:web_development:text:javascript|Siguiente: JavaScript]] [[es:web_development:text:javascript|Siguiente: JavaScript]]
es/web_development/text/headings.1644441020.txt.gz · Last modified: 2023/08/16 09:33 (external edit)