HTML define <h1> </h1> a <h6> </h6> Six <h> etiquetas, que se utilizan para el título (encabezado) de fuentes de diferentes tamaños, respectivamente. La fuente es de gran a pequeña, <h1> la más grande y <h6> la más pequeña.
Las etiquetas de la cabeza deben tener en cuenta: a. Debido a que la etiqueta de encabezado es un elemento de nivel de bloque, de forma predeterminada, HTML agregará automáticamente una línea vacía adicional (<br/>) antes y después de los elementos de nivel de bloque. b.标题对整个页面来说很重要,应该将HTML heading 标签只用于标题，而不要仅仅是为了产生粗体或大号的文本而使用标题。 Debido a que la etiqueta de encabezado es muy amigable para el SEO, los motores de búsqueda utilizan el índice de compilación de título y contenido utilizando el título de su sitio web, y los usuarios pueden navegar rápidamente por sus páginas web a través del título, por lo que es importante presentar la estructura del documento con el título. . <h1> debe usarse como el título principal (más importante), seguido de <h2> (secundario), y luego <h3>, y así sucesivamente.
<!-<h> las etiquetas son configuraciones. </h3> <h4> China Four </h4> <h5> China Five </h5> <h6> China 6 </h6>
El efecto es como se muestra a continuación, el tamaño de la fuente es de gran a pequeño:
2. Cambie <br/>, no cambie <Nobr> </BOnBr> y segmentos <p> </p>Con respecto a la diferencia entre cambiar las etiquetas en HTML <br/> y las etiquetas segmentadas <p> </p> es que la etiqueta de negociación <br/> es solo ingresar, <p> </p> es el segmento. Debido a que la etiqueta <p> es un elemento de nivel de bloque, tendrá un blanco relativamente grande antes y después (adición automática <br/>), y la etiqueta es un elemento de fila. y después. Hay una etiqueta <br/> Etiqueta <Nobr> </BOBR>, lo que significa que no se cambia y generalmente se usa para evitar que el navegador cambie automáticamente la línea donde no es necesario cambiar el código del programa.
<!-Cambiar y segmentos:-> <p> Este es el primer <br /> <! /p> <p> Este es el segundo párrafo </p> <!-Divide -Stidal Change-> int i = 0, J = 10;3. Etiqueta horizontal <hr/>
<hr /> crea una línea horizontal en la página HTML. Es una forma de usar la línea horizontal (<hr> etiqueta) para separar las secciones en el artículo. Las etiquetas <hr/> pueden establecer ancho de ancho y alta altura, y estos dos atributos tienen píxeles y exponentes porcentuales, respectivamente. Además, las etiquetas <hr/> incluyen los atributos de tamaño (espesor), color (color) y noshade (sin sombras).
<! /1999/xhtml> <head> <title> </title> </head> <body> <hr size = 5 color =#ff0000/> <! El atributo de ancho es 60px-> <hr width = 60% /> <!-El ancho es 60%-> <hr size = 10 /<!-size es 10px-> <hr size = 10% /> <!-size is 10 %-> <!-Align attributes, with the values of Left, Right, and Center ---, respectively > <hr width = 20% align = left /> <hr width = 20% align = right / > <hr width = 20% align = center/> <hr color =#ff0000/> <!-atributo noshade, configuración sin efecto de sombra-> <hr noshade = noshade/> </body> </html>4. Etiqueta de formato de texto
* </b> Cuerpo grueso, etiquetas recomendadas <strong>. <i> CUBIERTA </i> Cuerpo sincero. <U> Soy una etiqueta de línea hacia abajo </u> con la línea. <em> enfatiza que el cuerpo oblicuo </em> <sub> 2 </sub> está establecido, como: h <sub> 2 </sub> o <sp> 2 </sub> 2 </sub> < !-El tamaño de la fuente se puede dividir en un tamaño de fuente absoluto y un tamaño de fuente relativo. < -> <!-Los atributos de la cara se utilizan para configurar Fonts-> <font> </font> Font Label, <font color = rojo size = 7 face = lishu> rojo </font>5. Etiqueta pre -format <pre>
<PRE> Etiqueta preformada, mantenga el contenido de la pantalla de la página web. Se puede utilizar para una pantalla de contenido especial, o también se puede usar para mostrar el código fuente de programación de computadoras (como el código fuente del Blog Garden se muestra por la etiqueta <pre>).
<p> PREPLAY PRIMACIÓN ALGUNAS esperanzas especiales de la pantalla original: </p> <pre> Soy un buen chico, me gusta Ah ah ah ah, esta es una etiqueta pre -format ____ (. / | / / / / / / |6. <Marquee> </marquee> etiqueta
<Marquee> </ marquee> etiquetas para decirle al navegador que muestre el texto y las imágenes de ellos.
<Viv> <!-Marquee etiqueta Algunos navegadores admiten: es decir, ff-> <!-Atributos de dirección: la dirección de movimiento del contenido especificado, el valor del valor es de izquierda, derecha, arriba y hacia abajo- <!- -Tecibido de Behavior: especifique el comportamiento de la etiqueta, el valor del valor es Scroll, Alternate y Slide-> <Marquee Direction = Left Scrollay = Behavior = Alternate> Hola a todos, ¡venga a mi página de inicio! ...... </marquee> </div>7. Otras etiquetas de formato.
<! /1999/xhtml> <head> <title> </title> </head> <body> <!-<BBR> Mostrar abreviatura!-<Cronym> Muestre la abreviatura de una frase:-> <Cerónimo <!-<< Blockquote> Defina las referencias de texto largo:-> <LockQuote> <p> Más allá de dos o tres días, los mejores pronósticos del mundo son especulados, y más allá de seis o siete son sin valor. !-<dirección>, firma, información del autor del documento, etc. El orden de la pantalla de texto de la etiqueta a través del atributo Dir:-> <bdo dir = ltr> nodo de potencia </bdo> <!-ltr: izquierda a la derecha, de izquierda a derecha-> <bdo dirr = rtl> nodos de potencia </bdo> <br/> <!-rtl: derecha a izquierda, de derecha a izquierda-> </body> </html>2. Lista HTML
<! /xhtml> <head> <title> </title> </head> <body> <b> html list: </b> <br/> <hr size = 5 color =#ff0000;/> <Br/> <!-First, the sequence list (Ul: Unordered List)-> <font size =+ color =#ff face = Chinese Kaita> i. > <br/>. Default: <br/> <ul> <li> Banana </li> <li> Apple </li> <li> Orange </li> </ul>. /<!-Ul Type attribute value: DISC: solid circle, circle: hollow, Square: solid square /1 > -> <ul Type = Circle> <li> Banana </li> <li> Apple </li> <li> Orange </li> </ul> <ul type = square> <li> Banana </li > <li> Apple </li> <li> Orange </li> </ul> 3. Uso mixto de valores de atributos, enfatizando el papel: <br/> <ul type = círculo> <li> banana </li > <li type = disco> Apple </li> <li> Orange </li> </ul> <!-Segundo, una lista ordenada (OL, lista ordenada)-> <font size = +1 color =#00ff00 Face = China Kaita> II. </ol> 2. Use atributos de tipo: <a/> <ol type = i> <li> baloncesto </li> <li> Voleibol </li> <li> fútbol </li> </ol> <ol type = a> <li> Baloncesto </li> <li> Voleibol </li> <li> Fútbol </li> </ol> 3. El número frontal del elemento de la lista: <Br/> <Blockquote> A . Fútbol </li> </ol> B. <font color =#ffff> vlaue </font> practicar por separado: <br/> <om> <li> baloncesto </</li> <li valor = 5> voleibol </li> <li> fútbol </li> </ol> C. <font color =#ffff> inicio, valor </font> uso conjunto: <br/> <ol inicio = 8> <li> Baloncesto < /li> <li valor = 15> voleibol </li> <li> Fútbol </li> </ol> </loququote> <font size =+1 color =# 00ff00 face = Patterns '> III. </font> <br /> 1. En la lista de secuencias, lista sin nación: <Br /> <ul> <li> bebidas </li </li </li> <li> fruta <ul> < li> plátano </li> <li> manzana </li> <li> naranja </li> </li> <li> vegetales </li> <li> té </li> </ul> 2. incrustado Lista de serie en la lista de no seriales: <br/> <ul> <li> bebidas </li> <li> fruta <ol> <li> plátano </li> <li> manzana </li> <li> Naranja </li> </ol> </li> <li> vegetales </li> <li> té </li> </ul> 3. Ordene en la lista, la lista de secuencias se establece: <br/> <ol> <li> Bebida </li> <li> Fruta <ol> <li> Banana </li> <li> Apple </li> <li> Orange </li> </ol> </li> <li> vegetales </li> <li> té </li> </ol> 4 .. ol> <li> bebidas </li> <li> fruta <ul> <li> plátano </li> <li > Manzana </li> <li> naranja </li> </ul> </li> <li> vegetales </li> <li> té </li> </ol> 5. Nidos de nivel múltiple del Lista: <s /> <li> Bebida </li> <li> Fruit <ul> <li> Banana </li> <li> Apple <ul> <li> Se produce en Brasil </li> <li > Se produce en China </li> </ul> </li> <li> naranja </li </li> </ul> </li> <li> vegetales </li> <li> té < /Li> </ol> <!-Tercera, Defina Lista (DL, Lista de definición)-> <font size =+1 color =#00ff00> IV. : <r /> <!- <dl> <d> El primer elemento de título </dt> </dt> </dt> </dt> </dt> dd> Interpretación del primer elemento de título </dd> <dt> El segundo elemento de título </dt> <dd> Interpretación del segundo elemento de título </dd> </dl> Entre ellos: <dl> para identificar el comienzo de la lista; de la lista de definiciones; -> <dl> <!-DT: DEFINITION TERM (Definition Term) Define the title of Beijing-> <DT> Beijing </DT> <!-DD: DEFINITINITION Explanation of Beijing's title-> <DD> Political Center in China </dd> <dt> shanghai </dt> <d> Centro económico de China </dd> <dt> shenzhen </dt> <dd> la vanguardia de la reforma de China y abriendo </dd> </dl> </dl> /Body> </ html>
Se pueden usar muchas etiquetas para cambiar la apariencia del texto y asociar su significado oculto para el texto. En general, estas etiquetas se pueden dividir en dos categorías: estilo basado en contenido y estilo físico.
1. Estilo basado en el contenido
Las etiquetas de estilo basadas en el contenido le dicen al navegador que el texto que contiene tiene un significado, contexto o uso específico. Luego, el navegador aplicará el formato del significado, el contexto o el uso al texto. Tenga en cuenta que el contenido de la etiqueta basada en el contenido le da el significado, no al formato. Por lo tanto, son muy importantes para el procesamiento automático;
Debido a que el estilo de fuente es especificado por pistas semánticas, el navegador puede elegir un estilo de pantalla adecuado para los usuarios.由于不同地点的样式各种各样，所以使用基于内容的样式可以帮助你确保自己的文档对广大范围的读者来说都是有意义的。 Esto es particularmente importante en el navegador utilizado por aquellos ciegos y discapacitados, porque sus opciones de visualización pueden ser fundamentalmente diferentes de nuestro texto tradicional, o tienen limitaciones muy grandes en algunos aspectos.
Los estándares HTML y XHTML actuales no definen un formato para cada etiqueta basada en el contenido; Los estándares ni siquiera requieren que estos estilos basados en el contenido se muestren de diferentes maneras. En aplicaciones prácticas, puede encontrar que muchas de esas etiquetas tienen una relación muy obvia con la impresión tradicional.
Cuando use etiquetas de estilo basadas en HTML/XHTML, debe seguir algunas reglas, porque simplemente pensar en cómo se debe mostrar el texto, y es muy fácil saber cuál es el significado de estos textos. Una vez que comience a usar estilos basados en el contenido, el documento será más consistente y puede ayudar mejor a ejecutar búsqueda automática y edición de contenido. Estas etiquetas son:
<BBR> <CRONONM> <CITE> <CODE> <DFN> <EM> <KBD> <SAMP> <strong> <var>
2. Estilo físico
Al discutir las etiquetas de estilo basadas en el contenido, a menudo usamos la palabra intención. Esto se debe a que el significado transmitido por la etiqueta es más importante que el navegador que muestra el texto. Sin embargo, en algunos casos, puede considerarse por razones de legitimidad o copyright. En este caso, puede usar estilos físicos para el texto.
Aunque la tendencia de otros sistemas de procesamiento de texto es controlar con precisión los estilos y la apariencia, cuando se usa HTML o XHTML, las etiquetas físicas deben evitarse a menos que haya muy pocos casos. Deberíamos proporcionar información de contexto al navegador tanto como sea posible y usar estilos basados en contenido. Aunque el navegador ahora muestra estos textos por caracteres oblicuos o de cuerpo grueso, el futuro navegador y varias herramientas de generación de documentos pueden usar estos estilos basados en el contenido de una manera muy creativa.
Los estándares HTML/XHTML actuales proporcionan un total de 9 estilos físicos, incluidos en negrita, en cursiva, monopacada, subrayada, Strikethrough, más grande) y estrechamiento), Superscript y Text. Estas etiquetas son:
<b> <big> <i> <s> <small>
La anterior es la etiqueta de formato común presentada por el editor. ¡Muchas gracias por su apoyo al sitio web de VEVB Wulin!