Disposition des paragraphes et pauses de ligne des pages Web HTML

Auteur：Eve Cole Date de mise à jour：2025-05-26 03:00:03

La question de savoir si l'apparence d'une page Web est magnifique dépend en grande partie de sa disposition. Les grands paragraphes de texte apparaissent sur la page, qui sont généralement planifiés dans les segments, et il existe des divisions extrêmement strictes pour les pauses de ligne. Cette section commence par les détails du paragraphe, afin que les lecteurs puissent utiliser des balises pour traiter librement les grands paragraphes de texte après l'apprentissage.

Texte et paragraphes dans les pages HTML

Grâce à l'étude du chapitre précédent, les lecteurs ont une base relativement solide dans le paramètre de performance global de la page Web. Cependant, les lecteurs souhaitent non seulement exprimer du texte sur la page Web, mais souhaitent également taper et modifier le texte sur la page Web. Ce chapitre apprendra la mise en page, la modification, le texte de défilement et les hyperliens de texte. Les hyperliens sont partout dans le développement de sites Web et sont au centre des pages Web.

Lorsque vous étudiez ce chapitre, créez un répertoire nommé Chapitre3 dans le répertoire D: / Web /, déplacez le fichier du chapitre précédent vers D: / Web / Chapter3 et faites une classification. Ce chapitre continue de créer des exemples de fichiers dans le répertoire d: / web /, afin de faciliter le test d'exemples de fichiers avec IIS.

- Remarque: les chapitres suivants seront traités de manière similaire et ne seront pas répétés. Par exemple, le fichier du chapitre 4 est classé comme d: / web / chapitre4.

4.1 Composition du paragraphe et rupture de lignes

4.1.1 Segment de grands paragraphes de texte

Utilisez simplement les balises couramment utilisées pour la segmentation de texte, c'est-à-dire utiliser le début du paragraphe et utiliser la fin du paragraphe. Certaines pages Web sont omises lorsqu'elles sont segmentées, c'est-à-dire qu'elles sont utilisées comme balises uniques, car la balise au début du paragraphe suivant signifie la fin du paragraphe précédent.

- Remarque: L'auteur ne recommande pas d'utiliser comme une seule balise, car ce code n'est pas standardisé et sujet aux erreurs.

Créez un fichier de page Web dans le répertoire d: / web /, nommé p.htm, et écrivez le code comme indiqué dans le code 4.1.

Code 4.1 Paramètres du segment: P.HTM

<html>

<adal>

<Title> Paramètres du segment </TITME>

</ head>

<body>

Biweekly du film: "Affaires infernales trois: le sujet de commentaire ultime ininterrompu

ça commence juste après la fin

Fin 2002, le mythe a commencé. 2003 automne et hiver, se dirigeant vers le point culminant et ultime. "Affaires infernales" signifie qu'elle hérite de la philosophie bouddhiste, et que la lumière et l'obscurité, la survie et l'extinction, l'existence et le néant sont enchevêtrés de manière mixte, et se désagrègent de manière choquante, qui est également un processus d'enrichissement et d'unité. Il y a une cause, il y a un résultat, et il y a un péché, il y a un sort. La merveilleuse situation et l'apparence réside dans les limites des mots et des interprétations. Il ne peut pas être révélé, et cela ne peut pas être silencieux, et cela dépend les uns des autres. Le son cardiaque est toujours là, se remettant en question soi-même et le temps et l'espace. C'est le meilleur moment, c'est le pire moment, et les gens de presque toutes les époque le disent. Cependant, le "Vimalakirti Sutra: Le septième chapitre de la vue de toute vie" dit: Sans l'attachement, il n'y a pas d'origine. À partir des paroles et des actes du corps, à travers le niveau indescriptible, nous atteignons initialement l'état de la vision de soi, ce qui n'est finalement rien de plus qu'une attitude de survie. À mon avis, Liu Jianming, Chen Yongren, Han Chen, Huang Zhicheng, Ni Yongxiao, Lu Qichang, Yang Jinrong, Shen Cheng et d'autres sont en fait des figures miroir dans leur destin. Ils peuvent tous se voir les uns des autres, se battre, éclater, couler et se disperser, comme s'ils étaient des catastrophes et une vie tordue, donc ce sont des affaires infernales.

