Tema 2
Transcript of Tema 2
![Page 1: Tema 2](https://reader036.fdocumento.com/reader036/viewer/2022071900/55c02c1ebb61eb33578b4711/html5/thumbnails/1.jpg)
Unidad 2. HTML. Páginas web estáticas
Texto
![Page 2: Tema 2](https://reader036.fdocumento.com/reader036/viewer/2022071900/55c02c1ebb61eb33578b4711/html5/thumbnails/2.jpg)
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](https://reader036.fdocumento.com/reader036/viewer/2022071900/55c02c1ebb61eb33578b4711/html5/thumbnails/3.jpg)
![Page 4: Tema 2](https://reader036.fdocumento.com/reader036/viewer/2022071900/55c02c1ebb61eb33578b4711/html5/thumbnails/4.jpg)
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](https://reader036.fdocumento.com/reader036/viewer/2022071900/55c02c1ebb61eb33578b4711/html5/thumbnails/5.jpg)
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](https://reader036.fdocumento.com/reader036/viewer/2022071900/55c02c1ebb61eb33578b4711/html5/thumbnails/6.jpg)
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](https://reader036.fdocumento.com/reader036/viewer/2022071900/55c02c1ebb61eb33578b4711/html5/thumbnails/7.jpg)
![Page 8: Tema 2](https://reader036.fdocumento.com/reader036/viewer/2022071900/55c02c1ebb61eb33578b4711/html5/thumbnails/8.jpg)
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](https://reader036.fdocumento.com/reader036/viewer/2022071900/55c02c1ebb61eb33578b4711/html5/thumbnails/9.jpg)
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](https://reader036.fdocumento.com/reader036/viewer/2022071900/55c02c1ebb61eb33578b4711/html5/thumbnails/10.jpg)
Solución nuevas líneas y espacios en blanco
Etiqueta <br> (etiqueta vacía)
<br></br>
<br/> o <br />
Espacios en blanco: texto
Cada espacio en blanco
![Page 11: Tema 2](https://reader036.fdocumento.com/reader036/viewer/2022071900/55c02c1ebb61eb33578b4711/html5/thumbnails/11.jpg)
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](https://reader036.fdocumento.com/reader036/viewer/2022071900/55c02c1ebb61eb33578b4711/html5/thumbnails/12.jpg)
FIN