Diferencia entre revisiones de «Lenguaje HTML/Formateo de texto»

Contenido eliminado Contenido añadido
Jorolo (discusión | contribs.)
cambios en la lista y modificacion de error conceptual de strong y em
Línea 49:
Sin embargo, debido a que algunos autores han usado BLOCKQUOTE simplemente como un mecanismo para dejar márgenes a los lados de un texto, y para preservar la intención de los autores, los agentes de usuario no deberían insertar signos de puntuación de citas en el estilo por defecto. </blockquote>
 
==Etiquetando el texto para su formateo==
==más==
Contrariamente a las primeras fases de la web desde html 4.0 en adelante la tendencia es de separar el contenido de la presentación de forma que no se puede decir "quiero un texto en negrita" en su lugar se debe pensar si se quiere que ese texto destaque o resalte del resto, para ello se usarian las etiquetas <strong>strong</strong> y <strong>em</strong> respectivamente.
Existen cuatro formas basicas de aplicar estilo a un texto, cualquier otra forma de hacerlo deribara de estas primeras.
 
Aquellas personas que usen vista previa se daran cuenta de que el resultado quizas no es el esperado, como todo tiene una explicación, el <em>"como"</em> se quiere ver debe definirse en las hojas de estilo, asi como el tipo de letra, color, tamaño, basicamente todo lo visual pasa a manejarse desde el css.
===Formateo por clase o #ID===
Este tipo de formateo se basa en css y consiste en aplicarle al elemento que contiene el texto una clase o un identificador y declarar los estilos del mismo en el CSS.
 
Los inconvenientes de esta forma de aplicar estilos a un texto es que se aplican en bloque a todo el texto contenido entre las etiquetas a las que se le haya asignado la clase.
Antiguamente (html 4.0 y anteriores) se usaba la etiqueta <strong>font</strong> para dar formato al texto pero desde xhtml (perfectamente posible en html 4.0 y 4.1)dicha etiqueta no se usa, en su lugar para aplicar formato a una pequeña porcion de texto se debe usar la etiqueta "span", para porciones mayores de texto se pueden usar las propias etiquetas que lo contienen en conjunción con las clases y los #id, para mas información ver CSS.
===Formateo por etiquetas <span></span>===
Estas etiquetas te permiten separar una parte del texto (desde una letra hasta varias paginas) y aplicarle estilo ya sea por pseudoclase por herencia o por aplicarle una clase o #id.
 
En caso de querer aplicar estilos a una palabra o una frase sin mas intención que que quede bonito <span> es la opcion a tener en cuenta.
===STRONG Y EM===
estas etiquetas te permiten formatear texto de la misma forma que la etiqueta span pero ademas considera que quieres '''destacar''' la palabra por encima del resto <strong></strong> o bien que quieres darle ''EM''fasis a la palabra <em></em> estas caracteristicas adquieren mas utilidad a la hora del tratamiento automatico del texto (buscadores) o para facilitar su lectura (navegadores de voz) donde el aspecto visual es irrelevante.