Estudiamos las etiquetas utilizadas para dar formato al texto y por tanto crear distintos tipos de presentación de contenidos:
- ENFATIZACIÓN
- ETIQUETADO POR CONTENIDO
- TÍTULOS O CABECERAS
- CARACTERES ESPECIALES
- COMENTARIOS
- Hojas de Estilos CSS para formatear el texto
Enfatización
| Etiquetas | Significado |
| <b> | Negrita |
| <i>,<em> | Cursiva |
| <u> | Subrayada |
| <strong> | Enfatizada |
Ejemplo:
Etiquetado por Contenido
Según el tipo de contendio a presentar, podemo utilizar una de las etiquetas que aparecen a continuación.
El navegador formateará el texto con unos atributos predeterminados:
| Etiquetas | Ejemplo |
| Abreviatura <abbr></abbr> | adj. por adjetivo |
| Acrónimo <acronym></acronym> | XML |
| Origen de Cita <cite></cite> | esto es una cita |
| Cita textual en línea <q></q> |
cita en línea |
| Cita textual en bloque<blockquote></blockquote> |
cita en bloque |
| Definición <dfn></dfn> (lo estudiaremos más adelante) | Esto es una definición |
| Código <code></code> |
<script type="text/javascript"> |
| Salida de ejemplo <samp></samp> | esto es un ejemplo |
| Entrada de teclado <kbd></kbd> | texto escrito en consola |
| Variable <var></var> | b=45 |
Titulos o Cabeceras
Para las cabeceras de contenido, el lenguaje HTML no ofrece las etiquetas <h1> a <h6> que nos permite formatear los titulares con atributos ya predefinidos.
Ejemplo:
Caracteres Especiales
Si en nuestros documentos web's necesitamos presentar caracteres especiales, no podemos escribirlos directamente, es necesario sustituir los caracteres especiales por unas expresiones llamadas entidades HTML y que representan a cada carácter:
|
|
Parra saber más sobre codificación de caracteres
Comentarios
|
Por ejemplo, para insertar el texto siguiente con un comentario: ¡Bienvenidos, esta es mi 1ª página!
Habría que escribir en el código fuente: <!-- A continuación aparecerá una línea de texto -->¡Bienvenidos, esta es mi 1ª página! |
HTML CSS
Una hoja de estilos CSS (Cascading Style Sheets) se utiliza para aplicar atributos a los elementos HTML.
Ejemplo
¿Mira! Estilos y colores
fuente www.w3schools.com
En la siguiente unidad estudiaremos lo estilos con mas detenimiento.
Para introducirnos empezamos con los estilos en línea. Para ello utilizaremos el atributo de estilo en la etiqueta correspondiente.
El atributo style puede contener cualquier propiedad CSS. El siguiente ejemplo muestra cómo cambiar el color del texto y el tipo de letra de un párrafo:
<p style="color:blue;font-family:'Comic Sans MS', cursive, sans-serif;font-size:40px;">Esto es un párrafo.</p>
Obtenemos como resultado:
Esto es un párrafo.
Utilizando estilos podemos formatear el texto eligiendo el tipo de letra, el tamaño, el color, etc.
Más información sobre el formato de texto y familias de fuentes utilizando estilos.
