Diseño del párrafo y saltos de línea de páginas web HTML

Autor：Eve Cole Fecha de actualización：2025-05-26 03:00:03

Si la aparición de una página web es hermosa depende en gran medida de su diseño. Los grandes párrafos de texto aparecen en la página, que generalmente se planifican en segmentos, y hay divisiones extremadamente estrictas para descansos de línea. Esta sección comienza con los detalles del párrafo, para que los lectores puedan usar etiquetas para procesar grandes párrafos de texto libremente después del aprendizaje.

Texto y párrafos en páginas HTML

A través del estudio del capítulo anterior, los lectores tienen una base relativamente sólida en la configuración general de rendimiento de la página web. Sin embargo, los lectores no solo quieren expresar texto en la página web, sino que también quieren escribir y modificar el texto en la página web. Este capítulo aprenderá un diseño simple, modificación, texto de desplazamiento e hipervínculos de texto. Los hipervínculos están en todas partes en el desarrollo del sitio web y son el foco de las páginas web.

Al estudiar este capítulo, cree un directorio llamado Capítulo3 en D:/Web/Directorio, mueva el archivo del capítulo anterior a D:/Web/Capítulo3, y haga una clasificación. Este capítulo continúa creando archivos de muestra en el directorio D:/ Web/, para facilitar la prueba de archivos de muestra con IIS.

- Nota: Los siguientes capítulos serán tratados de manera similar y no se repetirán. Por ejemplo, el archivo en el Capítulo 4 se clasifica como D:/ Web/ Capítulo4.

4.1 Párrafo tipográfico y ruptura de línea

4.1.1 segmento párrafos grandes de texto

Simplemente use las etiquetas comúnmente utilizadas para la segmentación de texto, es decir, use el comienzo del párrafo y use el final del párrafo. Algunas páginas web se omiten cuando segmentan, es decir, se usan como etiquetas individuales, porque la etiqueta al comienzo del siguiente párrafo significa el final del párrafo anterior.

-Nota: El autor no recomienda usar como una sola etiqueta, ya que este código no está estandarizado y propenso a errores.

Cree un archivo de página web en el directorio D:/ web/, llamado P.HTM, y escriba el código como se muestra en el código 4.1.

Código 4.1 Configuración del segmento: P.HTM

<html>

<title> Configuración del segmento </title>

</ablo>

<Body>

Película quincenal: "Infernal Affairs Three: The Ultimate ininterrumped" Tema de comentarios

recién comienza después del final

A finales de 2002, comenzó el mito. 2003 Otoño e invierno, en dirección a Climax y Ultimate. "Asuntos infernales" significa que hereda la filosofía budista, y que la luz y la oscuridad, la supervivencia y la extinción, la existencia y la nada se enredan de manera mixta, y se desmoronan de una manera impactante, que también es un proceso de enriquecimiento y unidad. Hay una causa, hay un resultado, y hay un pecado, hay un destino. La maravillosa de la situación y la apariencia se encuentra en los límites de las palabras e interpretaciones. No se puede revelar, ni puede ser silencioso, y depende el uno del otro. El sonido del corazón siempre está ahí, cuestionándose y el tiempo y el espacio. Este es el mejor momento, este es el peor momento, y las personas en casi todas las épocas dicen eso. Sin embargo, el "Sutra Vimalakirti: el séptimo capítulo de la vista de toda la vida" dice: Sin apego, no hay origen. Comenzando a partir de las palabras y hechos del cuerpo, a través del nivel indescriptible, inicialmente llegamos al estado de la visión propia, que al final no es más que una actitud de supervivencia. En mi opinión, Liu Jianming, Chen Yongren, Han Chen, Huang Zhicheng, Ni Yongxiao, Lu Qichang, Yang Jinrong, Shen Cheng y otros son realmente figuras en su destino. Todos pueden verse a sí mismos el uno del otro, luchar, explotar, hundirse y dispersar, como si fueran desastres y vida retorcida, por lo que son asuntos infernales.

