Tema 2

12
Unidad 2. HTML. Páginas web estáticas Texto

Transcript of Tema 2

Page 1: Tema 2

Unidad 2. HTML. Páginas web estáticas

Texto

Page 2: Tema 2

Introducción

La mayor parte del contenido de las páginas HTML habituales está formado por texto, llegando a ser más del 90% del código de la página. Por este motivo, es muy importante conocer los elementos y etiquetas que define HTML para el manejo del texto.

Page 3: Tema 2
Page 4: Tema 2

Párrafos

<p> Párrafos

Atributos comunes básicos, i18n y eventos

Atributos específicos -

Tipo de elemento Bloque

Descripción Delimita el contenido de un párrafo de texto

Page 5: Tema 2

Ejemplo Párrafo

<p>Este es el texto que forma el primer párrafo de la página. Los párrafos pueden ocupar varias líneas y el navegador se encarga de ajustar su longitud al tamaño de la ventana.</p>

Page 6: Tema 2

Secciones

Los títulos de sección se utilizan para delimitar el comienzo de sección de una página.

Las etiquetas de títulos de sección establecen seis niveles jerárquicos: h1…h6

Los navegadores asignan el tamaño del título de cada sección en función de su importancia.

Page 7: Tema 2
Page 8: Tema 2

Marcado básico de texto

Las etiquetas más utilizadas para marcar texto se encuentran <em> y <strong>

<em> Cursiva

<strong> Negrita

Page 9: Tema 2

Espacios en blanco y nuevas líneas

Considera espacios en blanco a: Los espacios en blanco

Tabuladores

Los retornos de carro

El carácter de nueva línea (ENTER o Intro)

HTML ignora todos los espacios en blanco que separa las palabras

Page 10: Tema 2

Solución nuevas líneas y espacios en blanco

Etiqueta <br> (etiqueta vacía)

<br></br>

<br/> o <br />

Espacios en blanco: texto &nbsp;

Cada espacio en blanco &nbsp;

Page 11: Tema 2

Codificación de caracteres

Los caracteres que utiliza HTML para definir sus etiquetas (<, > y ") no se pueden utilizar libremente

Solución a la primera limitación consiste en sustituir los caracteres reservados de HTML por unas expresiones llamadas entidades HTML

Page 12: Tema 2

FIN