Gu Zhun a déclaré de l'idéalisme à l'empirisme, Wang Xiaobo a dit être vigilant des tyrans et des héros, qui sont des héros? D'où viennent-ils? Et s'ils venaient? Voulons-nous toujours des héros à notre époque? Quand j'ai édité ce Forum E, je me suis senti un peu soulagé. D'après le texte, nous pouvons voir que tout le monde pense. Après tout, nous ne sommes plus un suiveur aveugle. À mon avis, le divertissement n'a jamais été un divertissement lui-même. Vous pouvez voir un monde à partir d'une goutte d'eau, d'une fleur et d'un grain de sable. Ce que nous pensons dans un film est destiné à être plus, et la compréhension est sans limites. Chacun de nous constitue ce monde, et nous avons une part, que le monde soit bon ou mauvais. Chacun de nous a notre propre vie, à la fois nos forces et nos faiblesses, ce qui est la base de notre progrès commun.

</docy>

</html>

Entrez http: //localhost/p.htm dans la barre d'adresse du navigateur, et l'effet de navigation est illustré à la figure 4.1.

Figure 4.1 Réglage de la segmentation

À travers les segments des balises , la disposition du texte des grands segments est organisée.

4.1.2 Ajouter des espaces au texte

Si vous regardez attentivement la figure 4.1, la segmentation de la figure semble un peu gênante car il n'y a pas d'espaces de caractère au début de chaque segment.

- Description: Selon les habitudes d'écriture chinoises, la première ligne du paragraphe doit avoir 2 caractères chinois.

J'ai appris le chapitre précédent qu'il est impossible d'afficher sur la page en appuyant simplement sur la barre d'espace avec le clavier dans le code HTML. HTML utilise 1 caractère d'espace (caractère d'espace anglais). Puisque 1 caractère chinois occupe la largeur de deux caractères anglais, ajoutez 4 & nbsp; caractères au début de la première ligne du paragraphe et modifiez le code de P.HTM comme indiqué dans le code 4.2.

Code 4.2 Paramètres des caractères de l'espace: P.HTM

<html>

<adal>

<Title> Paramètres du segment </TITME>

</ head>

<body>

Biweekly du film: "Affaires infernales trois: le sujet de commentaire ultime ininterrompu

ça commence juste après la fin

& nbsp; & nbsp; & nbsp; & nbsp; Fin 2002, le mythe a commencé. 2003 automne et hiver, se dirigeant vers le point culminant et ultime. "Affaires infernales" signifie qu'elle hérite de la philosophie bouddhiste, et que la lumière et l'obscurité, la survie et l'extinction, l'existence et le néant sont enchevêtrés de manière mixte, et se désagrègent de manière choquante, qui est également un processus d'enrichissement et d'unité. Il y a une cause, il y a un résultat, et il y a un péché, il y a un sort. La merveilleuse situation et l'apparence réside dans les limites des mots et des interprétations. Il ne peut pas être révélé, et cela ne peut pas être silencieux, et cela dépend les uns des autres. Le son cardiaque est toujours là, se remettant en question soi-même et le temps et l'espace. C'est le meilleur moment, c'est le pire moment, et les gens de presque toutes les époque le disent. Cependant, le "Vimalakirti Sutra: Le septième chapitre de la vue de toute vie" dit: Sans l'attachement, il n'y a pas d'origine. À partir des paroles et des actes du corps, à travers le niveau indescriptible, nous atteignons initialement l'état de la vision de soi, ce qui n'est finalement rien de plus qu'une attitude de survie. À mon avis, Liu Jianming, Chen Yongren, Han Chen, Huang Zhicheng, Ni Yongxiao, Lu Qichang, Yang Jinrong, Shen Cheng et d'autres sont en fait des figures miroir dans leur destin. Ils peuvent tous se voir les uns des autres, se battre, éclater, couler et se disperser, comme s'ils étaient des catastrophes et une vie tordue, donc ce sont des affaires infernales.