Gu Zhun dijo del idealismo al empirismo, Wang Xiaobo dijo que está alerta a los tiranos y héroes, ¿quiénes son los héroes? ¿De dónde vinieron? ¿Y qué pasa si vienen? ¿Todavía queremos héroes en nuestra época? Cuando edité este foro E, me sentí un poco aliviado. Desde el texto, podemos ver que todos están pensando. Después de todo, ya no somos un seguidor ciego. En mi opinión, el entretenimiento nunca ha sido solo el entretenimiento en sí mismo. Puedes ver un mundo de una gota de agua, una flor y un grano de arena. En lo que pensamos en una película está destinado a ser más, y la comprensión es ilimitada. Cada uno de nosotros constituye este mundo, y tenemos una parte sin importar si el mundo es bueno o malo. Cada uno de nosotros tiene nuestra propia vida, tanto nuestras fortalezas como de debilidades, que es la base de nuestro progreso común.

</body>

</html>

Ingrese http: //localhost/p.htm en la barra de direcciones del navegador, y el efecto de navegación se muestra en la Figura 4.1.

Figura 4.1 Configuración de segmentación

A través de los segmentos de las etiquetas , se organiza el diseño de texto de los grandes segmentos.

4.1.2 Agregar espacios al texto

Si observa de cerca la Figura 4.1, la segmentación en la figura se siente un poco incómoda porque no hay espacios de caracteres al comienzo de cada segmento.

- Descripción: Según los hábitos de escritura chinos, la primera línea del párrafo debe tener 2 caracteres chinos.

He aprendido el capítulo anterior que es imposible mostrar en la página simplemente tocando la barra espacial con el teclado en el código HTML. HTML usa 1 carácter espacial (carácter espacial inglés). Dado que 1 personaje chino ocupa el ancho de dos caracteres ingleses, agregue 4 y nbsp; caracteres al comienzo de la primera línea del párrafo, y modifique el código de P.HTM como se muestra en el código 4.2.

Código 4.2 Configuración de caracteres espaciales: P.HTM

<html>

<title> Configuración del segmento </title>

</ablo>

<Body>

Película quincenal: "Infernal Affairs Three: The Ultimate ininterrumped" Tema de comentarios

recién comienza después del final

& nbsp; & nbsp; & nbsp; & nbsp; A finales de 2002, comenzó el mito. 2003 Otoño e invierno, en dirección a Climax y Ultimate. "Asuntos infernales" significa que hereda la filosofía budista, y que la luz y la oscuridad, la supervivencia y la extinción, la existencia y la nada se enredan de manera mixta, y se desmoronan de una manera impactante, que también es un proceso de enriquecimiento y unidad. Hay una causa, hay un resultado, y hay un pecado, hay un destino. La maravillosa de la situación y la apariencia se encuentra en los límites de las palabras e interpretaciones. No se puede revelar, ni puede ser silencioso, y depende el uno del otro. El sonido del corazón siempre está ahí, cuestionándose y el tiempo y el espacio. Este es el mejor momento, este es el peor momento, y las personas en casi todas las épocas dicen eso. Sin embargo, el "Sutra Vimalakirti: el séptimo capítulo de la vista de toda la vida" dice: Sin apego, no hay origen. Comenzando a partir de las palabras y hechos del cuerpo, a través del nivel indescriptible, inicialmente llegamos al estado de la visión propia, que al final no es más que una actitud de supervivencia. En mi opinión, Liu Jianming, Chen Yongren, Han Chen, Huang Zhicheng, Ni Yongxiao, Lu Qichang, Yang Jinrong, Shen Cheng y otros son realmente figuras en su destino. Todos pueden verse a sí mismos el uno del otro, luchar, explotar, hundirse y dispersar, como si fueran desastres y vida retorcida, por lo que son asuntos infernales.

