Texto

HTML define etiquetas para estructurar el contenido en secciones y prrafos

los textos estructurados utilizan etiquetas para delimitar cada prrafo y titulares y ttulos de seccin para delimitar cada una de las secciones que forman el texto.

Texto
HTML define otras etiquetas para marcar elementos importantes dentro del texto.

As, algunas palabras del texto se muestran en negrita porque se han marcado como un elemento importante; otras palabras aparecen en cursiva, ya que se han marcado como destacadas e incluso una frase aparece tabulada y entre comillas, indicando que es una cita textual de otro contenido.

Estructurar
Prrafos
Una de las etiquetas de HTML ms utilizadas es la etiqueta <p>, que permite definir los prrafos que forman el texto de una pgina. Para delimitar el texto de un prrafo, se encierra ese texto con la etiqueta </p> Los prrafos creados con HTML son elementos de bloque, por lo que siempre ocupan toda la anchura de la ventana del navegador. Adems, no tienen atributos especficos, pero s que se les pueden asignar los atributos comunes de HTML bsicos, de i18n y de eventos.

Estructurar
Prrafos

Estructurar
Secciones
Las pginas HTML se pueden dividir en diferentes secciones jerrquicas. Los ttulos de seccin se utilizan para delimitar el comienzo de cada seccin de la pgina. HTML permite crear secciones de hasta seis niveles de importancia. Las etiquetas que definen los ttulos de seccin son <h1>, <h2>, <h3>, <h4>, <h5> y <h6> Cada ttulo se cierra con su respectivo </h1>, </h2>, </h3>, </h4>, </h5> y </h6> Adems, no tienen atributos especficos, pero s que se les pueden asignar los atributos comunes de HTML bsicos, de i18n y de eventos.

Estructurar
Secciones

Estructurar
Secciones

Marcar
Entre las etiquetas ms utilizadas para marcar texto se encuentran <em> y <strong>
Tipo de elemento en lnea Las definimos como cursiva y negrita y requieren de su respectivos </em> y </strong> Atributos comunes: bsicos, i18n y eventos

Marcar
Realice(ejercicio2)

Marcar
HTML permite indicar de forma clara el texto que ha sido eliminado y el texto que ha sido aadido a un determinado texto original. Las etiquetas utilizadas son <ins> y <del>, cuya definicin formal es la siguiente: Atributos comunes: bsicos, i18n y eventos Atributos especficos:
cite = "url" - Indica la URL de la pgina en la que se puede obtener ms informacin sobre el motivo por el que se realiz la modificacin. datetime = "fecha" - Especifica la fecha y hora en la que se realiz el cambio

Tipo de elemento: Bloque y en lnea Descripcin: Se emplea para marcar una modificacin en los contenidos originales consistente en la insercin de un nuevo contenido

Marcar
Por defecto, el texto eliminado (marcado con la etiqueta <del>) se muestra tachado de forma que el usuario pueda identificarlo fcilmente como un texto que formaba parte del texto original y que ya no tiene validez. El texto insertado (marcado con la etiqueta <ins>) se muestra subrayado, de forma que el usuario pueda identificarlo como un texto nuevo que no formaba parte del texto original. Deben llevar su respectivo </del> y </ins>

Marcar
HTML define la etiqueta <blockquote> para incluir citas textuales en las pginas web. Atributos comunes: bsicos, i18n y eventos Atributos especficos: cite = "url" - Indica la direccin de la pgina web original de la que se extrae la cita Tipo de elemento: Bloque

Marcar
La etiqueta <abbr> marca las abreviaturas de un texto y la etiqueta <acronym> se emplea para marcar las siglas o acrnimos del texto. Su definicin se la siguiente: Atributos comunes: bsicos, i18n y eventos Atributos especficos: title = "texto" - Indica el significado completo de la abreviatura o acrnimo Tipo de elemento: En lnea

Marcar