& nbsp; & nbsp; & nbsp; & nbsp; Gu Zhun a dit de l'idéalisme à l'empirisme, Wang Xiaobo a dit être vigilant des tyrans et des héros, qui sont des héros? D'où viennent-ils? Et s'ils venaient? Voulons-nous toujours des héros à notre époque? Quand j'ai édité ce Forum E, je me suis senti un peu soulagé. D'après le texte, nous pouvons voir que tout le monde pense. Après tout, nous ne sommes plus un suiveur aveugle. À mon avis, le divertissement n'a jamais été un divertissement lui-même. Vous pouvez voir un monde à partir d'une goutte d'eau, d'une fleur et d'un grain de sable. Ce que nous pensons dans un film est destiné à être plus, et la compréhension est sans limites. Chacun de nous constitue ce monde, et nous avons une part, que le monde soit bon ou mauvais. Chacun de nous a notre propre vie, à la fois nos forces et nos faiblesses, ce qui est la base de notre progrès commun.

</docy>

</html>

Entrez http: //localhost/p.htm dans la barre d'adresse du navigateur, et l'effet de navigation est illustré à la figure 4.2.

Figure 4.2 Réglage des caractères d'espace

Le paragraphe a été initialement formé et les espaces ont été exprimés. Les lecteurs peuvent ajouter des caractères d'espace pour tester le paragraphe.

4.1.3 Définition des pauses de ligne de texte et non des pauses de ligne

La figure 4.1 semble qu'il n'y a pas de problème. Lorsque le texte atteint la limite du navigateur, il enveloppera automatiquement la ligne. Cependant, lorsque la largeur du navigateur est ajustée, la position de la ligne de texte se casse également en conséquence et le format semble assez déroutant. Afin de standardiser le format, les lecteurs doivent utiliser une seule balise pour forcer une rupture de ligne lors de l'écriture de code. Au contraire, les pièces qui n'ont pas besoin d'être enveloppées sont incluses avec des tags doubles <brom> </brb>. Modifiez le code P.HTM comme indiqué dans le code 4.3.

Code 4.3 Contrôle de rupture de ligne: p.htm

<html>

<adal>

<Title> Paramètres du segment </TITME>

</ head>

<body>

Biweekly du film: "Affaires infernales trois: le sujet de commentaire ultime ininterrompu

ça commence juste après la fin

& nbsp; & nbsp; & nbsp; & nbsp; Fin 2002, le mythe a commencé. 2003 automne et hiver, se dirigeant vers le point culminant et ultime. Les affaires infernales doivent hériter de la philosophie bouddhiste, et la lumière et l'obscurité, la survie et l'extinction, l'existence et le néant sont empêtrés de manière mitigée et se désagrègent de manière choquante. C'est aussi un processus d'enrichissement et d'unité. Il y a une cause, il y a un résultat, et il y a un péché, il y a un sort. La beauté de la situation et de l'apparence réside dans les limites des mots et des interprétations. Il ne peut pas être révélé, et cela ne peut pas être silencieux, et cela dépend les uns des autres. Le son cardiaque est toujours là, se remettant en question soi-même et le temps et l'espace. C'est le meilleur moment, c'est le pire moment, et les gens de presque toutes les époque le disent. Cependant, le "Vimalakirti Sutra: Le septième chapitre de la vue de toute vie" dit: Sans l'attachement, il n'y a pas d'origine. D'après les paroles et les actes du corps, et à travers le niveau indescriptible, nous atteignons initialement l'état de la vision de soi, ce qui n'est finalement rien de plus qu'une attitude de survie. À mon avis, Liu Jianming, Chen Yongren, Han Chen, Huang Zhicheng, Ni Yongxiao, Lu Qichang, Yang Jinrong, Shen Cheng et d'autres sont en fait des figures miroir dans leur destin. Ils peuvent tous se voir les uns des autres, se battre, éclater, couler et se disperser, comme s'ils étaient des catastrophes et une vie tordue, donc ce sont des affaires infernales.

</docy>

</html>

Entrez http: //localhost/p.htm dans la barre d'adresse du navigateur, et l'effet de navigation est illustré à la figure 4.3.

Figure 4.3 Contrôle de rupture de ligne

À partir de cet exemple, la pièce contenue dans ne sera pas automatiquement emballée à moins qu'il y ait un enveloppe forcée.

4.1.4 Définir l'alignement du texte

Le texte dans les paragraphes doit être aligné différemment à un moment donné, et l'alignement par défaut est laissé. L'attribut d'alignement de la balise est aligné. Réglez l'alignement sur la valeur gauche, droite ou centrale pour atteindre l'alignement gauche, droit et central. Modifiez le code P.HTM comme indiqué dans le code 4.4.

