CSS en negrita. Poner el texto en negrita. Etiquetas para resaltar texto con una línea -, y
Destacar el texto con mucha información es una buena idea. Después de todo, es posible que el lector no note la información necesaria, importante o de otro tipo que desee transmitir. Por ejemplo, también enfatizo el texto: resalto etiquetas, estilos, atributos, palabras clave, enlaces, etc. con mi color, pero lo hago usando estilos. HTML proporciona resaltadores de texto estándar: negrita, oblicuo, subrayado, tachado, más grande, más pequeño. Repasemos todos los elementos de acento.
Texto en negritaLa conocida fuente en negrita que se puede ver en todas partes. Para ello se desarrollaron dos etiquetas y. Etiqueta, más común. Estas etiquetas no son iguales, aunque el resultado es similar. La diferencia es que una etiqueta determina la negrita física del texto, mientras que una etiqueta determina la importancia de ese texto y lo pone en negrita. Pero, un gran "pero", en los navegadores modernos sus derechos han sido "igualados", se han vuelto iguales (equivalentes). La misma situación se aplica a las etiquetas. Y . Por tanto, es más beneficioso utilizar una etiqueta que sea más corta. A continuación se muestra un ejemplo:
Texto en negrita
Texto en cursivaLas etiquetas son responsables del énfasis en cursiva. Y . Como se indicó anteriormente, son diferentes en su enfoque, pero son equivalentes en los navegadores modernos. A continuación se muestra un ejemplo:
Texto subrayadoPuedes enfatizar el texto con una fuente subrayada usando una etiqueta . Esta etiqueta está condenada por la especificación HTML y se recomienda utilizar estilos con los que estoy de acuerdo. Me aseguraré de escribir los equivalentes CSS de las etiquetas de acento. A continuación se muestra un ejemplo:
Texto subrayado
Texto tachadoPara tachar texto, utilice dos etiquetas equivalentes: y . Estas dos etiquetas están mal vistas y en su lugar se recomienda el uso de estilos. Y la etiqueta está estrictamente prohibida en HTML5. A continuación se muestra un ejemplo:
Texto tachado
Más grande y más pequeño que el texto normalPuede enfatizar el texto aumentando el tamaño del texto. Hay una etiqueta para esto. Para hacer el texto más pequeño de lo habitual, utilice la etiqueta. Pero sigue siendo beneficioso utilizar siempre estilos CSS. A continuación se muestra un ejemplo:
Texto más grande
Reemplazo de texto en negrita con estilos CSSExiste una propiedad de este tipo en CSS: peso de fuente. Se necesitan muchos valores: font-weight :bold|bolder|lighter|normal|100|200|300|400|500|600|700|800|900 .
Para que el texto esté más en negrita, debe utilizar un valor de peso de fuente: 900. Hablaremos más de ello en las próximas lecciones.Reemplazo de texto en cursiva con estilos CSS Hay un análogo de la etiqueta en CSS.
(Texto en cursiva). Esta es la propiedad de estilo de fuente. A continuación se muestra un ejemplo:
I (
}
Reemplazo de texto subrayado con estilos CSS Etiqueta
está en desuso según la especificación HTML y se recomiendan estilos. Un análogo podría ser la propiedad de decoración de texto. Normalmente lo uso para eliminar el subrayado de los enlaces (valor ninguno), pero en este caso necesitamos agregar un subrayado (valor subrayado). A continuación se muestra un ejemplo:
Texto subrayado
U (
decoración de texto: subrayado;
Una de las formas más sencillas de resaltar una palabra o frase en un texto es utilizar un estilo de letra diferente. Así es como puedes enfatizar una palabra o frase usando negrita. Pages te permite resaltar palabras fácilmente usando diferentes estilos: cursiva, subrayado, negrita.Fuente en negrita como forma de resaltar lo principal.
Las palabras resaltadas en negrita se ven más brillantes y llamativas. Estas palabras y frases llaman la atención de inmediato. Entonces, para aprender cómo resaltar rápidamente los lugares necesarios en el texto, debes recordar un código HTML especial. La fuente en negrita se establece mediante una etiqueta emparejada.
Antes de la palabra, frase u oración que debe resaltarse, se coloca una etiqueta de apertura. Después de la última letra del texto a resaltar, se coloca una etiqueta de cierre. Todo lo que esté entre estas dos etiquetas aparecerá en negrita cuando se muestre en el navegador.
Otras opciones de resaltado
Entonces, descubrimos que puedes resaltar texto usando un estilo diferente. Decidimos que es más fácil y al mismo tiempo eficaz utilizar una fuente HTML en negrita. Ahora hablemos de otras opciones de selección. Entonces, puedes resaltar texto en cursiva usando una etiqueta emparejada. , enfatizarlo con
. Estas son las formas más sencillas de resaltar texto.
En este caso, como antes, el texto que necesita debe estar entre las etiquetas de apertura y cierre. Como ves, no hay nada complicado, lo principal es recordar estos códigos o anotarlos.
Usando múltiples fuentesSi desea que su texto sea más expresivo, puede utilizar algo más que fuentes en negrita. El marcado HTML le permite resaltar una palabra usando varios estilos al mismo tiempo. Por lo tanto, puede poner una palabra en negrita, tachada y cursiva al mismo tiempo.
Al mismo tiempo, debe recordar una cosa: todas las etiquetas deben cerrarse secuencialmente. Por ejemplo, una entrada correcta podría ser:
- texto resaltado.
Si cierra las etiquetas en un orden diferente, el texto se resaltará incorrectamente. Un ejemplo de una entrada errónea:
- texto resaltado.
En este caso, el navegador se confundirá y no entenderá exactamente qué es lo que quiere de él.
Por cierto, cabe señalar aquí que las tres opciones de estilo (negrita, subrayado y cursiva) se recuerdan con bastante facilidad si conoce las teclas de acceso rápido de Word. Allí, el estilo se configura usando las mismas teclas de letras mientras se mantiene presionada la tecla Ctrl.
Como puede ver, no solo puede utilizar fuentes en cursiva o negrita. El marcado HTML le permite resaltar palabras tan fácilmente como Word normal.
ConclusionesPara resaltar el texto, se utilizan ampliamente no solo varios colores y sombras, diferentes tamaños y tipos de fuentes, sino también su estilo. Además, es con la ayuda de otro esquema que uno u otro fragmento de texto se puede resaltar de manera hermosa y sencilla.
Para cambiar el estilo de fuente, debes usar cualquier etiqueta que conozcas. La fuente en negrita de una página HTML es la fuente más brillante y llamativa y, por lo tanto, se utiliza con mayor frecuencia para dar énfasis.
Todos estamos acostumbrados a resaltar parte del texto o palabras individuales de un sitio web en negrita, subrayado o cursiva. Sin embargo, si abusas de estas cosas, los motores de búsqueda pueden filtrar tu página o sitio web.
Hoy ofreceré una solución para aquellos que aún quieran resaltar palabras y texto, pero no tener miedo de las sanciones de los motores de búsqueda. Yo personalmente uso este método en varios sitios.
Las etiquetas HTML estándar son responsables de formatear el texto:
¡Atención! He lanzado un nuevo tema Romb para sus blogs y escritores de artículos. El PageSpeed de Google más rápido y máxima optimización para SEO.
Sugiero utilizar CSS para resaltar el texto, que los motores de búsqueda percibirán de forma bastante adecuada.
Paso 1. Escribe los parámetros CSSAbra su archivo de estilo (style.css, css.css, screen.css, etc.) y agregue esto al final:
Fuerte (peso de fuente: negrita;). cursiva (estilo de fuente: cursiva;). subrayado (decoración de texto: subrayado;)
Fuerte (peso de fuente: negrita;) Cursiva (estilo de fuente: cursiva; ) Subrayado (texto-decoración: subrayado;) |
Aquí hemos dado nuestra apariencia a las clases correspondientes. Ahora puede, en modo HTML, tomar el segmento de texto o palabra deseado en una etiqueta span con los parámetros deseados, como resultado de lo cual el texto tomará la forma deseada: negrita, cursiva o subrayado. Ver:
Sin embargo, lleva mucho tiempo escribir manualmente una nueva etiqueta de intervalo con la clase cada vez. Por lo tanto, propongo la opción de automatizar esto.
Paso 2. Agrega tus botones al panel de formato de textoAhora agregaremos nuevos botones al panel de formato de texto en el área de administración de su sitio de WordPress. Se verá así:
Como puede ver en la imagen, agregué 3 botones nuevos en modo HTML. Fue en ellos donde "colgué" los tramos creados con las clases necesarias (fuerte, cursiva y subrayado).
Abra su archivo funciones.php y al final, antes del cierre ?> , agregue el siguiente código (prestado, pero modificado por mí):
/*tus propios botones de formato de texto*/ add_action("admin_footer", "eg_quicktags"); función, por ejemplo_quicktags() ( ?> jQuery(document).ready(function())( if(typeof(QTags) !== "undefinido") ( QTags.addButton("zhirny", "Bold", "", "" ) ; QTags.addButton("cursiva", "cursiva", "", ""); QTags.addButton("subrayado", "subrayado", "", "" ));