Marcar
HTML incluye la etiqueta <dfn> para proporcionar al usuario la definicin de todas las palabras para las que se considere apropiado. La definicin formal de esta etiqueta se muestra a continuacin: Atributos comunes: bsicos, i18n y eventos Atributos especficos: title = "texto" - Indica el significado completo del trmino Tipo de elemento: En lnea

Marcar
Por ltimo, HTML incluye una etiqueta que se puede utilizar para marcar un texto como una citacin <cite>: En ocasiones, no est clara la diferencia entre <cite> y <blockquote>. Una buena regla para recordar la diferencia entre ambas es que <cite> hace referencia a quien se cita y <blockquote> contiene la propia cita. Atributos comunes: bsicos, i18n y eventos Atributos especficos: Tipo de elemento: En lnea

Nuevas lneas
HTML considera espacio en blanco a los espacios en blanco, los tabuladores, los retornos de carro y el carcter de nueva lnea (ENTER o Intro).

Nuevas lneas
<html> <head> <title>Ejemplo de etiqueta p</title> </head> <body> <p>Este primer prrafo no contiene saltos de lnea ni otro tipo de espaciado.</p> <p>Este segundo prrafo s que contiene saltos de lnea y otro tipo de espaciado. </p> </body> </html>

Nuevas lneas

Nuevas lneas
Insertar la etiqueta <br> en un determinado punto del texto equivale a presionar la tecla ENTER (o Intro) en ese mismo punto. Atributos comunes: bsicos Atributos especficos: Tipo de elemento: En lnea y etiqueta vaca Las etiquetas so <br></br> <br/>

Espacios en blanco
Cada texto &nbsp; solamente equivale a un espacio en blanco, por lo que se deben escribir tantos &nbsp; seguidos como espacios en blanco seguidos existan en el texto.

Texto Pre
<pre>, muestra el texto tal y como se ha escrito, respetando todos los espacios en blanco y todas las nuevas lneas Atributos comunes: bsicos, i18n y eventos Atributos especficos: Tipo de elemento: Bloque

Texto Pre
Los elementos <pre> son especiales, ya que los navegadores les aplican las siguientes reglas:
1. Mantienen todos los espacios en blanco (tabuladores, espacios y nuevas lneas) 2. Muestra el texto con un tipo de letra especial, denominado de ancho fijo, ya que todas sus letras son de la misma anchura 3. No se ajusta la longitud de las lneas (las lneas largas producen un scroll horizontal en la ventana del navegador)

Codific. de caracteres
Los caracteres que utiliza HTML para definir sus etiquetas (<, > y ) no se pueden utilizar libremente. Los caracteres propios de los idiomas que no son el ingls (, , , , , etc.) pueden ser problemticos dependiendo de la codificacin de caracteres utilizada.

Codific. de caracteres
La solucin para incluir los caracteres reservados por HTML consiste en sustituir esos caracteres por unas expresiones llamadas entidades HTML y que representan a cada carcter: Entidad Carcter Descripcin Traduccin:
&lt; &gt; &amp; &quot; &nbsp; &apos; < > & less than more than ampersand quotation mark no-break space apostrophe signo de menor que signo de mayor que ampersand comillas espacio en blanco apstrofo

Codific. de caracteres
Igualmente ocurre con ciertos caracteres propios de cada idioma. As por ejemplo si el editor HTML del diseador y navegadores utiliza la codificacin UTF-8, todos los acentos y se ven correctamente. Sin embargo, si se usa la codificacin ISO8859 en cualquier momento, este cambio generar en el navegador del usuario caracteres extraos en todos los acentos y en todas las letras como la .

Codific. de caracteres
Entidad Carcter
&ntilde; &Ntilde; &aacute; &eacute; &iacute; &oacute; &uacute; &Aacute; . &euro;

Descripcin

Traduccin

latin letter n with tilde latin capital n letter with tilde a acute e acute i acute o acute u acute A acute euro

signo del euro

http://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references

Ejercicios
Realice el siguiente ejercicio (Ejercicio 4)

Ejercicios
Obtenga el cdigo de esta pgina