& nbsp; & nbsp; & nbsp; & nbsp; Gu Zhun dijo de idealismo al empirismo, Wang Xiaobo dice que está alerta a los tiranos y héroes, ¿quiénes son héroes? ¿De dónde vinieron? ¿Y qué pasa si vienen? ¿Todavía queremos héroes en nuestra época? Cuando edité este foro E, me sentí un poco aliviado. Desde el texto, podemos ver que todos están pensando. Después de todo, ya no somos un seguidor ciego. En mi opinión, el entretenimiento nunca ha sido solo el entretenimiento en sí mismo. Puedes ver un mundo de una gota de agua, una flor y un grano de arena. En lo que pensamos en una película está destinado a ser más, y la comprensión es ilimitada. Cada uno de nosotros constituye este mundo, y tenemos una parte sin importar si el mundo es bueno o malo. Cada uno de nosotros tiene nuestra propia vida, tanto nuestras fortalezas como de debilidades, que es la base de nuestro progreso común.

</body>

</html>

Ingrese http: //localhost/p.htm en la barra de direcciones del navegador, y el efecto de navegación se muestra en la Figura 4.2.

Figura 4.2 Configuración de caracteres espaciales

El párrafo se ha formado inicialmente y los espacios se han expresado. Los lectores pueden agregar caracteres espaciales para probar el párrafo.

4.1.3 Configuración de descansos de línea de texto y no rupturas de línea

La Figura 4.1 parece que no hay problema. Cuando el texto llega al límite del navegador, envolverá automáticamente la línea. Sin embargo, cuando se ajusta el ancho del navegador, la posición de la línea de texto también cambia en consecuencia, y el formato parece bastante confuso. Para estandarizar el formato, los lectores deben usar una sola etiqueta para forzar un descanso de línea al escribir código. Por el contrario, las piezas que no necesitan estar envueltas se incluyen con etiquetas dobles . Modifique el código P.HTM como se muestra en el código 4.3.

Código 4.3 Control de ruptura de línea: P.HTM

<html>

<title> Configuración del segmento </title>

</ablo>

<Body>

Película quincenal: "Infernal Affairs Three: The Ultimate ininterrumped" Tema de comentarios

recién comienza después del final

& nbsp; & nbsp; & nbsp; & nbsp; A finales de 2002, comenzó el mito. 2003 Otoño e invierno, en dirección a Climax y Ultimate. Los asuntos infernales son heredar la filosofía budista, y la luz y la oscuridad, la supervivencia y la extinción, la existencia y la nada se enredan de manera mixta y se desmoronan de una manera impactante. También es un proceso de enriquecimiento y unidad. Hay una causa, hay un resultado, y hay un pecado, hay un destino. La belleza de la situación y la apariencia se encuentra en los límites de las palabras e interpretaciones. No se puede revelar, ni puede ser silencioso, y depende el uno del otro. El sonido del corazón siempre está ahí, cuestionándose y el tiempo y el espacio. Este es el mejor momento, este es el peor momento, y las personas en casi todas las épocas lo dicen. Sin embargo, el "Sutra Vimalakirti: el séptimo capítulo de la vista de toda la vida" dice: Sin apego, no hay origen. </bobr> de las palabras y hechos del cuerpo, y a través del nivel indescriptible, inicialmente llegamos al estado de visión propia, que al final no es más que una actitud de supervivencia. En mi opinión, Liu Jianming, Chen Yongren, Han Chen, Huang Zhicheng, Ni Yongxiao, Lu Qichang, Yang Jinrong, Shen Cheng y otros son realmente figuras en su destino. Todos pueden verse a sí mismos el uno del otro, luchar, explotar, hundirse y dispersar, como si fueran desastres y vida retorcida, por lo que son asuntos infernales.

</body>

</html>

Ingrese http: //localhost/p.htm en la barra de direcciones del navegador, y el efecto de navegación se muestra en la Figura 4.3.

Figura 4.3 Control de descanso de línea

A partir de este ejemplo, la parte contenida en no se envolverá automáticamente a menos que haya una envoltura forzada.

4.1.4 Establecer alineación de texto

El texto en los párrafos debe alinearse de manera diferente en algún momento, y se deja la alineación predeterminada. El atributo de alineación de la etiqueta está alineada. Establezca la alineación de la alineación izquierda, derecha o central para lograr la alineación izquierda, derecha y central. Modifique el código P.HTM como se muestra en el código 4.4.

