interface Web
tutoriel HTML
Tutoriel d'apprentissage du balisage de liste de pages Web HTML_HTML/Xhtml_Production de pages Web
Tutoriel d'apprentissage du balisage de liste de pages Web HTML_HTML/Xhtml_Production de pages Web
Tutoriel d'apprentissage du balisage de liste de pages Web HTML.
Dans les pages HTML, les listes peuvent jouer le rôle de rédaction de plans. Les listes sont divisées en deux types, l’une est une liste ordonnée et l’autre est une liste non ordonnée. Le premier utilise des puces pour marquer les éléments non ordonnés, tandis que le second utilise des chiffres pour enregistrer l'ordre des éléments.
Ce qu'on appelle l'ordre consiste à organiser les éléments d'une liste par ordre numérique ou alphabétique.
soi-disant
Tutoriel d'apprentissage du balisage de liste de pages Web HTML.
Dans les pages HTML, les listes peuvent jouer le rôle de rédaction de plans. Les listes sont divisées en deux types, l’une est une liste ordonnée et l’autre est une liste non ordonnée. Le premier utilise des puces pour marquer les éléments non ordonnés, tandis que le second utilise des chiffres pour enregistrer l'ordre des éléments.
Ce qu'on appelle l'ordre consiste à organiser les éléments d'une liste par ordre numérique ou alphabétique.
Le soi-disant désordre fait référence à des éléments de liste commençant par ●, ○, □, etc., sans ordre.
Les principales balises de la liste sont telles qu'indiquées dans le tableau ci-dessous
-
Liste non ordonnée
Liste ordonnée
Liste du répertoire
Liste de définitions
Liste des menus
Définir le label de la liste
Balise d'élément de liste
Balises de liste ordonnée
- sont principalement utilisées, ainsi que le type et les deux attributs start.
- Grammaire de base
- Élément un
- Élément deux
- Élément trois...
Explication de la syntaxe
Dans une liste ordonnée, utilisez < ol>Pour une déclaration ordonnée, utilisez - Grammaire de base
- au début de chaque élément.
Exemple de fichier : 7-1.htm
Créez une liste ordonnée via les balises-
#p# L'attribut de type TYPE
de la liste ordonnée. Par défaut, la liste ordonnée utilise une séquence numérique comme début de liste. Nous pouvons définir le type de la liste ordonnée sur des lettres anglaises ou romaines via l'attribut type.- Grammaire de base
Explication de la syntaxe
La valeur de la valeur est telle qu'indiquée dans le tableau suivant 1 Numéros 1, 2, 3... un Lettres minuscules a, b, c UN Lettres majuscules A, B, C je Chiffres romains minuscules i, ii, iii... je Chiffres romains majuscules Ⅰ, Ⅲ, Ⅲ... Exemple de fichier : 7-2.htm
Définissez le type de numéro de liste ordonnée via l'attribut type.01 <!-- ------------------------------ --> 02 <!-- 文件范例：7-2.htm --> 03 <!-- 文件说明：设定有序列表编号类型--> 04 <!-- ------------------------------ --> 05 <html> 06 <head> 07 <title>设定有序列表编号类型</title> 08 </head> 09 <body> 10 <h2>图像设计软件</h2> 11 <ol type=a> 12 <li>Photoshop 13 <li>Illustrator 14 <li>Freehand 15 <li>CorelDraw 16 </ol> 17 <hr> 18 <h2>图像设计软件</h2> 19 <ol type=I> 20 <li>Photoshop 21 <li>Illustrator 22 <li>Freehand 23 <li>CorelDraw 24 </ol> 25 <hr> 26 <h2>网页动画软件</h2> 27 <ol type=i> 28 <li>Flash 29 <li>LiveMotion 30 </OL> 31</body> 32 </html> 文件说明
Copier après la connexion第11行定义了列表的编号类型为小写字母，第19行定义了列表的编号类型为大写的罗马字母，第27行定义了列表的编号类型为小写的罗马字母。
#p# 有序列表的起始属性START
在默认的情况下，有序列表从数字1开始记数，这个起始值通过start属性可以调整，并且英文字母和罗马字母的起始值也可以调整。- 基本语法
语法解释
其中不论列表编号的类型是数字、英文字母还是罗马字母，value的值都是其始的数字。 文件范例：7-3.htm
通过start属性设定有序列表的起始编号。01 <!-- ------------------------------ --> 02 <!-- 文件范例：7-3.htm --> 03 <!-- 文件说明：设定有序列表起始编号--> 04 <!-- ------------------------------ --> 05 <html> 06 <head> 07 <title>设定有序列表起始编号</title> 08 </head> 09 <body> 10 <h2>图像设计软件</h2> 11 <ol start=5> 12 <li>Photoshop 13 <li>Illustrator 14 <li>Freehand 15 <li>CorelDraw 16 </ol> 17 <hr> 18 <h2>图像设计软件</h2> 19 <ol type=I start=3> 20 <li>Photoshop 21 <li>Illustrator 22 <li>Freehand 23 <li>CorelDraw 24 </ol> 25 </body> 26 </html> 文件说明
Copier après la connexion第11行定义了数字有序列表从5开始，第19行定义了罗马数字的有序列表从Ⅲ开始。
#p# 无序列表标记- 作为每一个项目的起始。
文件范例：7-4.htm
通过- 和
- 标记建立无序列表。
01 <!-- ------------------------------ --> 02 <!-- 文件范例：7-4.htm --> 03 <!-- 文件说明：建立无序列表 --> 04 <!-- ------------------------------ --> 05 <html> 06 <head> 07 <title>建立无序列表</title> 08 </head> 09 <body> 10 <h2>图像设计软件</h2> 11 <ul> 12 <li>Photoshop 13 <li>Illustrator 14 <li>Freehand 15 <li>CorelDraw 16 </ul> 17 </body> 18 </html> 文件说明
Copier après la connexionCopier après la connexion第11行定义了列表的类型为无序，第12行至15行使用了
- 标记作为列表项目的开始。
#p# 无序列表标记- 作为每一个项目的起始。
文件范例：7-4.htm
通过- 和
- 标记建立无序列表。
01 <!-- ------------------------------ --> 02 <!-- 文件范例：7-4.htm --> 03 <!-- 文件说明：建立无序列表 --> 04 <!-- ------------------------------ --> 05 <html> 06 <head> 07 <title>建立无序列表</title> 08 </head> 09 <body> 10 <h2>图像设计软件</h2> 11 <ul> 12 <li>Photoshop 13 <li>Illustrator 14 <li>Freehand 15 <li>CorelDraw 16 </ul> 17 </body> 18 </html> 文件说明
Copier après la connexionCopier après la connexion第11行定义了列表的类型为无序，第12行至15行使用了
- 标记作为列表项目的开始。
#p# 目录列表标记
目录列表用于显示文件内容的目录大纲，通常用于设计一个压缩窄列的列表，用于显示一系列的列表内容，例如字典中的索引或单词表中的单词等。列表中每项至多只能有20个字符。- 基本语法
- 项目一
- 项目二
- 项目三 ……
语法解释
在目录列表中，使用作为目录列表的声明，使用 - 作为每一个项目的起始。 文件范例：7-5.htm
通过和 - 标记建立目录列表。
01 <!-- ------------------------------ --> 02 <!-- 文件范例：7-5.htm --> 03 <!-- 文件说明：建立目录列表 --> 04 <!-- ------------------------------ --> 05 <html> 06 <head> 07 <title>建立目录列表</title> 08 </head> 09 <body> 10 <h2>图像设计软件</h2> 11 <dir> 12 <li>Photoshop 13 <li>Illustrator 14 <li>Freehand 15 <li>CorelDraw 16 </dir> 17 </body> 18 </html> 文件说明
Copier après la connexion第11行定义了列表的类型为目录，第12行至第15行使用了
- 标记作为列表项目的开始。
#p# 定义列表标记- 基本语法
- 名词一
- 解释一
- 名词二
- 解释二
- 名词三
- 解释三 ……
- 作为名词的标题，
- 用来解释名词。
文件范例：7-6.htm
通过- 、
- 、
- 标记建立定义列表。
01 <!-- ------------------------------ --> 02 <!-- 文件范例：7-6.htm --> 03 <!-- 文件说明：建立定义列表 --> 04 <!-- ------------------------------ --> 05 <html> 06 <head> 07<title>建立定义列表</title> 08 </head> 09 <body> 10 <h2>图像设计软件</h2> 11 <dl> 12 <dt>Photoshop<dd>Adobe公司的图像处理软件 13 <dt>Illustrator<dd>Adobe公司的矢量绘图软件 14 <dt>Freehand<dd>Macromedia公司的矢量绘图软件 15 <dt>CorelDraw<dd>Corel公司的图形图像软件 16 </dl> 17 </body> 18 </html> 文件说明
Copier après la connexion第11行定义了列表的类型为定义列表，第12行至15行使用了
- 显示软件名称，
- 显示软件的说明。
#p# 菜单列表标记- 基本语法
- 项目一
- 项目二
- 项目三
- ……
语法解释
在菜单列表中，使用
定义列表是一种两个层次的列表，用于解释名词的定义，名词为第一层次，解释为第二层次，并且不包含项目符号。定义列表也称为字典列表，因为它与字典具有相同的格式。在定义列表中，每个列表项带有一个缩进的定义字段，就好象字典对文字进行解释一样。语法解释
在定义列表中，使用- 作为定义列表的声明，使用
- 基本语法
- 标记建立无序列表。
在无序列表中，各个列表项之间没有顺序级别之分，它通常使用一个项目符号作为每个列表项的前缀。无序列表主要使用- 、
、 - 、
语法解释
在无序列表中，使用- 作为无序的声明，使用
- 作为每一个项目的起始。
文件范例：7-4.htm
- 标记建立无序列表。
在无序列表中，各个列表项之间没有顺序级别之分，它通常使用一个项目符号作为每个列表项的前缀。无序列表主要使用- 、
、 - 、
语法解释
在无序列表中，使用- 作为无序的声明，使用
- Grammaire de base
01 <!-- ------------------------------ --> 02 <!-- 文件范例：7-1.htm --> 03 <!-- 文件说明：建立有序列表 --> 04 <!-- ------------------------------ --> 05 <html> 06 <head> 07 <title>建立有序列表</title> 08 </head> 09 <body> 10 <h2>图像设计软件</h2> 11 <ol> 12 <li>Photoshop 13 <li>Illustrator 14 <li>Freehand 15 <li>CorelDraw 16 </ol> 17 </body> 18 </html> 文件说明
Copier après la connexionLa ligne 11 définit le type de liste comme ordonné, et les lignes 12 à 15 utilisent la marque
-
Les listes ordonnées utilisent des nombres au lieu de puces pour organiser les éléments. Les éléments de la liste commencent par un chiffre ou une lettre anglaise, et il existe généralement une séquence entre les éléments. Dans une liste ordonnée, les deux balises
- et
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Bordure de tableau en HTML
Sep 04, 2024 pm 04:49 PM
Guide de la bordure de tableau en HTML. Nous discutons ici de plusieurs façons de définir une bordure de tableau avec des exemples de bordure de tableau en HTML.
Tableau imbriqué en HTML
Sep 04, 2024 pm 04:49 PM
Ceci est un guide des tableaux imbriqués en HTML. Nous discutons ici de la façon de créer un tableau dans le tableau ainsi que des exemples respectifs.
Marge gauche HTML
Sep 04, 2024 pm 04:48 PM
Guide de la marge HTML gauche. Nous discutons ici d'un bref aperçu de la marge gauche HTML et de ses exemples ainsi que de son implémentation de code.
Disposition du tableau HTML
Sep 04, 2024 pm 04:54 PM
Guide de mise en page des tableaux HTML. Nous discutons ici des valeurs de la mise en page des tableaux HTML ainsi que des exemples et des résultats en détail.
Liste ordonnée HTML
Sep 04, 2024 pm 04:43 PM
Guide de la liste ordonnée HTML. Ici, nous discutons également de l'introduction de la liste et des types HTML ordonnés ainsi que de leur exemple respectivement.
Comment analysez-vous et traitez-vous HTML / XML dans PHP?
Feb 07, 2025 am 11:57 AM
Ce tutoriel montre comment traiter efficacement les documents XML à l'aide de PHP. XML (Language de balisage extensible) est un langage de balisage basé sur le texte polyvalent conçu à la fois pour la lisibilité humaine et l'analyse de la machine. Il est couramment utilisé pour le stockage de données et
Déplacer du texte en HTML
Sep 04, 2024 pm 04:45 PM
Guide pour déplacer du texte en HTML. Nous discutons ici d'une introduction, du fonctionnement des balises de sélection avec la syntaxe et des exemples à implémenter.
Espace réservé d'entrée HTML
Sep 04, 2024 pm 04:54 PM
Guide de l'espace réservé de saisie HTML. Nous discutons ici des exemples d'espace réservé d'entrée HTML ainsi que des codes et des sorties.
