Hoy, continuaremos la consideración de varias etiquetas, a saber, Fuente, Blockquote, Pre, Strong, EM, B, I y otros que nos permiten formatear el texto.

BlockQuote y pre-formateo en HTML

Antes (incluso antes de CSS) Tag Cotes Bloque En el código HTML se utilizó con bastante frecuencia, debido a que el fragmento de texto encerrado en él, recibió un guión horizontal que no era tan fácil de hacer en el momento debido a la imposibilidad de usar las propiedades CSS. El elemento BLOCKQUETE es un par y dentro, puede ser de etiquetas y bloques minúsculas (por ejemplo, párrafos P).

Ejemplo

Ejemplo encerrado en Blockquote

Ahora, la etiqueta de BlockQuote aún se usa cuando se escribe texto, pero la apariencia de las cotizaciones en nuestro tiempo ya generalmente se establece utilizando las propiedades de CSS que se le prescriben en el archivo con las hojas de estilo de su plantilla de diseño. Por ejemplo, en el caso de mi blog, en Style.CSS puede encontrar las siguientes líneas:

#Content blockquote (margen: 15px 0 20px 0; relleno: 5px 8px 5px 35px; Fondo: # eaedf0 url (imágenes / quote2.png) sin repetición superior izquierda; Posición de fondo: 8px 5px; Color: # 666; FONT- Tamaño: 14px; Ancho: 91%; Estilo de fuente: cursiva;) #Content Blockquote P (Color: # 666; Tamaño de fuentes: 14px;)

Bueno, y cómo las citas encerradas en Blockquote mirarán esto, puede ver en el texto del artículo con una entrevista con la cabeza.

Además de las cotizaciones en HTML antes (antes de que aparezcan CSS), otra etiqueta formateada fue bastante utilizada. Centrar. Es un par (contenedor peculiar) y bloqueo. Puede ingresar en cualquier elemento del texto (ambos minúsculas y bloques), que se alinearán en el centro como resultado de esto.

Entonces, ahora consideremos etiqueta Pre.Lo que le permite transferir el formato de texto especificado directamente en el código fuente. Recuerde, dije que todo funcionando en una fila (espacio, pestaña y transferencia de línea) se reemplazará con un solo espacio al analizar el código en el navegador.

Entonces, el elemento es pre prohíbe la abreviatura de los personajes espaciales. En el texto del texto que se concluirá en ella. Lo que es notable, para un fragmento concluido en Pre, el navegador no transferirá automáticamente las cadenas en los símbolos del espacio.

Esos. Todas las líneas dentro del elemento pre se considerarán un navegador inseparable, como escribió en el código, se mostrará en el navegador. Además, en el navegador para mostrar el texto del texto formateado utilizando la etiqueta previa, se utilizará una fuente de monosolina, como el mensajero nuevo o similar a él.

Formato en el código fuente TEG PRE Tags desactualizado

El TEG PRE en sí mismo es bloque, y dentro de él (esta etiqueta de par) se puede concluir solo contenido en minúsculas (es decir, dentro de él, no debe colocarse los párrafos P, los encabezados H1 - H6, etc.).

HTML tiene otra etiqueta de bloque que está diseñada para formatear la dirección de texto. Dentro de esta etiqueta se puede ubicar de acuerdo con los estándares del validador, solo el contenido en minúscula que se mostrará en la cursiva del navegador.

Fuente - Trabaja con la fuente de color y texto en HTML limpio

Fuerte, EM - Etiquetas de secreciones lógicas y visuales en el texto.

Si no existía CSS ahora, entonces tendría que describir la designación de ciertos formatos de texto de etiquetas lógicas y físicas (visuales). Pero porque CSS ahora se usa en la gran mayoría de los sitios, el papel de tales etiquetas en el código HTML ya se reduce prácticamente a cero, por lo que me he bebido y explique por qué se usaron antes (y algunos se usan ahora).

Las etiquetas visuales están diseñadas para cambiar el diseño del texto, que serán vista por los visitantes de su sitio, pero que no se le debe recibir una atención particular a los motores de búsqueda.

