HTML
Formato al texto
Etiquetas.
La unida básica del lenguaje HTML son las etiquetas.
Una etiqueta es una cadena formada por los símbolos de men...
Atributos de las etiquetas.
Las etiquetas contienen una serie de parámetros para poder personalizar la operación que
desli...
Estructura de un documentos HTML.
La estructura básica de un documentos HTML esta compuesto por una secuencia de
etiquetas...
Etiquetas para Párrafo.
Etiqueta para delimitar párrafo.
Atributos:
Atributo Operación Valores
align Alinea el párrafo cen...
Etiqueta para Encabezados.
Para generar encabezados en un documento HTML, se utilizan las etiquetas de encabezado.
Las eti...
Encabezados. Ejemplos
Encabezado 1, tamaño fuente: 6
Encabezado 2, tamaño fuente: 5
Encabezado 3, tamaño fuente: 4
Encabez...
Encabezados. Ejemplos
Por default:
Si no se indica una alineación se
aplica alineación a la izquierda
Formato del texto.
Cuando se requiere personalizar el formato del texto en documentos HTML, se utilizan varias etiquetas, ...
Configurando tipo de letra
Tipo: Arial black
Tipo: times New Roman
Tipo: symbol
Configurando tipo de letra
Se pueden configurar varios tipos de letras, así en caso que el equipo cliente no cuente con la...
Tamaño de la letra.
Para determinar el tamaño de la letra se utiliza el atributo size de la etiqueta <font>.
Configuración...
Configuración del Color de la letra.
Para determinar el color de la fuente se realiza mediante el atributo color de la eti...
Saltos de línea.
En un documento HTML, los saltos de línea se generan en los siguientes casos:
1. Después de una etiqueta ...
Separador Vertical
La etiqueta <hr> permite agregar separadores verticales en un documento HTML.
Sintaxis.
<hr>
Atributos....
Texto en negritas.
La etiqueta <b> permite aplicar estilo negritas al texto del documento HTML.
Sintaxis.
<b>Texto para fo...
Texto en Cursivas.
La etiqueta <i> permite aplicar estilo cursivas al texto del documento HTML.
Sintaxis.
<i>Texto para fo...
Texto Subrayado.
La etiqueta <u> permite aplicar estilo subrayado al texto del documento HTML.
Sintaxis.
<u>Texto para for...
Etiquetas anidadas.
Secuencia de apertura: <b> <i> <u>
…
secuencia de cierre: </u> </i> </b>
1 2 3
3 2 1
1 2 3 3 2 1
Esto ...
Upcoming SlideShare
Loading in …5
×

02 texto

424 views

Published on

presentacion

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
424
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

02 texto

  1. 1. HTML Formato al texto
  2. 2. Etiquetas. La unida básica del lenguaje HTML son las etiquetas. Una etiqueta es una cadena formada por los símbolos de menor y mayor y entre ellos una cadena que determina el nombre de la etiqueta. < Nombre_de_la_etiqueta > Generalmente las etiquetas se utilizan como delimitadores, por lo cual una etiqueta esta compuesta de una parte que indica el inicio u el complemento que indica la finalización. Sintaxis: Etiqueta con inicio u fin <Etiqueta_Inicio> Texto contenido < / Etiqueta_Fin> Sintaxis: Etiqueta Simple <Etiqueta_Inicio> También existen etiquetas simples las cuales se componen solo de la parte de inicio.
  3. 3. Atributos de las etiquetas. Las etiquetas contienen una serie de parámetros para poder personalizar la operación que deslizan. Estos parámetros son llamadas Atributos de la etiqueta. Los atributos son parámetros que se configuran en el momento de generar una etiqueta. Sintaxis: < Etiqueta atributo1= “Valor” atributo2=“Valor” …> Texto Contenido </Etiqueta> Notas: 1. El atributo se genera del par nombre = “Valor” 2. El valor del atributo siempre se escribe entre comillas. 3. Los atributos son denotados dentro de la etiqueta de inicio. 4. Los atributos se separan entre ellos a través de espacios en blanco.
  4. 4. 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
  5. 5. Etiquetas para Párrafo. Etiqueta para delimitar párrafo. Atributos: Atributo Operación Valores align Alinea el párrafo center left right justify Ejemplos. <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> <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> Texto párrafo </p>
  6. 6. Etiqueta para Encabezados. Para generar encabezados en un documento HTML, se utilizan las etiquetas de encabezado. Las etiquetas de encabezado formatean el texto en estilo negritas y con un tamaño de fuente especifico. Sintaxis: <hn>Texto de encabezado del documento </hn> donde: h. Indica que se esta generando un encabezado o titulo. n. Es un numero entero que indica el tipo de encabezado Valore posibles para n = {1, 2, 3, 4, 5, 6} Al terminar la etiqueta de encabezado, se genera automáticamente un salto de línea. Atributos. Atributo Operación Valores align Alinea el encabezado center left right justify
  7. 7. Encabezados. Ejemplos Encabezado 1, tamaño fuente: 6 Encabezado 2, tamaño fuente: 5 Encabezado 3, tamaño fuente: 4 Encabezado 4, tamaño fuente: 3 Encabezado 5, tamaño fuente: 2 Encabezado 6, tamaño fuente: 1
  8. 8. Encabezados. Ejemplos Por default: Si no se indica una alineación se aplica alineación a la izquierda
  9. 9. 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 letra {1, 2, 3, 4, 5, 6, 7} 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.
  10. 10. Configurando tipo de letra Tipo: Arial black Tipo: times New Roman Tipo: symbol
  11. 11. 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
  12. 12. Tamaño de la letra. Para determinar el tamaño de la letra se utiliza el atributo size de la etiqueta <font>. Configuración de tipo y tamaño de la letra. Configuración del tamaño de la letra.
  13. 13. 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 Código Hexadecimal. Color mediante nombre del color.
  14. 14. Saltos de línea. En un documento HTML, los saltos de línea se generan en los siguientes casos: 1. Después de una etiqueta párrafo <p>…</p> 2. Después de una etiqueta de encabezado <hn>…</hn> Para genera explícitamente un salto de línea, se utiliza la etiqueta <br> Sintaxis. Línea del documento <br> <br> línea del documento <p>párrafo del documento</p> <br><p>párrafo del documento</p> <br><br><br>… Importante. Como se puede observar esta etiqueta no cuenta con inicio y fin, pues es una solo (inicio)
  15. 15. Separador Vertical La etiqueta <hr> permite agregar separadores verticales en un documento HTML. Sintaxis. <hr> Atributos. Atributo Operación Valores width Determina el ancho (longitud horizontal) del separador. Valor entero en pixeles o en porcentaje size Determina la altura o espesor del separador. En pixeles noshade Si se aparece este atributo se elimina la sombra del separador Ninguno align Alineación del separador Alinea el separador (solo si no esta al 100% de ancho)
  16. 16. Texto en negritas. La etiqueta <b> permite aplicar estilo negritas al texto del documento HTML. Sintaxis. <b>Texto para formatear</b> Texto en estilo Negritas Texto en estilo Normal
  17. 17. 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
  18. 18. Texto Subrayado. La etiqueta <u> permite aplicar estilo subrayado al texto del documento HTML. Sintaxis. <u>Texto para formatear</u> Texto estilo Subrayado. Texto estilo Normal.
  19. 19. Etiquetas anidadas. Secuencia de apertura: <b> <i> <u> … secuencia de cierre: </u> </i> </b> 1 2 3 3 2 1 1 2 3 3 2 1 Esto aplica para todas las etiquetas de formato de texto.

×