简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

html list quick preview

无忌哥哥
Release： 2018-06-29 10:08:35
Original
1969 people have browsed it

List is a very useful way of displaying data and can be extended to many interesting functions, such as navigation, layout, etc.

There are three main types of lists:

1. Unordered list:

    tag, which must be paired with the
  • subtag

    2. Ordered list : The

      tag, with the same usage rules as
        , can be regarded as a special case of an unordered list and is rarely used in actual development

        3. Customized list:

        < ;dt>
        It is very similar to noun explanations and has a wide range of uses, such as bottom navigation, content details pages, contact information, product descriptions, etc.

        ul has an attribute type that can set the mark in front of the list item

        type="disc" solid black dot, this is the default mark of the first-level list

        type="circle" hollow dot, this is the default mark of the second-level list

        type="square" solid square

        <html>
<head>
<meta charset="UTF-8">
<title>1-1.列表快速预览</title>
</head>
<body>
<ul type="square">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>Bootstrap</li>
</ul>
<hr>
<h4>单身狗的周未</h4>
<ol>
<li>自己请自己看场电影希望有艳遇</li>
<li>购买充气娃娃2个</li>
<!-- 列表是可以嵌套的 -->
<ul>
<li>冰冰款2个</li>
<li>凤姐款1个</li>
</ul>
<li>玩"吃鸡"</li>
<li>为心目中的女主播打Call</li>
</ol>
<hr>
<h4>后端编程语言:</h4>
<dl>
<dt>PHP</dt>
<dd>超文本预处理编程语言</dd>
<dt>MySQL</dt>
<dd>全球最流行的关系型数据库管理工具</dd>
<dt>ThinkPHP5.1</dt>
<dd>国内最流行的中文轻量级PHP开发框架</dd>
</dl>
</body>
</html>
        Copy after login

        The above is the detailed content of html list quick preview. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
html，html列表，html列表标签
source：php.cn
Previous article：Partition and grouping control of html table Next article：html block element
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
CSS bottom border on navigation bar I have a navigation bar and I have added a red line at the bottom when any item in the lis...
From 2024-04-06 15:04:41
0
2
347
How to populate an HTML table from a design-generated database table Very new to Ruby on Rails and design. I'm currently trying to fill out a table on an HTML ...
From 2024-04-05 09:13:39
0
1
2491
How to use CSS selectors to target div elements containing specific attributes or tags? I'm working on a POS system that generates a website. Most of the code is proprietary so I...
From 2024-04-03 22:25:59
0
1
277
Using regex to replace HTML in div and add spacing Hi, I would like help creating a regex that replaces all html tags, but when the end div a...
From 2024-04-02 11:28:02
0
1
420
Linux Bash: Easily delete HTML table data blocks I have an html file that is processed using a bash script and want to remove empty tables....
From 2024-04-02 09:13:43
0
1
332
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！