Las etiquetas lógicas del formato de texto, en teoría, están orientadas para indicar cualquier acentos de los motores de búsqueda. Para el usuario, la selección de estos elementos también cambiará la apariencia de las palabras resaltadas.

Si recuerda, no fue hace mucho que los optimizadores informaron a asignar ubicaciones significativas con las palabras clave (según sea necesario para asignar) las etiquetas del formato lógico de Strong y EM, que se verán como un usuario con negrita y cursiva.

Pero para los aspectos destacados sin palabras clave, se le recomendó utilizar los elementos HTML "B" y "I", que para los usuarios nuevamente se verían demasiado como la asignación de grasas y cursivas, pero no tener en cuenta por los motores de búsqueda, porque No son etiquetas de formato lógico.

Ahora, todo esto casi no está trabajando tanto como pensamos, y la asignación de palabras clave con la ayuda de Strong y EM, lo que hemos hecho más bien como un hábito, en lugar de con la esperanza de ciertos dividendos para los motores de búsqueda.

Entonces, además, ya mencionado "B" y "I" (destacando en negrita y cursiva) a la categoría formato visual Puede atribuir la fuente, pre, pre, así como las etiquetas ya consideradas al comienzo del artículo:

1. "U" - Destacando subrayado
2. "Huelga" - LISTA
3. "Sup" - índice superior
4. "Sub" - Índice más bajo
5. "TT" - Fuente de un solo tamaño
6. "Big" - Aumenta la fuente
7. "Pequeño" - reducir la fuente

Bueno, ahora veamos la lista de artículos. formato lógico Texto:

1. "EM" - la asignación lógica de fragmentos importantes en cursiva
2. "Fuerte" es el mismo, pero solo para destacar será gordo
3. "Cite" - Asignación de citas en cursiva
4. "Código", diseñado para mostrar una variedad de códigos de Monosine Phon
5. "SAMP" - para resaltar múltiples símbolos de Monosine Font
6. "Abbr": en el atributo de título de esta etiqueta, está escrito para descifrar cualquier abreviatura (tipo, CSS o HTML, que se lee deletreado, y no como una sola palabra). Las palabras prescritas en el título emergerán cuando resume el cursor del mouse a esta abreviatura.
7. "Acrónimo" es el mismo, pero se usa para acrónimos, es decir, Abreviaturas que se leen no por letras, sino como una palabra (por ejemplo, MKAD o policía de tránsito)
8. "KBD": se utiliza para mostrar la fuente de texto MONOSHYYRY ingresada por el usuario del sitio desde el teclado
9. "Var" - usado para seleccionar variables en cualquier código
10. "Del": la asignación de cruce cuando se requiere que muestre que se eliminó algún tipo de fragmento después de la publicación del documento HTML
11. "INS" - Resaltando el subrayado cuando es necesario mostrar que se insertó alguna pieza después de que se publique el documento HTML

Una vez más, repito que los datos de las etiquetas de formato en su mayoría rara vez se encuentran cuando está escribiendo el código ahora, pero aún así, su cita no será superflua.

¡Buena suerte para ti! A reuniones ambiguas en el sitio web de páginas del blog

Puedes estar interesado

Símbolos ciegos y código de formato en HTML, así como espacios especiales de barrido y otras Mnemónicas
Como los colores se establecen en el código HTML y CSS, la selección de tonos RGB en las tablas, la emisión de yandex y otros programas Seleccione, Opción, Textarea, Etiqueta, Fieldset, Legend - Formularios de etiquetas HTML de listas desplegables y campo de texto
Listas en Código HTML - Etiquetas UL, OL, LI y DL
Cómo crear un hipervínculo (A, HREF, blanco en blanco), cómo abrirlo en una nueva ventana en el sitio, así como hacer un enlace de imágenes en el código HTML
Tablas en HTML - Tabla de etiquetas, TR y TD, así como Colspan, Cellpadding, CellSpacing y Rowspan para crearlos
Etiquetas y atributos de encabezados H1-H6, línea horizontal HR, sesión informativa RR y párrafo P de acuerdo con HTML 4.01
¿Cuál es el idioma de marcado HTML Hypertext y cómo ver la lista de todas las etiquetas en el validador W3C
IMG - Etiqueta HTML para insertar imágenes (SRC), alineación y simplificándola con texto (alinear), así como tareas de fondo (fondo)
Los comentarios y las directivas de DOCTYPE en Código HTML, así como el concepto de bloques de bloque y minúsculas (etiquetas)

