Bloque 3 Diapositivas

Descargar como pdf o txt
Descargar como pdf o txt
Está en la página 1de 13

KARLA FABIOLA TREJO LÓPEZ

PROGRAMACIÓN WEB.

1
III. FORMATO DE TEXTO
3.1 ESTILOS LÓGICOS.
3.2 ESTILOS FÍSICOS.
3.3 PREFORMATO <PRE>.
3.4 REGLAS <HR>.
3.5 <BR>.
3.6 DIRECCIONES.
3.7 CARACTERES ESPECIALES.
3.8 JUSTIFICADO DE TEXTO.
3.9 TIPOGRAFÍA.

2
2
3.1 ESTILOS LÓGICOS.
Formatos basados en la función y el significado del contenido
en lugar de su aspecto visual.

Dfn Samp
Para una palabra que
está siendo definida. Se emplea para mensajes
Em estándar de computadoras.
Da énfasis a un texto.
Cite
Marca títulos de libros,
películas u otras obras.

Strong
Da mayor énfasis a un
texto.

kbd
Representa entradas
desde el teclado.

3
3.2 ESTILOS
FÍSICOS.
Se centran en la apariencia visual del texto y abarcan atributos como el tamaño de fuente, el color del texto, la
familia de fuentes y los efectos de texto, como el subrayado o el tachado.

Implementación de CSS.

➢ Mediante reglas de estilo


➢ Por bloque <style> dentro del
encabezado
➢ un archivo CSS externo

4
Presentación de texto sin interpretar las etiquetas de formato y
los espacios en blanco.

Código de programación Datos tabulares <table> y </table>

3.3 PREFORMATO Mostrar fragmentos de código


de programación.
El preformato puede asegurar que las
columnas y filas mantengan su disposición
<PRE>. original.

Textos formateados Visualización de archivos de texto

Mostrar ejemplos de contenido Evita que el navegador interprete las


formateado, como correos etiquetas HTML dentro del archivo.
electrónicos, mensajes de foros
o contenido wiki.

5
3.3 PREFORMATO
<pre>

6
Son líneas horizontales que se utilizan para separar secciones de
3.4 REGLAS contenido en una página web. También conocidas como
"separadores".
<HR>.
align

color

Atributos
size

width

noshade

style

7
Permite introducir un cambio de línea sin crear un nuevo párrafo.

BLOQUE 3

Útil cuando se desea presentar contenido en una disposición más compacta.

3.5 <BR>.
Se utiliza para generar un salto de línea
simple en el texto.

El uso excesivo de `<br>` puede afectar la estructura y la legibilidad del


contenido.

8
3.6 DIRECCIONES.

<address>

Este elemento posee un valor semántico intrínseco,


ya que se emplea para delinear información que
suele incluir direcciones postales, números de
teléfono, direcciones de correo electrónico u otra
información de contacto relevante. No conlleva un
formato visual específico de manera
predeterminada.

9
3.7 CARACTERES ESPECIALES.
Son símbolos que no están presentes en todos los teclados y que tienen significados
especiales en HTML y otros lenguajes de marcado.

&copy; &lt; &gt;


Representa el símbolo de copyright (©). Representa el símbolo de Representa el símbolo de mayor que (>).

menor que (<).

&amp; &euro; &quot;


Representa el símbolo de ampersand (&). Representa el símbolo del euro (€). Representa una comilla simple (').

10
3.7 CARACTERES
ESPECIALES.

11
3.8 JUSTIFICADO
DE TEXTO.

Técnica de alineación que se utiliza para distribuir


uniformemente el texto a lo largo de un margen
izquierdo y derecho.

Left
Alinea el contenido a la izquierda
Right
Alinea el contenido a la derecha
Center
Alinea el contenido en el centro
Justify
Justifica el contenido, distribuyendo uniformemente las
palabras y los caracteres a lo largo de los márgenes
izquierdo y derecho.

12
➢ Estilo y la disposición de las fuentes utilizadas para mostrar el
texto en una página web.
3.9 TIPOGRAFÍA. ➢ Deben ser lo suficientemente claras y legibles en todo tipo de
pantallas y condiciones de iluminación.
➢ Técnica conocida como CSS @font-face para cargar tipografías
desde fuentes externas o locales.
➢ formato compatible con la web, como .woff o .woff2, en el
mismo directorio que el archivo HTML.

13

También podría gustarte