Texto Marcado genérico del texto El estándar HTML incluye numerosas etiquetas para marcar los contenidos de texto. No obstante, la infinita variedad de posibles contenidos textuales hace que no sean suficientes. Si se considera el siguiente ejemplo: Importante: si quiere ponerse en contacto con la empresa SIDERPERU, puede hacerlo en el teléfono o a través de la dirección de correo electrónico El texto del ejemplo anterior contiene elementos de texto importantes, siglas, números de teléfono y direcciones de correo electrónico. HTML define la etiqueta para marcar los elementos importantes y para marcar las siglas: Importante : si quiere ponerse en contacto con la empresa SIDERPERU, puede hacerlo en el teléfono o a través de la dirección de correo electrónico Desafortunadamente, HTML no define etiqueta específica para marcar números de teléfono o direcciones de correo electrónico. De la misma forma, no define etiquetas para otros posibles elementos que se pueden encontrar en los contenidos de texto. 1
Texto Marcado genérico del texto Por este motivo, el estándar HTML incluye una etiqueta llamada que se emplea para marcar cualquier elemento que no se puede marcar con las otras etiquetas definidas. Importante : si quiere ponerse en contacto con la empresa SIDERPERU, puede hacerlo en el teléfono o a través de la dirección de correo electrónico La etiqueta se visualiza por defecto con el mismo aspecto que el texto normal. Por tanto es habitual utilizar esta etiqueta junto con los atributos id y class para modificar posteriormente su aspecto con CSS: Importante : si quiere ponerse en contacto con la empresa SIDERPERU, puede hacerlo en el teléfono o a través de la dirección de correo electrónico La etiqueta sólo se puede utilizar para encerrar contenidos y etiquetas en línea. Cuando se quieren estructurar elementos de bloque, se utiliza la etiqueta, tal y como se verá en capítulos posteriores. 2
Texto Espacios en blanco y nuevas líneas El aspecto más sorprendente del lenguaje HTML cuando se desarrollan los primeros documentos es el tratamiento especial de los "espacios en blanco" del texto. HTML considera espacio en blanco a los espacios en blanco, los tabuladores y los retornos de carro (ENTER o Intro). 3
Texto Nuevas líneas Para incluir una nueva línea en un punto y forzar a que el texto que sigue se muestre en la línea inferior, se utiliza la etiqueta. En cierta manera, insertar la etiqueta en un determinado punto del texto equivale a presionar la tecla ENTER (o Intro) en ese mismo punto. La etiqueta debe abrirse y cerrarse de forma consecutiva:. También se puede escribir como. 4
Texto Espacios en blanco La solución al problema de los espacios en blanco no es tan sencilla como el de las nuevas líneas. Para incluir espacios en blanco adicionales, se debe sustituir cada nuevo espacio en blanco por el texto 5
Ejercicio 4 Determinar el código correspondiente a la siguiente imagen: 6
Texto Codificación de caracteres Una consideración importante directamente relacionada con el texto de las páginas HTML es la codificación de los caracteres y la inserción de caracteres especiales. Algunos de los caracteres que se utilizan habitualmente en los textos no se pueden incluir directamente en las páginas web: 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 inglés (ñ, á, ç, ¿, ¡, etc.) pueden ser problemáticos dependiendo de la codificación de caracteres utilizada. La solución a la primera limitación consiste en sustituir los caracteres reservados de HTML por unas expresiones llamadas entidades HTML y que representan a cada carácter: 7
Texto Codificación de caracteres 8 De esta forma, si se considera el siguiente texto: Los caracteres, " y & pueden dar problemas con los textos en HTML Para mostrar correctamente el texto anterior en una página HTML, se debe sustituir cada carácter especial por su entidad HTML: Los caracteres <,>, " y & pueden dar problemas con los textos en HTML EntidadCarácterDescripciónTraducción < < less thansigno de menor que > > more thansigno de mayor que && ampersand "" quotation markcomillas (espacio en blanco)non-breaking spaceespacio en blanco '' apostropheapóstrofo
Texto Codificación de caracteres 9 EntidadCarácterDescripción oficial ññlatin letter n with tilde ÑÑlatin capital n letter with tilde ááa acute éée acute ííi acute óóo acute úúu acute ÁÁA acute ÉÉE acute ÍÍI acute ÓÓO acute ÚÚU acute €€euro