Código 4.4 Control de alineación: P.HTM

<html>

<title> Configuración del segmento </title>

</ablo>

<Body>

Película quincenal: "Infernal Affairs Three: The Ultimate ininterrumped" Tema de comentarios

recién comienza después del final

& nbsp; & nbsp; & nbsp; & nbsp; A finales de 2002, comenzó el mito. 2003 Otoño e invierno, en dirección a Climax y Ultimate. "Asuntos infernales" significa que hereda la filosofía budista, y que la luz y la oscuridad, la supervivencia y la extinción, la existencia y la nada se enredan de manera mixta, y se desmoronan de una manera impactante, que también es un proceso de enriquecimiento y unidad. Hay una causa, hay un resultado, y hay un pecado, hay un destino. La maravillosa de la situación y la apariencia se encuentra en los límites de las palabras e interpretaciones. No se puede revelar, ni puede ser silencioso, y depende el uno del otro. El sonido del corazón siempre está ahí, cuestionándose y el tiempo y el espacio. Este es el mejor momento, este es el peor momento, y las personas en casi todas las épocas dicen eso. Sin embargo, el "Sutra Vimalakirti: el séptimo capítulo de la vista de toda la vida" dice: Sin apego, no hay origen. Comenzando a partir de las palabras y hechos del cuerpo, a través del nivel indescriptible, inicialmente llegamos al estado de la visión propia, que al final no es más que una actitud de supervivencia. En mi opinión, Liu Jianming, Chen Yongren, Han Chen, Huang Zhicheng, Ni Yongxiao, Lu Qichang, Yang Jinrong, Shen Cheng y otros son realmente figuras en su destino. Todos pueden verse a sí mismos el uno del otro, luchar, explotar, hundirse y dispersar, como si fueran desastres y vida retorcida, por lo que son asuntos infernales.

& nbsp; & nbsp; & nbsp; & nbsp; gu zhun dijo de idealismo al empirismo, Wang Xiaobo dijo que está alerta a los tiranos y héroes, ¿quién es el héroe? ¿De dónde vinieron? ¿Y qué pasa si vienen? ¿Todavía queremos héroes en nuestra época? Cuando edité este foro E, me sentí un poco aliviado. Desde el texto, podemos ver que todos están pensando. Después de todo, ya no somos un seguidor ciego. En mi opinión, el entretenimiento nunca ha sido solo el entretenimiento en sí mismo. Puedes ver un mundo de una gota de agua, una flor y un grano de arena. En lo que pensamos en una película está destinado a ser más, y la comprensión es ilimitada. Cada uno de nosotros constituye este mundo, y tenemos una parte sin importar si el mundo es bueno o malo. Cada uno de nosotros tiene nuestra propia vida, tanto nuestras fortalezas como de debilidades, que es la base de nuestro progreso común.

</body>

</html>

Ingrese http: //localhost/p.htm en la barra de direcciones del navegador, y el efecto de navegación se muestra en la Figura 4.4.

Figura 4.4 Control de alineación

4.1.5 Agregar divisor horizontal

HTML proporciona divisores horizontales para modificar los párrafos, que se pueden usar fácilmente en muchas ocasiones sin dibujos adicionales. La etiqueta del divisor horizontal es una sola etiqueta <hr />, que ocupa una línea de forma predeterminada.

Cree un archivo de página web en el directorio D:/ web/, llamado HR.HTM, y escriba el código como se muestra en el código 4.5.

Código 4.5 Configuración de línea de divisor: Hr.htm

<html>

<title> Configuración de líneas divisor </title>

</ablo>

<Body>

Revisa las gloriosas canciones cantonesas en la escena musical