Elemento

Ahora, usted sabe que puede controlar el tamaño del texto que se muestra en la pantalla usando las etiquetas. y . ¿Y cómo puede un programador cambiar otros parámetros de fuente? Para esto, hay una directiva. .

Como se sabe, el tamaño de la fuente en el estándar HTML se denota por condicional, artículos, y ya son siete. Sin embargo, no todos los navegadores entienden el artículo por igual. Por ejemplo, cuando se muestra un documento en Microsoft Internet Explorer, todos los tamaños de fuente son diferentes, con la excepción de los elementos 2 y 3, se muestran en la fuente de una altura, que es igual al valor predeterminado, y depende del usuario Configuraciones del navegador. En Netscape Navigator, es absolutamente lo mismo para mostrar los artículos 4 y 5, así como B y 7, son mayores que el artículo 3, que es un tamaño de fuente normal.

Tenga en cuenta que debe recordarse que algunos navegadores, como Microsoft Interexplorer, le permiten configurar los parámetros de texto mostrados por el soviet de los documentos HTML cambiando el tamaño de la fuente sustituida por el intérprete de navegador predeterminado. Esto significa que los parámetros del elemento. Además de otras etiquetas que controlan el tamaño de la fuente pueden variar según la configuración del usuario. Por la misma razón, el efecto de un diseño de página está optimizado para verlo en el navegador con ajustes estándar. Puede evitar esto concluyendo todos los elementos de documento en una tabla invisible con un ancho fijo especificado en píxeles.

En la forma general de sintaxis de grabación de etiquetas. como sigue:

texto

El valor del atributo facial es el nombre de la fuente que planea usar para mostrar el texto encerrado en las etiquetas . Si, por ejemplo, en lugar del parámetro "Valor!" En el ejemplo anterior, sustituirá "Arial" marcado con una etiqueta. El texto será mostrado por esta fuente.

Atención Recuerde que un conjunto de fuentes instaladas en las computadoras, visite ... "Lei su sitio puede ser diferente y, si especifica en la etiqueta de atributo de la cara La fuente que falta en el sistema de usuario, el texto de su monitor se volverá ilegible. Para evitar errores al mostrar el texto en los navegadores de usuario final, use las instrucciones solo en las fuentes estándar disponibles como parte de la mayoría de los navegadores: Arial y New Times Roman. Y es mejor bajar este atributo en absoluto, lo que permite que el navegador sustituya al interpretar el código, la fuente que se usa de forma predeterminada.

El atributo de tamaño indica el tamaño de fuente que debe mostrar el texto. El parámetro de este atributo indicado en nuestro ejemplo, ya que "Value2" se puede describir ya sea un valor absoluto o relativo. El valor absoluto implica su uso como parámetro de un entero en el rango de 1 a 6, lo que indica la altura de la fuente en los puntos. El valor relativo denotado por un entero con un signo más o menos (por ejemplo, +2 o -1) es el número de elementos para agregar o eliminar del tamaño de la fuente utilizada por el navegador predeterminado. Así que grabar Sugiere que el tamaño del texto marcado por una etiqueta de este tipo será un punto más que el texto habitual del documento.

En lugar del valor del atributo de color, se sustituye el código digital del color deseado, o la etiqueta del símbolo indica este color.

Obviamente, al usar etiqueta Cualquiera de sus atributos se puede omitir. Un ejemplo de escritura de este tipo puede ser la siguiente línea de código HTML:

texto extracto

Atención, recuerde que algunos navegadores de versiones antiguas no apoyan la directiva. . Entre ellos se encuentra un navegador de texto para Unix-CompatiblePlatform, que se llama Lynx.