Para que nuestra página WEB se vea más presentable, dividimos el texto en párrafos y resaltamos el encabezado. HTML tiene 6 niveles de encabezados de sección de documentos, numerados del 1 al 6. Los encabezados se declaran mediante un par de etiquetas con números correspondientes al nivel, por ejemplo,
- el encabezamiento de la sección del primer nivel, y - encabezamiento de la sección de sexto nivel. Los encabezados se diferencian del texto normal en el tamaño y el ancho de las letras. El encabezado de primer nivel h1 generalmente se muestra en una fuente muy grande, mientras que el encabezado de sexto nivel h6 se muestra muy pequeño.Títulos
No confunda los títulos de las secciones de un documento con el título del documento discutido anteriormente, definido por el elemento
.Usamos la primera oración como título del texto - Para hacer esto, es suficiente limitarlo con etiquetas
y
.Insertar etiquetas en el texto del archivo other.html
y
para que limiten la primera oración del texto, y este fragmento de código toma la siguiente forma:¡Bienvenido a la página de la empresa SD!
Veamos el resultado adquirido.
Guarde el archivo seleccionando el comando de menú del programa Bloc de notas Archivo - Guardar (Archivo - Guardar).
La operación de guardar siempre debe realizarse antes de ver el documento, porque abre el archivo para verlo al cargarlo en la memoria RAM de la computadora desde el disco. Si no guarda el archivo después de editar el código HTML, no verá ninguna configuración en el navegador.
Restaure la ventana del navegador haciendo clic en su botón en la barra de tareas.
Presione el botón F5 o el botón Actualizar en la barra de herramientas de la ventana de trabajo del programa. El archivo other.html se volverá a cargar y verá en la ventana del navegador cómo se ve el encabezado del primer nivel.
Vea cómo se verán los títulos de los otros 5 niveles cambiando los números en las etiquetas: h2, h3, etc. Después de cada configuración, no olvide guardar el archivo y actualizar la imagen en la ventana del navegador.
Cuando termine los experimentos, vuelva a restaurar las etiquetas en el archivo other.html
.Utilizando los 6 niveles de rúbricas que pone a tu disposición lenguaje HTML, se puede hacer simplemente documento legible con una estructura intuitiva. Recuerde que su documento siempre se leerá significativamente mejor si tiene una división precisa en secciones y subsecciones.
Alineación de rumbo
De forma predeterminada, el título se alinea al lado izquierdo de la página. Pero también puede estar alineado a la derecha o centrado. Para la alineación a la derecha en una etiqueta
se usa el atributo align="right" y align="center" para centrar. También se permite la indicación obvia de alineación del lado izquierdo - align="left".
Agregar a la etiqueta
el atributo align="center" para centrar el encabezado. Este elemento debe tener la siguiente forma:
¡Bienvenido a la página de la empresa SD!
En el futuro, no le recordaremos la necesidad de guardar el archivo con el código inicial y actualizar la imagen en el navegador antes de verla.
Cómo poner texto en negrita en HTML
Ahora pasemos al resto del texto. Aumente su tamaño y ponga el texto en negrita cursiva. Las etiquetas emparejadas se utilizan para establecer un estilo en negrita .
Pegar en el archivo apertura other.html y cierre etiquetas para que limiten el texto Aquí aprenderás... Este elemento debe tomar la siguiente forma:
Cómo poner texto en cursiva en HTML
El estilo cursiva se establece mediante etiquetas .
Inserta una etiqueta HTML en el código inicial y para que el elemento editado tome la siguiente forma:
Aquí conocerá nuestras actividades, sobre productos de software sobre nuestra empresa y los equipos que producimos
Los elementos de marcado se pueden anidar, como en esta estructura, donde el elemento … anidado en elemento …. Los navegadores modernos son capaces de manejar etiquetas anidadas correctamente. Por lo tanto, debe asegurarse de que no se viole el orden de anidamiento. El navegador se verá obstaculizado si se interrumpe el anidamiento. Por ejemplo, lo siguiente sería incorrecto: …. El anidamiento es una parte muy fundamental de la cultura general de escribir código HTML.
Cómo hacer texto subrayado en HTML
Con un par de etiquetas puede establecer el estilo subrayado de una pieza de texto delimitada por estas etiquetas y usar un par de etiquetas - Mostrar texto en fuente de teletipo.
Cabe señalar que recientemente la etiqueta simplificado y el subrayado se hace usando estilos. equivalente . Sí, el nuevo análogo parece más engorroso, pero desafortunadamente es más cierto. Lo principal a este favor es que la variante voluminosa es multinavegador, en otras palabras, es apta para todos los navegadores, cuando ambos No todos los navegadores son compatibles.
Cómo incrementar texto en HTML
Ahora aumentemos el tamaño de fuente del texto. Esto se puede hacer de varias maneras.
etiquetas aumentar el tamaño de fuente del texto encerrado entre ellos.
Agregue etiquetas al principio y al final del código anterior, respectivamente y para que el elemento tome la siguiente forma:
Aquí conocerá nuestras actividades, los productos de software de nuestra empresa y los equipos que producimos.
Usar etiquetas puede reducir el tamaño de fuente del texto en comparación con el inicial.
Otro método para especificar el tamaño de fuente es con etiquetas. con el atributo de tamaño. Los valores de este atributo son números enteros del 1 al 7. El valor 1 corresponde al tamaño de fuente más pequeño y el valor 7 corresponde al más grande.
Usar en lugar de etiquetas ver etiquetas , vea cómo cambia el tamaño de fuente del texto con diferentes valores del atributo de tamaño, de 1 a 7.
También puede usar números del 1 al 7 con un signo + (más) o - (menos) como valor para el atributo de tamaño. En este caso, el tamaño de la fuente aumenta o disminuye en consecuencia, en comparación con el inicial, por ejemplo, etiquetas aumentará el tamaño de fuente, en comparación con el actual, en un nivel. Controlar.
Establezca 5 como el valor del atributo de tamaño para el texto en cuestión: . El código HTML para esta pieza debería verse así:
Aquí conocerá nuestras actividades, los productos de software de nuestra empresa y los equipos que producimos..
en etiquetas el atributo de color también se puede utilizar para especificar el color de fuente delimitado por etiquetas de texto. Los valores de este atributo son los mismos que para los atributos discutidos anteriormente que describen el color del fondo y el texto del documento.
De forma predeterminada, el párrafo con el texto Here You'll Know... está alineado a la izquierda. Céntralo horizontalmente con etiquetas.
pegar etiquetas
Tenga en cuenta que usamos etiquetas para centrar el párrafo
Atención! Para etiquetas de 2010 ,
=
=
También hay un gran número de otros etiquetas obsoletas, que no se describen en este artículo, por lo tanto, es mejor familiarizarse de inmediato con los sitios WEB especializados en este problema. Pero publiqué los principales aquí un poco más arriba.
Códigos de selección
El lenguaje HTML permite dos enfoques para la selección de fuentes de fragmentos de texto. Por un lado, puedes indicar directamente que la fuente en una determinada sección del texto puede ser negrita o cursiva, en otras palabras, es obvio indicar el estilo de fuente del texto, como hicimos en este experimento. Por otro lado, es posible marcar cualquier fragmento de texto para que tenga algún tipo de estilo lógico que sea más agradable de lo habitual, dejando que el navegador interprete ese estilo. De esta forma, el estilo lógico muestra el papel de la pieza de texto, por ejemplo, su gran importancia en comparación con el texto ordinario, o el hecho de que esta pieza es una cita. A propio trabajo podrá utilizar etiquetas posteriores que definen estilos lógicos. Comprueba cómo funcionan en diferentes navegadores.
- se utiliza para definir una palabra. El texto se muestra en cursiva de forma predeterminada.
- para resaltar palabras y ampliar. El texto se muestra en cursiva de forma predeterminada.
- para resaltar los títulos de libros, películas, actuaciones, etc., que se muestran en cursiva de forma predeterminada.
- para fragmentos de código de programa. Se muestra en la pantalla en una fuente de ancho fijo.
- utilizado para el texto que el usuario ingresa desde el teclado. Puede mostrarse en diferentes fuentes en diferentes navegadores. Etiqueta obsoleta.
- sirve para mostrar los mensajes del programa. Se muestra en una fuente de ancho fijo. Etiqueta obsoleta.
- para fragmentos particularmente importantes. Usualmente resaltado en negrita.
- se utiliza para indicar que un fragmento de texto o una palabra es una variable de carácter, es decir, texto que puede ser reemplazado por diferentes expresiones. Se muestra en cursiva por defecto. Etiqueta obsoleta.
La especificación HTML 4.0 ofrece un método más avanzado para especificar estilos para texto y otras partes, utilizando el lenguaje de hojas de estilo en cascada CSS. Las hojas de estilo son un gran logro en el campo del diseño web, ya que amplían la capacidad de mejorar la apariencia de las páginas. Las hojas de estilo facilitan la definición del espacio entre líneas, la sangría, los colores utilizados para el texto y los fondos, el tamaño y el estilo de la fuente, etc. Como valor del atributo de estilo, se utilizan pares de la forma "propiedad: valor". Por ejemplo, en un fragmento de código que describe un encabezado de sección,
el atributo style="color: blue" especifica que la propiedad de color se establece en azul, es decir, el texto del encabezado de primer nivel debe mostrarse en azul.
Alineación de estilo
Veamos cómo usar el lenguaje de hojas de estilo en cascada para especificar el estilo de una pieza de texto que comienza con las palabras Aquí aprenderás...
Para especificar el peso de la fuente, use la propiedad font-weight con los valores más claro (estrecho), negrita (negrita), más negrita (negrita), por ejemplo, style="font-weight: bold".
Para definir el estilo de cursiva, utilice la propiedad de estilo de fuente con el valor de cursiva. Por lo tanto, para poner el texto en negrita y cursiva, debe encontrar el atributo de estilo de la siguiente manera: style="font-weight: bold; font-style: italic". Tenga en cuenta: las características se pueden colocar en cualquier orden y deben estar separadas por un punto y coma.
Si desea especificar el tamaño de fuente, debe usar la propiedad de tamaño de fuente, cuyos valores se pueden especificar en valores relativos o absolutos. Los valores relativos son porcentajes y los valores absolutos son puntos (pt), píxeles (px), centímetros (cm), milímetros (mm). Por ejemplo:
estilo = "tamaño de fuente: 200%"
estilo = "tamaño de fuente: 16 puntos"
estilo = "tamaño de fuente: 100px"
Al especificar tamaños absolutos en lugar de relativos, priva a los usuarios que miran sus páginas de la capacidad de aumentar o disminuir el tamaño de la fuente mediante el comando del menú del navegador de acuerdo con su visión y la resolución del monitor. Las fuentes solo se mostrarán en el tamaño que especificó. Por lo tanto, es mejor especificar el tamaño de fuente como un porcentaje. En este caso, el tamaño de fuente será más pequeño o más grande en el porcentaje indicado que cuando se formatea con la etiqueta HTML predeterminada.
Para determinar el método de alineación horizontal del texto, se utiliza la propiedad text-align con los valores left (hacia la izquierda), right (hacia la derecha), center (en el centro), justificado (en ancho). De esta forma, para indicar que el texto Aquí aprenderás... debe estar formateado en cursiva negrita con un tamaño del 150% de la inicial y alineado al centro, su estilo debe encontrarse de la siguiente manera:
style="font-weight: negrita; font-style: cursiva; font-size: 150%; text-align: center"
Aplicaremos este atributo en las etiquetas.<р>, que le permiten presentar el texto como un párrafo separado.
Edite el elemento HTML para incluir texto Aquí lo descubrirá... eliminando las etiquetas
<р style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center">Aquí conocerá nuestras actividades, los productos de software de nuestra empresa y los equipos que producimos.
Verá, el lenguaje HTML permite una variedad de técnicas de estilo. Al mismo tiempo, el uso del lenguaje de las tablas en cascada estilos css es más deseable.
Otras opciones de alineación y estilo
Hemos visto solo un uso del lenguaje de hojas de estilo, donde la definición de estilo se coloca específicamente dentro de la etiqueta del elemento que está describiendo.
Esto se hace usando el atributo de estilo, que se usa con la mayoría de las etiquetas HTML estándar. Pero hay otros usos para CSS.
En HTML estándar, sin la introducción de hojas de estilo, para asignar ciertos parámetros a cualquier elemento, como color, tamaño, posición en la página, etc., debe delinear estas características para cada elemento cada vez, incluso si Se requieren 10 páginas para colocarse en una página ki tales partes que no difieren entre sí. Tienes que insertar la misma pieza de código HTML en la página 10 veces, aumentando el tamaño del archivo y el tiempo de descarga desde la red.
Las hojas de estilo funcionan de una forma diferente, más cómoda y económica. Para asignar ciertas características a cualquier elemento, primero debe delinear este elemento y encontrar esta descripción como un estilo y, en el futuro, simplemente indicar que el elemento al que desea aplicar el estilo adecuado debe adoptar las características del estilo que describió. . Cómodo, ¿no?
Además, puede guardar la descripción del estilo no en el texto de su página WEB, sino en archivo separado- esto le permitirá utilizar la descripción de estilo en cualquier número de páginas WEB. Y otra ventaja relacionada es la capacidad de cambiar el diseño de cualquier cantidad de páginas, corrigiendo solo la descripción del estilo en un archivo separado.
Además, el lenguaje de hojas de estilo le permite trabajar con el diseño de fuentes de las páginas para obtener aún más el nivel más alto que el HTML estándar.
Actualmente, el lenguaje CSS tiene una cantidad bastante grande de opciones para partes de HTML que puede controlar. Al aplicar “seguro”, es decir, compatible con la mayor cantidad de navegadores elementos css- características de la fuente, colores de partes y fondo, características de texto y bordes - puede facilitar mucho su trabajo y hacer más atractivas sus páginas WEB en cuanto al diseño de texto.
En HTML, el texto en negrita se puede hacer de varias maneras. Éstos incluyen:
- Etiqueta b;
- Etiqueta fuerte;
- propiedad CSS peso de fuente.
Hablemos de cada una de las opciones de selección de texto en orden.
Texto en negrita: etiqueta
Etiqueta b El HTML se aplica así:
Creador de sitios web "Nubex"
para la etiqueta debe tener un cierre y atributos genéricos (como clase, identificación, título etc.)
Aunque la validez de la etiqueta b y no está en desuso por la especificación HTML, más relevante para usar es la etiqueta fuerte veamos por qué
Texto en negrita: etiqueta
Según la especificación HTML, la etiqueta b Se utiliza para poner el texto en negrita. En cambio, la etiqueta fuerte HTML sirve para resaltar importante frah, palabras que son clave para esta página.
Esta etiqueta es de gran importancia cuando se clasifican las páginas en los resultados de búsqueda, por lo que se usa ampliamente en la promoción de sitios web y la optimización SEO. Los motores de búsqueda respetan el texto encerrado en las etiquetas y márquelo como importante.
Etiqueta utilizada fuerte de la misma manera:
Creador de sitios web "Nubex"
Puede notar que la aplicación externa de etiquetas y no difiere en nada (porque todos navegadores modernos interpretarlos casi igual), pero las diferencias semánticas en el código para los motores de búsqueda, sin embargo, tienen un lugar para estar. Por lo tanto, la mayoría de los SEO recomiendan usar la etiqueta fuerte.
Texto en negrita con CSS
Ya hemos señalado la importancia de la etiqueta fuerte durante la promoción de búsqueda, pero qué hacer si necesita resaltar un gran número de texto en negrita (pero no es necesario marcar el texto como importante para los motores de búsqueda), o es necesario controlar el grado de "negrita" de la fuente? En tales casos, se utiliza la propiedad CSS peso de fuente. Se aplica de la siguiente manera:
Nuestros sitios son realmente gran paso en desarrollo web.
lo hacemos de verdad calidad sitios
Confía en nosotros y lo haremos no te defraudaremos.
Valores más audaz y encendedor puede establecer el grado de negrita más (o menos) que el padre. Se puede utilizar un valor numérico (100-900) para establecer el grado de contenido de grasa.
Hay tres formas de poner el texto en negrita en página HTML, pero no se apresure a usar inmediatamente el que desee, ya que dicha selección puede tener un significado diferente y afectar la optimización del sitio para el motor de búsqueda.
Fuente en negrita con etiqueta fuerte
Este método es adecuado si desea poner en negrita una parte importante del texto. La etiqueta HTML es una etiqueta de formato lógico y su esencia es "enfatizar" la importancia del fragmento seleccionado.
Hay otras etiquetas de formato lógico en HTML. Por ejemplo, la etiqueta resalta el texto en cursiva e indica énfasis en la frase seleccionada.
Otros tipos de selección de texto se describen en el artículo:.
Texto sin formato texto importante resaltado. Texto sin formato.
Texto en negrita con etiqueta b
Texto sin formato texto en negrita. Texto sin formato.
Estilos CSS en negrita
El texto en negrita se puede hacer no solo con la ayuda de especiales Etiquetas HTML. Puede ponerlo en negrita en cualquier etiqueta configurando la propiedad font-weight: bold; (no funciona para todas las fuentes).
Tal selección será de naturaleza estilística, sin agregar peso lógico al texto seleccionado.
Además, puede seleccionar tanto una etiqueta específica como un grupo de elementos a la vez configurando estilos a través de una clase CSS.
La propiedad CSS dentro del atributo de estilo:
Texto en negrita.
Texto en negrita.
Texto en fuente normal.
Texto en negrita.
Qué hacer si no puede poner el texto en negrita
Si no puede poner el texto en negrita, es probable que su sitio haya anulado los estilos de elementos CSS. En este caso, tendrás que ajustar estos estilos. En la mayoría de los casos, esto se hará a través del archivo de hoja de estilo CSS principal. Si no entiende esto, póngase en contacto con el webmaster. Con un alto grado de probabilidad, no se necesitarán más de 5 minutos de trabajo para resolver este problema (aunque, por supuesto, puede haber excepciones).
Seguimos trabajando con fuentes y en esta lección veremos cómo se configuran las propiedades para darle a la fuente un aspecto de negrita o cursiva. Hasta ahora, hemos considerado cómo crear fuente en negrita o cursiva mediante el uso HTML etiquetas Pero como ya sabemos HTML no debe usarse para diseñar un documento, solo está destinado a crear marcas, estructura de página, por lo que debe diseñar todo a través de una hoja de estilo CSS. Y ahora veamos cómo se establecen tales propiedades.
Fuente cursiva CSS
La propiedad ayuda a formatear el texto en cursiva. Estilo de fuente: ; , al que se le asigna el valor itálico , que significa "El estilo de fuente es cursiva".
Ahora imaginemos que hay muchos párrafos en la página y uno de ellos debe estar en cursiva. Lo que hacemos es crear una clase para el párrafo deseado y luego especificar que el elemento con esa clase debe estar en cursiva.
HTML
Cuarto párrafo Cuarto párrafo Cuarto párrafo
Establezca la propiedad para la fuente en cursiva.
Si creó dichos párrafos y estableció una propiedad para ellos, el texto del segundo párrafo se puso en cursiva. Establecemos la propiedad para todo el párrafo, pero ahora hagámoslo más difícil y establezcamos cursiva solo para dos palabras en el cuarto párrafo. ¿Como hacer esto? A HTML En la lección, analizamos la etiqueta de nivel lógico . Esta etiqueta solo se usa para situaciones en las que para alguna parte del elemento necesita establecer alguna clase. Y entonces incrustamos la etiqueta en el cuarto párrafo y le asignamos una clase. clase="cursiva">
. Como resultado, obtenemos la siguiente entrada:HTML
Primer párrafo Primer párrafo Primer párrafo Primer párrafo
Segundo párrafo Segundo párrafo Segundo párrafo Segundo párrafo
Tercer párrafo Tercer párrafo Tercer párrafo Tercer párrafo
Cuarto párrafo Cuarto párrafo Cuarto párrafo
Quinto párrafo Quinto párrafo Quinto párrafo Quinto párrafo
Cursiva (estilo de fuente: cursiva;)
El segundo párrafo y parte del cuarto párrafo ahora se muestran en cursiva. A manifestación esto se muestra claramente.
CSS en negrita
Para establecer la fuente en negrita, se usa otra propiedad, llamada peso de fuente: ; en otras palabras, también se llama saturación de fuente. La saturación se establece inicialmente en normal es decir, la saturación de la fuente es normal y al establecer el valor audaz se volverá audaz.
Negrita (fuente-peso: negrita;)
También puede establecer el valor de saturación con números de 100 antes de 900 paso a paso 100 . Sentido normal equivale a un número 400 , y el valor audaz figura 700 . Sentido 900 no es compatible con todas las fuentes, por lo que al establecer este valor es posible que no note la diferencia con el valor 700 . Esta condición se ve así:
Negrita (peso de fuente: 700;)
A html haga exactamente lo mismo: si necesita seleccionar todo el párrafo, pregúntele Nueva clase, si es parte del texto, utilice la etiqueta clase="cursiva"> . Considere un pequeño ejemplo:
HTML
Primer párrafo Primer párrafo Primer párrafo Primer párrafo
Segundo párrafo Segundo párrafo Segundo párrafo Segundo párrafo
Tercer párrafo Tercer párrafo Tercer párrafo Tercer párrafo
Cuatro párrafo cuatro párrafo cuatro párrafo
Quinto párrafo Quinto párrafo Quinto párrafo Quinto párrafo
Negrita (fuente-peso: negrita;)
Como resultado, hemos resaltado en negrita parte del cuarto párrafo, donde al mismo tiempo está en cursiva, y todo el quinto párrafo. Aquí hay dos propiedades más que estudiamos. Se usan con bastante frecuencia, por lo que vale la pena recordar que:
- La fuente en cursiva está configurada: Estilo de fuente: itálico; .
- Se establece la fuente en negrita: peso de fuente: audaz; .
- Para devolver la fuente a la saturación normal, establezca el valor: peso de fuente: normal; o valor peso de fuente: 400 ; , que en este caso significa lo mismo.
Aquí hemos considerado dos propiedades más de las fuentes. Ver en Manifestación lo que debería haberte sucedido al final, y pasamos a estudiar las siguientes propiedades.
¡Hola queridos lectores del blog! Este artículo hablará sobre etiquetas de formato de texto. Ejemplos destacados son poner el texto en negrita o cursiva. También consideraremos la influencia de algunas etiquetas en la optimización interna del sitio y las reglas para escribirlas. Puedes leer sobre eso en el siguiente artículo. Por cierto, puede encontrar elementos de diseño de texto similares en muchos editores de texto, por ejemplo, en Word.
Las etiquetas se dividen en 2 tipos: bloque y en línea. Al usar el primero, puede cambiar el contenido de una parte del texto (líneas, fragmentos individuales o palabras), y los segundos son . Las etiquetas de formato que cubriremos en este artículo son predominantemente en línea.
Reglas y orden de las etiquetas de escritura.
Ya sabes qué son las etiquetas de apertura y cierre. Si no es así, lea el artículo al principio de este material. En resumen, hay dos tipos de etiquetas: individuales (por ejemplo, transferir a nueva línea) y contenedor (emparejado). Entonces, todas las etiquetas de formato de texto son emparejado. Esto significa que cualquier elemento tiene una etiqueta de apertura y cierre, y el resaltado debe colocarse entre ellos. Por ejemplo, la selección correcta de una frase se vería así: Selección
Cuando el navegador procese este fragmento, verá el siguiente texto: Fragmento seleccionado. Por cierto, todas las etiquetas no se muestran en la fuente RSS ().
Lo principal al escribir etiquetas es no olvidar cerrarlas. De lo contrario, todo el texto de la página aparecerá en negrita (en el ejemplo con la etiqueta ). Pero hay casos en los que necesita seleccionar un determinado fragmento tanto en negrita como en cursiva al mismo tiempo. Pero no hay ninguna etiqueta que realice esta acción. Solo hay una forma de salir de esta situación: usar dos etiquetas al mismo tiempo. No importa en qué orden los uses. Por lo tanto, escribir el texto con etiquetas como esta:
Selección
o así:
Selección
todavía obtienes Selección cursiva y negrita al mismo tiempo. Sin embargo, es preferible utilizar la primera opción, porque inicialmente era la única y correcta. Además, no olvide que cada navegador puede procesar las etiquetas de manera diferente (), según la configuración. Ahora pasemos a las etiquetas de formato en sí.
Hacer texto en negrita y cursiva - etiquetas , , y
La mayoría Etiquetas Populares formato de texto - resaltándolo audaz y En itálica. Suelen utilizarse para dar importancia a algún fragmento. El primer caso sirve para seleccionar un fragmento que contiene información útil o palabras clave. Las cursivas tienen el mismo propósito que el texto en negrita, pero la información es menos importante porque las cursivas son menos visibles en el fondo del texto del cuerpo que el texto en negrita.Empecemos con poner texto en negrita. Hay dos etiquetas utilizadas para esta acción: y . Diferencias en apariencia no. Aunque, dado que cada navegador puede interpretar cada elemento de forma diferente, deberías poder ver algunas diferencias. Así es como se ve el texto en las etiquetas y en el formulario ya procesado por el navegador:
Texto en etiquetas fuertes
Texto en etiquetas b
Y así es como se ven estas dos líneas en el código fuente de la página:
Texto en etiquetas fuertes Texto en etiquetas b
Podemos observar la misma situación en el caso de etiquetas en cursiva y . Intenta encontrar las diferencias entre los dos ejemplos:
Texto en etiquetas em
Texto en etiquetas I
Pero fuente:
Texto en etiquetas em Texto en etiquetas I
Entonces, las etiquetas de selección consideradas en negrita y cursiva en realidad no difieren, pero ¿por qué necesitamos, por ejemplo, la etiqueta si hay ? Después de todo, este último contiene solo un carácter (sin contar los corchetes) y, por lo tanto, es más fácil de escribir. Y es que las etiquetas y afectar . Si rodea las palabras clave con estas etiquetas, esto tendrá un efecto positivo en la promoción del sitio. Lo principal es no exagerar: el texto debe tener un máximo del 5% de texto en negrita en la etiqueta. , y la misma cantidad de cursiva en la etiqueta .
Si solo desea resaltar algún punto en el texto, use la etiqueta o . En general, creo que los motores de búsqueda también consideran más importante el texto de estas etiquetas, pero en optimización interna todavía tienen menos efecto que y .
Resalte las etiquetas de barra de texto − , y
Ahora veamos algunas etiquetas que usan un trazo en la decoración del texto. El más famoso para ti editores de texto — etiqueta
o guión bajo. Esta etiqueta no afecta la clasificación (que yo sepa), pero ayudará a resaltar algún texto y enfocarlo. Di un ejemplo del uso de esta etiqueta un poco más arriba. Dos etiquetas más similares - y . Ambos realizan la función de texto tachado. Puede usar esta etiqueta en cualquier situación: si está actualizando un documento (o más bien parte de él), puede tachar el antiguo y agregar uno nuevo; si va a escribir algo que se desvía del tema del material; algo que no cumple con los estándares morales y éticos.
Las diferencias entre estas dos etiquetas están solo en su escritura, por lo que es preferible utilizar la primera, porque en primer lugar, es más conveniente escribir y, en segundo lugar, habrá menos código HTML en su página y a los motores de búsqueda les encantará.
Etiqueta y atributos - configuración de fuente de texto
Ahora considere una etiqueta que no se usa sin atributos. Le permite establecer parámetros para cierto fragmento texto. En general, ahora es preferible usar (hojas de estilo en cascada), porque usándolos, puede reducir en gran medida todo el código HTML de la página. Entonces, considere la misma etiqueta . Para el hay de todo tres atributos:
- cara- la fuente en sí. Por ejemplo, Arial, Courier o Verdana. Puede enumerar algunos, porque. no todos los usuarios tienen un conjunto extenso de fuentes, y al escribir varias en el atributo de la cara, el navegador podrá elegir cuál usar, o mejor dicho, cuál está presente en el sistema;
- Talla es un atributo que especifica el tamaño del texto. Puede expresarse tanto en unidades arbitrarias como en píxeles;
- color- color de texto. Este atributo se puede utilizar tanto en códigos de color HTML como en códigos verbales. Los primeros se ven como #FFFFFF (donde F es cualquier número o letra de la A a la F), mientras que los últimos se escriben en lenguaje sencillo(por ejemplo, rojo - rojo).
Así es como se ve el texto en la etiqueta usando cada atributo:
Este texto es 6px
este texto es rojo Este texto está en fuente Arial Este texto es rojo y tiene un tamaño de 5px.Y esto es lo que verá después de procesar el código escrito: 
Bloquear elementos de diseño de texto - Encabezados -, párrafo
, párrafo
Finalmente, veremos los elementos de bloque, que se utilizan en casi todos los documentos. Estas son etiquetas de encabezado y párrafo. Consideremos la primera. Los encabezados vienen en 6 tipos y cada uno tiene su propia etiqueta. Cada especie tiene solo su propio número de serie y se registra mediante etiquetas.
, ,..., . Así es como se ven todos los encabezados cuando se procesan:
. Así es como se ven todos los encabezados cuando se procesan:
El número después de la palabra del título corresponde al número en la etiqueta
Ahora hablemos de la etiqueta de selección de párrafo
La función de esta etiqueta es separar texto entre otros textos similares con una línea vacía. Si observa el código fuente de cualquier documento, puede ver lo siguiente:
Los rectángulos verdes contienen un párrafo, los rectángulos rojos otro. Y así es como se ve este código después de ser procesado por el navegador (la flecha apunta a una línea vacía):
Como resultado, obtenemos una separación bastante notable de un párrafo de otro, lo cual es beneficioso: la lectura se vuelve más conveniente.
Este es el final del artículo sobre etiquetas de formato de documento. Hay muchos más de los que he descrito en este artículo. Es solo que a algunos se les debe contar mucho, por lo que se les dedicarán artículos separados con una revisión completa.!