Code 4.4 Contrôle d'alignement: P.HTM

<html>

<adal>

<Title> Paramètres du segment </TITME>

</ head>

<body>

Biweekly du film: "Affaires infernales trois: le sujet de commentaire ultime ininterrompu

ça commence juste après la fin

& nbsp; & nbsp; & nbsp; & nbsp; Fin 2002, le mythe a commencé. 2003 automne et hiver, se dirigeant vers le point culminant et ultime. "Affaires infernales" signifie qu'elle hérite de la philosophie bouddhiste, et que la lumière et l'obscurité, la survie et l'extinction, l'existence et le néant sont enchevêtrés de manière mixte, et se désagrègent de manière choquante, qui est également un processus d'enrichissement et d'unité. Il y a une cause, il y a un résultat, et il y a un péché, il y a un sort. La merveilleuse situation et l'apparence réside dans les limites des mots et des interprétations. Il ne peut pas être révélé, et cela ne peut pas être silencieux, et cela dépend les uns des autres. Le son cardiaque est toujours là, se remettant en question soi-même et le temps et l'espace. C'est le meilleur moment, c'est le pire moment, et les gens de presque toutes les époque le disent. Cependant, le "Vimalakirti Sutra: Le septième chapitre de la vue de toute vie" dit: Sans l'attachement, il n'y a pas d'origine. À partir des paroles et des actes du corps, à travers le niveau indescriptible, nous atteignons initialement l'état de la vision de soi, ce qui n'est finalement rien de plus qu'une attitude de survie. À mon avis, Liu Jianming, Chen Yongren, Han Chen, Huang Zhicheng, Ni Yongxiao, Lu Qichang, Yang Jinrong, Shen Cheng et d'autres sont en fait des figures miroir dans leur destin. Ils peuvent tous se voir les uns des autres, se battre, éclater, couler et se disperser, comme s'ils étaient des catastrophes et une vie tordue, donc ce sont des affaires infernales.

& nbsp; & nbsp; & nbsp; & nbsp; gu zhun a dit de l'idéalisme à l'empirisme, Wang Xiaobo a dit être vigilant des tyrans et des héros, qui est le héros? D'où viennent-ils? Et s'ils venaient? Voulons-nous toujours des héros à notre époque? Quand j'ai édité ce Forum E, je me suis senti un peu soulagé. D'après le texte, nous pouvons voir que tout le monde pense. Après tout, nous ne sommes plus un suiveur aveugle. À mon avis, le divertissement n'a jamais été un divertissement lui-même. Vous pouvez voir un monde à partir d'une goutte d'eau, d'une fleur et d'un grain de sable. Ce que nous pensons dans un film est destiné à être plus, et la compréhension est sans limites. Chacun de nous constitue ce monde, et nous avons une part, que le monde soit bon ou mauvais. Chacun de nous a notre propre vie, à la fois nos forces et nos faiblesses, ce qui est la base de notre progrès commun.

</docy>

</html>

Entrez http: //localhost/p.htm dans la barre d'adresse du navigateur, et l'effet de navigation est illustré à la figure 4.4.

Figure 4.4 Contrôle d'alignement

4.1.5 Ajout de diviseur horizontal

HTML fournit des diviseurs horizontaux pour la modification des paragraphes, qui peuvent être facilement utilisés à plusieurs reprises sans dessins supplémentaires. L'étiquette du diviseur horizontal est une seule étiquette <hr />, qui occupe une ligne par défaut.

Créez un fichier de page Web dans le répertoire d: / web /, nommé hr.htm, et écrivez le code comme indiqué dans le code 4.5.

CODE 4.5 Paramètres de la ligne de diviseur: HR.HTM

<html>

<adal>

<Title> Paramètres des lignes de diviseur </TITAL>

</ head>

<body>

Revoir les glorieuses chansons cantonaises de la scène musicale

