Web-Frontend
HTML-Tutorial
HTML-Webseitenlisten-Markup-Lerntutorial_HTML/Xhtml_Webseitenproduktion
HTML-Webseitenlisten-Markup-Lerntutorial_HTML/Xhtml_Webseitenproduktion
Tutorial zum Erlernen von HTML-Webseitenlisten-Markup.
In HTML-Seiten können Listen die Rolle des Gliederungsschreibens übernehmen. Listen werden in zwei Typen unterteilt: eine ist eine geordnete Liste und die andere ist eine ungeordnete Liste. Ersteres verwendet Aufzählungspunkte, um ungeordnete Elemente zu kennzeichnen, während letzteres Zahlen verwendet, um die Reihenfolge der Elemente festzuhalten.
Unter der sogenannten Sortierung versteht man das Anordnen von Listeneinträgen in numerischer oder alphabetischer Reihenfolge.
sog
Tutorial zum Erlernen der Markup-Markierung von HTML-Webseiten.
Auf HTML-Seiten können Listen die Rolle des Gliederungsschreibens spielen. Listen werden in zwei Typen unterteilt: eine ist eine geordnete Liste und die andere ist eine ungeordnete Liste. Ersteres verwendet Aufzählungspunkte, um ungeordnete Elemente zu kennzeichnen, während letzteres Zahlen verwendet, um die Reihenfolge der Elemente festzuhalten.
Unter der sogenannten Sortierung versteht man das Anordnen von Listeneinträgen in numerischer oder alphabetischer Reihenfolge.
Die sogenannte Unordnung bezieht sich auf Listenelemente, die mit ●, ○, □ usw. beginnen, ohne Reihenfolge.
Die wichtigsten Tags der Liste sind in der Tabelle unten aufgeführt
-
Ungeordnete Liste
Geordnete Liste
Verzeichnisliste
Definitionsliste
Menüliste
Definieren Sie die Bezeichnung der Liste
Listenelement-Tag
Tags für geordnete Listen
- Grundlegende Grammatik
- Punkt eins
- Punkt zwei
- Punkt drei...
- am Anfang jedes Elements.
Dateibeispiel: 7-1.htm
Erstellen Sie eine geordnete Liste mit den Tags- als Anfang des Listenelements.
#P# Das Typattribut TYPE
der geordneten Liste. Standardmäßig verwendet die geordnete Liste eine numerische Folge als Anfang der Liste. Über das Typattribut können wir den Typ der geordneten Liste auf englische oder lateinische Buchstaben festlegen.- Grundlegende Grammatik
Syntaxerklärung
Der Wert von value ist in der folgenden Tabelle 1 dargestellt Zahlen 1, 2, 3... A Kleinbuchstaben a, b, c A Großbuchstaben A, B, C ich Kleine römische Ziffern i, ii, iii... ICH Großgeschriebene römische Ziffern Ⅰ, Ⅲ, Ⅲ... Dateibeispiel: 7-2.htm
Legen Sie den Typ der geordneten Listennummer über das Typattribut fest.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> 文件说明
Nach dem Login kopieren第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> 文件说明
Nach dem Login kopieren第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> 文件说明
Nach dem Login kopierenNach dem Login kopieren第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> 文件说明
Nach dem Login kopierenNach dem Login kopieren第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> 文件说明
Nach dem Login kopieren第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> 文件说明
Nach dem Login kopieren第11行定义了列表的类型为定义列表，第12行至15行使用了
- 显示软件名称，
- 显示软件的说明。
#p# 菜单列表标记- 基本语法
- 项目一
- 项目二
- 项目三
- ……
语法解释
在菜单列表中，使用
定义列表是一种两个层次的列表，用于解释名词的定义，名词为第一层次，解释为第二层次，并且不包含项目符号。定义列表也称为字典列表，因为它与字典具有相同的格式。在定义列表中，每个列表项带有一个缩进的定义字段，就好象字典对文字进行解释一样。语法解释
在定义列表中，使用- 作为定义列表的声明，使用
- 基本语法
- 标记建立无序列表。
在无序列表中，各个列表项之间没有顺序级别之分，它通常使用一个项目符号作为每个列表项的前缀。无序列表主要使用- 、
、 - 、
语法解释
在无序列表中，使用- 作为无序的声明，使用
- 作为每一个项目的起始。
文件范例：7-4.htm
- 标记建立无序列表。
在无序列表中，各个列表项之间没有顺序级别之分，它通常使用一个项目符号作为每个列表项的前缀。无序列表主要使用- 、
、 - 、
语法解释
在无序列表中，使用- 作为无序的声明，使用
- Grundlegende Grammatik
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> 文件说明
Nach dem Login kopierenZeile 11 definiert den Typ der Liste wie geordnet, und die Zeilen 12 bis 15 verwenden die Markierung
- als Anfang des Listenelements.
Geordnete Listen verwenden Zahlen anstelle von Aufzählungszeichen, um Elemente zu organisieren. Die Elemente in der Liste beginnen mit einer Zahl oder einem englischen Buchstaben, und zwischen den Elementen gibt es normalerweise eine Reihenfolge. In einer geordneten Liste werden hauptsächlich die beiden Tags
- sowie der Typ und zwei Startattribute verwendet.
Syntaxerklärung
Verwenden Sie in einer geordneten Liste < ol>Als geordnete Aussage verwenden Sie
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1376
52
Tabellenrahmen in HTML
Sep 04, 2024 pm 04:49 PM
Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.
Verschachtelte Tabelle in HTML
Sep 04, 2024 pm 04:49 PM
Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.
HTML-Rand links
Sep 04, 2024 pm 04:48 PM
Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.
HTML-Tabellenlayout
Sep 04, 2024 pm 04:54 PM
Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.
HTML-Eingabeplatzhalter
Sep 04, 2024 pm 04:54 PM
Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.
HTML-geordnete Liste
Sep 04, 2024 pm 04:43 PM
Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele
Text in HTML verschieben
Sep 04, 2024 pm 04:45 PM
Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.
HTML-Onclick-Button
Sep 04, 2024 pm 04:49 PM
Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.