<hr />

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ¿Qué canción es la primera canción cantonesa sigue siendo controvertida? En 1973, el miembro de la flor de la hermana Chopstick, Xian Dula, cantó la canción principal del mismo nombre para la serie de televisión "Hidden and Crystal" creada por Gu Jiahui. Esta canción es también la canción principal del primer drama cantonés en la industria musical de Hong Kong. En el mismo año, el incipiente Adam Cheng también protagonizó el drama de TVB "Smoky Rain" y cantó la canción principal del mismo nombre. La canción principal del mismo nombre de la popular película "The Two Stars" cantada por Xu Guanjie en 1974 fue una bomba en la industria de la música, convirtiéndose en la primera canción china que se reproduce en BBC Radio en el Reino Unido. Era famoso en ese momento y fue el más reconocido por todos por el origen de las canciones cantonesas.

</body>

</html>

Ingrese http: //localhost/hr.htm en la barra de direcciones del navegador, y el efecto de navegación se muestra en la Figura 4.5.

Todavía es controvertido qué canción fue la primera canción cantonesa. En 1973, la hermana del palillo Hua Cheng Zhongxian Dula cantó la canción principal del mismo nombre para la serie de televisión "Hidden and Crystal" creada por Gu Jiahui. Esta canción es también la canción principal del primer drama cantonés en la industria musical de Hong Kong. En el mismo año, Adam Cheng, quien fue novato, también protagonizó el drama de TVB "Smoky Rain" y cantó la canción principal del mismo nombre. La canción principal del mismo nombre de la exitosa película "The Two Stars" cantada por Xu Guanjie en 1974 fue una bomba en la industria de la música. Se convirtió en la primera canción china que se reproduce en BBC Radio en el Reino Unido. Era famoso en ese momento y era el más reconocido por todos por el origen de los cantoneses.

Figura 4.5 Configuración de líneas divisor

Una etiqueta simple <hr /> puede darse cuenta del divisor, modificando fácilmente el diseño del párrafo para que sea más hermoso. Sin embargo, para diferentes ocasiones de aplicación, el estilo de línea único predeterminado obviamente no puede cumplir con los requisitos. Los múltiples atributos de la etiqueta <hr /> resuelven este problema. Los atributos de uso común incluyen ancho, tamaño, alineación, color y título. El ancho es la configuración de ancho. La unidad predeterminada del valor del atributo es los píxeles. El porcentaje también se puede utilizar para representar la proporción del espacio ocupado por el divisor. El tamaño puede entenderse como el grosor o la altura del divisor, y la unidad predeterminada del valor del atributo es la misma que el ancho. Alinear es una alineación, similar a la alineación de . El color es el color, y los diferentes colores del divisor se establecen según las necesidades. El atributo del título no se usa mucho, y la solicitud de contenido del valor del atributo aparece cuando el cursor del espectador se cierne sobre el divisor.

- Descripción: La alineación predeterminada de <hr /> está centrada. Las unidades predeterminadas de los atributos de ancho y altura HTML son píxeles, y generalmente no se requiere ninguna unidad de identificación. Sin embargo, la unidad debe identificarse en el atributo de estilo.

<hr /> Hay otro atributo que es noshade. Cuando el divisor no tiene un conjunto de colores y se establece un cierto tamaño, el divisor se ve tridimensional cóncava y tiene sombras. Si se usa la propiedad Noshade, el divisor será monocromo. Modifique el código HR.HTM como se muestra en el código 4.6.

Código 4.6 Configuración de estilo de divisor: Hr.htm

<html>

<title> Configuración de líneas divisor </title>

</ablo>

<Body>

Establezca un ancho de 300 píxeles y un divisor alineado a la derecha:

Establezca un ancho del 50% y un divisor alineado en el centro:

Establezca un 50% de ancho, grosor de 50 píxeles y sin divisor de noshade:

Establezca un grosor de 50 píxeles y use el divisor de Noshade:

Establezca un grosor de 50 píxeles y un divisor rojo oscuro:

¡Establezca el grosor de 50 píxeles, configure el azul claro y establezca el agradecimiento por su llegada! Consejos para divisor:

</body>

</html>

Ingrese http: //localhost/hr.htm en la barra de direcciones del navegador, y el efecto de navegación se muestra en la Figura 4.6.

Figura 4.6 Configuración de estilo de líneas divisorias