<hr />

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Quelle chanson est la première chanson cantonaise est toujours controversée. En 1973, le membre de Chopstick Sister Flower, Xian Dula, a chanté la chanson thème du même nom pour la série télévisée "Hidden and Crystal" créée par Gu Jiahui. Cette chanson est également la chanson thème du premier drame cantonais de l'industrie musicale de Hong Kong. La même année, les naissants Adam Cheng ont également joué dans le drame TVB "Smoky Rain" et ont chanté la chanson thème du même nom. La chanson thème du même nom du film populaire "The Two Stars" chanté de Xu Guanjie en 1974 était une bombe dans l'industrie musicale, devenant la première chanson chinoise à être jouée sur la radio BBC au Royaume-Uni. Il était célèbre à l'époque et était le plus reconnu par tout le monde pour l'origine des chansons cantonaises.

</docy>

</html>

Entrez http: //localhost/hr.htm dans la barre d'adresse du navigateur, et l'effet de navigation est illustré à la figure 4.5.

Il est toujours controversé quelle chanson a été la première chanson cantonaise. En 1973, la sœur baguette Hua Cheng Zhongxian Dula a chanté la chanson thème du même nom pour la série télévisée "Hidden and Crystal" créée par Gu Jiahii. Cette chanson est également la chanson thème du premier drame cantonais de l'industrie musicale de Hong Kong. La même année, Adam Cheng, qui était novice, a également joué dans le drame de TVB "Smoky Rain" et a chanté la chanson thème du même nom. La chanson thème du même nom du film à succès "The Two Stars" chanté de Xu Guanjie en 1974 était une bombe dans l'industrie de la musique. Il est devenu la première chanson chinoise à être jouée sur la radio de la BBC au Royaume-Uni. Il était célèbre à l'époque et était le plus reconnu par tout le monde pour l'origine du cantonais.

Figure 4.5 Réglage des lignes de diviseur

Une balise simple <hr /> peut réaliser le diviseur, modifiant facilement la disposition du paragraphe pour la rendre plus belle. Cependant, pour différentes occasions d'application, le style de ligne unique par défaut ne peut évidemment pas répondre aux exigences. Les multiples attributs de la balise <hr /> résolvent ce problème. Les attributs couramment utilisés incluent la largeur, la taille, l'alignement, la couleur et le titre. La largeur est le paramètre de largeur. L'unité par défaut de la valeur d'attribut est les pixels. Le pourcentage peut également être utilisé pour représenter la proportion de l'espace occupé par le séparateur. La taille peut être comprise comme l'épaisseur ou la hauteur du diviseur, et l'unité par défaut de la valeur d'attribut est la même que la largeur. Align est un alignement, similaire à l'alignement de . La couleur est la couleur et les différentes couleurs du diviseur sont définies en fonction des besoins. L'attribut de titre n'est pas beaucoup utilisé et l'invite de contenu de la valeur d'attribut apparaît lorsque le curseur du spectateur oscille sur le diviseur.

- Description: L'alignement par défaut de <hr /> est centré. Les unités par défaut des attributs de largeur et de hauteur HTML sont des pixels, et généralement aucune unité d'identification n'est requise. Cependant, l'unité doit être identifiée dans l'attribut de style.

<hr /> Il y a un autre attribut qui est Noshade. Lorsque le diviseur n'a pas de couleurs et qu'une certaine taille est réglée, le diviseur a l'air concave tridimensionnel et a des ombres. Si la propriété Noshade est utilisée, le diviseur sera monochrome. Modifiez le code HR.HTM comme indiqué dans le code 4.6.

Code 4.6 Paramètres de style du diviseur: hr.htm

<html>

<adal>

<Title> Paramètres des lignes de diviseur </TITAL>

</ head>

<body>

Définissez une largeur de 300 pixels et un diviseur aligné droit:

Définissez une largeur de 50% et un diviseur aligné central:

Réglez 50% de largeur, 50 pixels d'épaisseur et pas de diviseur Noshade:

Réglez une épaisseur de 50 pixels et utilisez le diviseur de Noshade:

Réglez une épaisseur de 50 pixels et un diviseur rouge foncé:

Réglez l'épaisseur de 50 pixels, réglez le bleu clair et remerciez votre arrivée! Conseils pour le diviseur:

</docy>

</html>

Entrez http: //localhost/hr.htm dans la barre d'adresse du navigateur, et l'effet de navigation est illustré à la figure 4.6.

Figure 4.6 Paramètres de style des lignes de diviseur