Cómo configurar el estilo de formato de fuente acordado en diseño web
La etiqueta básica para configurar el estilo de fuente es
2.
El color es
Configuración de color de fuente del Código 4.7: font_color.htm?
<html>?
& lthead & gt?
& lttitle & gtConfiguración de color de fuente
& lt/head & gt;?
& ltbody & gt?
Texto en rojo claro:
Texto en rojo oscuro:
Texto en verde claro:
Texto en verde oscuro:
Texto azul claro:
Texto azul oscuro:
Texto amarillo claro:
Texto amarillo oscuro:
Texto cian claro:
Texto cian oscuro:
Texto violeta claro:
Texto violeta oscuro:
</body>?
</html>?
No solo puedes aprender el uso de atributos de color en etiquetas de fuentes del Código 4.7, sino que también puedes familiarizarte con los métodos de representación de varios colores. ?
3. ¿Establecer el tamaño del texto?
El tamaño también es
Configuración de tamaño de fuente del Código 4.8: font_size.htm?
<html>?
& lthead & gt?
& lttitle & gtConfiguración del tamaño de fuente
& lt/head & gt;?
& ltbody & gt?
La talla es 1:
La talla es 2:
La talla es 3:
La talla es 4:
La talla es 5:
La talla es 6:
La talla es 7:
</body>?
</html>?
Intente agregar los caracteres "+" y "-" antes del valor del tamaño para establecer el tamaño del texto de manera más flexible. ?
4. ¿Establecer la fuente del texto?
Cara también
Configuración de fuente de fuente Código 4.9: font_face.htm?
<html>?
& lthead & gt?
& lttitle & gtConfiguración de fuente
& lt/head & gt;?
& ltbody & gt?
La fuente es Dinastía Song:< font size="5">Changsha Qinyuanchun-Mao Zedong. <br/>;?
La fuente es escritura normal:
La fuente está en negrita:
La fuente es escritura oficial:< font size="5">Changsha Qinyuanchun - Mao Zedong.
?
</body>?
</html>?
5. ¿Texto en cursiva?
Con etiquetas dobles
& lti& gtEste es texto en cursiva
& ltem & gtEste también es texto en cursiva
No. el texto en negrita?
Con etiquetas dobles
& ltb & gtEste texto es en negrita
& ltstrong & gtEste también es texto en negrita
7. Subrayar texto ?
Con etiquetas dobles
Configuración para modificación de texto del código 4.10: font_style.htm?
<html>?
& lthead & gt?
& lttitle & gtConfiguración de decoración de fuentes
& lt/head & gt;?
& ltbody & gt?
& ltfont size="5 " >Cursiva:
Negrita:
Subrayado:
Cursiva en negrita y subrayada: p>
</body>?
</html>?
—Nota: Cuando varias etiquetas contienen el mismo texto, el orden de inclusión no puede ser incorrecto. ?
8. ¿Uso de múltiples estilos de título?
Para un artículo en una página web, para resaltar la importancia del título, el estilo del título es relativamente especial. La tecnología HTML protege un conjunto de etiquetas de estilo para títulos, que son etiquetas dobles
Configuración de título del Código 4.11: font_h.htm?
<html>?
& lthead & gt?
& lttitle & gtConfiguración de título
& lt/head & gt;?
& ltbody & gt?
& lth 1 >Título número 1 ?
& lth2 & gtTítulo 2 /h2 >?
& lth3 & gtTitle 3
& lth4 & gtTitle 4?
¿Cómo mostrar etiquetas:<HTML&gt;<br/>?
¿Cómo mostrar las comillas: "comillas dobles de medio ancho en inglés"?
Método de visualización de marcas comerciales:&;trade;<br/>?
¿Cómo mostrar los símbolos de registro:&;reg<br/>;?
¿Cómo se muestra el símbolo de copyright: &;Copy;<br/>;?
mostrar<br/>?
Rendimiento y tiempo;?
</font>?
</body>?
</html>?
—Descripción: Para mostrar el símbolo & solo debes utilizar el código & ?
X. ¿Cómo ignorar convenientemente el análisis de algunos HTML por parte del navegador?
Si crea un ejemplo de código HTML similar a este libro en una página web, me temo que tendrá que convertir todo en < y>, lo que parece problemático.
& ltClear text> es una etiqueta única. Cuando se inserta en el código HTML, todas las etiquetas HTML que la siguen no serán válidas, es decir, el navegador ignorará
<xmp></xmp> Es una etiqueta doble que solo invalida las etiquetas del contenido que contiene.
El código 4.13 ignora la configuración de la etiqueta: html.htm?
<html>?
& lthead & gt?
& lttitle & gt¿Ignorar configuración de etiquetas
& lt/head & gt;?
& ltbody & gt?
& lth2 & gtPrimavera Qinyuan de Changsha
& ltxmp & gtOtoño frío independiente,
El águila golpea el cielo,
& lt texto plano> ?
¿Traer 100 parejas que hayan viajado,
</body>?
</html>?
XI. ¿Otras formas de modificar texto?
Para satisfacer las necesidades de diferentes campos, HTML también tiene otras etiquetas que modifican el texto. Las más utilizadas son las etiquetas de formato de superíndice y las etiquetas de formato de subíndice. En algunos casos, incluso es necesario utilizar un efecto de eliminación, es decir, puedes utilizar etiquetas de subrayado en HTML. ?
—Las etiquetas de formato de superíndice son etiquetas dobles
—Las etiquetas de formato de subíndice son etiquetas dobles
—Las etiquetas subrayadas son etiquetas dobles
Crear un archivo de página web en el directorio D:\web\, asígnele el nombre other.htm y escriba el código como se muestra en Código 4.14. ?
Código 4.14 Otras configuraciones de etiquetas de decoración: ¿otras?
<html>?
& lthead & gt?
& lttitle & gtConfiguración de otras etiquetas decorativas
& lt/head & gt;?
& ltbody & gt?
& ltfont size="5 " >?
Qin; <br/>;?
Representación del índice matemático: 2
Qin; ! <br/>;?
Representación de base matemática: logaritmo
Efecto de eliminación:
& lt/font & gt;?
</body>?
</html>?