吹着微燥的夏风，看着校园中暖暖的风景，为了帮助很多热爱web前端开发兄弟们打算写一下教程与朋友们一起共勉。
根据网页的作用分类：（1）展示内容：图、文、表、音、视频、动画。
（2）搜集信息：表单。
（3）页面交互信息管理：JavaScript（jsp、php+mysql）
我们要学习html+css进行网页内容+布局的学习、页面交互、信息收集与信息管理的学习。
一、html文档结构
HTML是一种描述性标记语言，用来描述页面内容的显示方式； HTML文件是一种纯文本文件，以“.html”或“.htm”为后缀。 HTML的基本组成单位是元素，语法结构如下:
<标签> 内容 </标签> 例如：
一个简单页面
文档都是有结构的：
标签需放在所有的文档标签之前，用于说明文档使用的HTML或XHTML的特定版本，并告诉浏览器后续内容应按照什么方式进行解析。
HTML文档结构是由、
和这三大元素组成：
1.元素：文档以标签开始，以所有内容都需要放在这两个标签之间。
2.
元素：页面头部信息，用于向浏览器提供整个页面的基本信息，但不包含页面的主体内容。头部信息中主要包括页面的标题、元信息、CSS样式、JavaScript脚本等元素。页面头部信息通常并不在浏览器中显示，标题元素（
标签的内容）除外，会显示在浏览器窗口的左上角。
3.
元素：网页的正文，是用户在浏览器主窗口中看到的信息，包括图片、表格、段落、图片、视频等内容，且需位于标签之内；但并不是所有的内部标签都是可见的。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>一个简单页面</title>
</head>
<body>
<h1>标题：一个简单的页面</h1>
网页正文部分
<p>文章段落内容</p>
<img src="images/logo.jpg" />
<table>
<tr><td>表格：Hello,HTML!</td></tr>
</table>
</body>
</html>
html
注意：HTML不区分大小写，而XHTML区分大小写； HTML标签的属性与属性值； HTML中的空格； HTML中的注释； 标签可以嵌套使用。
中可以包含以下子元素：
、<meta>、<base>、<link>、<script>以及<style>等
<p data-line="76">1.<strong>title元素</strong> 页面的标题位于<title>标签内，可以包含任何字符或实体。 网页标题的作用： 在浏览器的标题栏中显示标题； 标题可以用作默认快捷方式或收藏夹的名称； 标题还可以作为搜索引擎结果中的页面标题。</p>
<p data-line="78">2.<strong>meta元素</strong> meta元素用于向客户的浏览器传递信息和命令，而不是用来显示内容的。 一个<head>标签中可以包含一个或多个<meta>标签。</p>
<p data-line="80"><meta>标签主要分为两大类：</p>
<p data-line="82">对页面的设置，通过http-equiv属性进行指定</p>
<p data-line="84">对搜索引擎的设置，通过name属性进行指定</p>
<table data-line="86">
<thead data-line="86">
<tr data-line="86">
<th>属性名</th>
<th>属性值</th>
<th>描述</th>
</tr>
</thead>
<tbody data-line="88">
<tr data-line="88">
<td>name</td>
<td>Keywords</td>
<td>定义页面的关键词，关键词之间用英文逗号“，”隔开</td>
</tr>
<tr data-line="89">
<td>description</td>
<td>定义页面的描述内容，但不要过长，否则搜索引擎会以“…”省略</td>
<td></td>
</tr>
<tr data-line="90">
<td>robots</td>
<td>robots用来告诉搜索引擎页面是否允许索引与查询，content的参数有all、none、index、noindex、follow、nofollow；默认是all</td>
<td></td>
</tr>
<tr data-line="91">
<td>author</td>
<td>标注网页的作者</td>
<td></td>
</tr>
<tr data-line="92">
<td>http-equiv</td>
<td>content-type</td>
<td>设定页面使用的字符集</td>
</tr>
<tr data-line="93">
<td>refresh</td>
<td>自动刷新并转到新页面</td>
<td></td>
</tr>
<tr data-line="94">
<td>set-cookie</td>
<td>设置页面缓存过期时间；如果网页过期，那么存盘的cookie将被删除</td>
<td></td>
</tr>
<tr data-line="95">
<td>expires</td>
<td>用于设定网页的到期时间。网页过期时，必须从服务器上重新加载页面内容</td>
<td></td>
</tr>
<tr data-line="96">
<td>content</td>
<td>text</td>
<td>内容文本，用于描述name或http-equiv属性的相关内容</td>
</tr>
</tbody>
</table>
<details data-line="101" class="md-editor-code">
<summary class="md-editor-code-head">
<div class="md-editor-code-flag"><span></span><span></span><span></span></div>
<div class="md-editor-code-action">
<span class="md-editor-code-lang"></span>
<span class="md-editor-copy-button" data-tips="复制代码">复制代码</span>
<span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span>
</div>
</summary>
<pre><code class="language-" language=><span class="md-editor-code-block"> <html>
<head>
<title>漫步时尚广场 E&S</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Refresh" content="5;url=http://www.itshixun.com" />
<meta name="keywords" content="漫步时尚广场,时尚,购物,影视,餐饮"/>
<meta name="description" content="游客漫步在时尚广场,可漫步湖畔步行街,可在国际名品店、时尚精品店徜徉,在电影区感受视听震撼,在咖啡、酒吧一条街放松身心,在世界特色餐厅享受美味。 "/>
<meta name="author" content="QST青软实训"/>
<meta name="robots" content="all"/>
</head>
<body>
Meta标签的使用，5秒后进入QST官方网站~
</body>
</html>
html
</span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
</details>
<p data-line="137"><strong>body中有很多元素：</strong></p>
<p data-line="139"><strong>文本元素：</strong> HTML文档中的文本元素包括：内容标题、文本修饰以及特殊字符。<br>
<img src="https://ad.itadn.com/c/weblog/blog-img/images/2025-07-12/uVxsQgqaweINvrOEiXGWfn7mB3do.png" alt=""></p>
<p data-line="142"><strong>标题</strong> <hn>标签是双标签，默认情况下，在大多数浏览器中显示的<h1><h2><h3>元素内容大于文本在网页中的默认尺寸，<h4>元素的内容与默认文本的大小基本相同，而<h5>和<h6>元素的内容较小一些。</p>
<details data-line="145" class="md-editor-code">
<summary class="md-editor-code-head">
<div class="md-editor-code-flag"><span></span><span></span><span></span></div>
<div class="md-editor-code-action">
<span class="md-editor-code-lang"></span>
<span class="md-editor-copy-button" data-tips="复制代码">复制代码</span>
<span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span>
</div>
</summary>
<pre><code class="language-" language=><span class="md-editor-code-block"> <html>
<head>
<title>漫步时尚广场 E&S</title>
</head>
<body>
<h1>一级标题 —— 漫步时尚广场</h1>
<h2>二级标题 —— Q- Walking Fashion E&S </h2>
<h3>三级标题 —— 购物广场</h3>
<h4>四级标题 —— 男装区</h4>
<h5>五级标题 —— 上衣区</h5>
<h6>六级标题 —— 衬衣</h6>
</body>
</html>
html
</span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
</details>
<p data-line="179"><strong>文本修饰标签</strong></p>
<table data-line="181">
<thead data-line="181">
<tr data-line="181">
<th>标 签</th>
<th>描述</th>
</tr>
</thead>
<tbody data-line="183">
<tr data-line="183">
<td><font>…</font></td>
<td>用于设置文本的字体样式</td>
</tr>
<tr data-line="184">
<td><b>…</b></td>
<td>元素中的内容以加粗的方式显示，效果与<strong>标签相同</td>
</tr>
<tr data-line="185">
<td><i>…</i></td>
<td>元素中的内容以斜体的方式显示</td>
</tr>
<tr data-line="186">
<td><s>…</s></td>
<td>元素中的内容将被添加一条删除线</td>
</tr>
<tr data-line="187">
<td><u>…</u></td>
<td>元素中的内容将被添加一条下划线</td>
</tr>
<tr data-line="188">
<td><sup>…</sup></td>
<td>元素中的内容以上标的形式显示</td>
</tr>
<tr data-line="189">
<td><sub>…</sub></td>
<td>元素中的内容以下标的形式显示</td>
</tr>
<tr data-line="190">
<td><strong>…</strong></td>
<td>元素中的内容以加粗的方式显示，与<b>标签功能一致</td>
</tr>
<tr data-line="191">
<td><big>…</big></td>
<td>元素中的内容在显示时比周围的文本大一个字体尺寸</td>
</tr>
<tr data-line="192">
<td><small>…</small></td>
<td>元素中的内容在显示时比周围的文本小一个字体尺寸</td>
</tr>
</tbody>
</table>
<p data-line="195"><font>标签可以用来控制更多的文本字体外观样式，通过face、size和color属性来设定文本的字体、大小和颜色</p>
<details data-line="198" class="md-editor-code" open="">
<summary class="md-editor-code-head">
<div class="md-editor-code-flag"><span></span><span></span><span></span></div>
<div class="md-editor-code-action">
<span class="md-editor-code-lang"></span>
<span class="md-editor-copy-button" data-tips="复制代码">复制代码</span>
<span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span>
</div>
</summary>
<pre><code class="language-" language=><span class="md-editor-code-block"> <font face="隶书" size="10" color="blue">通过font标签设置字体</font>
<font face="楷体" size="+3" color="#FF0000">设置字体的样式</font>
<font face="黑体" size="-1" color="gray">设置字体的样式</font>
html</span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
</details>
<p data-line="211"><strong>特殊字符</strong></p>
<p data-line="213">在页面中，有些字符不能直接使用，只能通过引用的方式实现；例如版权字符“©”</p>
<table data-line="215">
<thead data-line="215">
<tr data-line="215">
<th>特殊字符</th>
<th>实体引用</th>
<th>特殊字符</th>
<th>实体引用</th>
</tr>
</thead>
<tbody data-line="217">
<tr data-line="217">
<td>双引号（"）</td>
<td>"</td>
<td>左箭头（←）</td>
<td>←</td>
</tr>
<tr data-line="218">
<td>&号</td>
<td>&</td>
<td>上箭头（↑）</td>
<td>↑</td>
</tr>
<tr data-line="219">
<td>空格</td>
<td>右箭头（→）</td>
<td>→</td>
<td></td>
</tr>
<tr data-line="220">
<td>小于号（<）</td>
<td><</td>
<td>下箭头（↓）</td>
<td>↓</td>
</tr>
<tr data-line="221">
<td>大于号（>）</td>
<td>></td>
<td>左右箭头（↔）</td>
<td>↔</td>
</tr>
<tr data-line="222">
<td>小于等于（≤）</td>
<td>≤</td>
<td>左下箭头（↵）</td>
<td>↵</td>
</tr>
<tr data-line="223">
<td>大于等于（≥）</td>
<td>≥</td>
<td>左双箭头（⇐）</td>
<td>⇐</td>
</tr>
<tr data-line="224">
<td>版权号（©）</td>
<td>©</td>
<td>上双箭头（⇑）</td>
<td>⇑</td>
</tr>
<tr data-line="225">
<td>商标符号（™）</td>
<td>™</td>
<td>右双箭头（⇒）</td>
<td>⇒</td>
</tr>
<tr data-line="226">
<td>注册商标（®）</td>
<td>®</td>
<td>下双箭头（⇓）</td>
<td>⇓</td>
</tr>
<tr data-line="227">
<td>分数（¼）</td>
<td>¼</td>
<td>交集（∩）</td>
<td>∩</td>
</tr>
<tr data-line="228">
<td>分数（½）</td>
<td>½</td>
<td>并集（∪）</td>
<td>∪</td>
</tr>
</tbody>
</table>
<p data-line="231"><strong>文档结构元素</strong></p>
<p data-line="233">段落标签<p>用于对网页内容提供块级格式。当浏览器解析<p>标签时，通常在下一个段落之前插入一个新的空白行。 <br />标签，可以在文本内容不结束的情况下需要对文本进行换行<br />标签是空标签，br和“/”之间存在一个空格。 <hr />标签可以在页面中产生一条水平线，将文本区域内容分开。<br>
<img src="https://ad.itadn.com/c/weblog/blog-img/images/2025-07-12/ql9BbMwKJQn7kvP8xUZ1e5Y0LuhA.png" alt=""></p>
<details data-line="237" class="md-editor-code">
<summary class="md-editor-code-head">
<div class="md-editor-code-flag"><span></span><span></span><span></span></div>
<div class="md-editor-code-action">
<span class="md-editor-code-lang"></span>
<span class="md-editor-copy-button" data-tips="复制代码">复制代码</span>
<span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span>
</div>
</summary>
<pre><code class="language-" language=><span class="md-editor-code-block"> <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<h3>页面设计师岗位简介</h3>
<hr size="3" noshade="noshade" color="blue" width="400px" align="right"/>
<p>经常有新入职的同学，搞不清设计师和别的职位如产品经理，在工作内容上有什么区别。
<br />“技能”指的是设计师掌握了项目中其他角色都不具备的能力。</p>
<p>设计师的“定位”，是随着用户体验受重视而发展起来的。互联网产品有一个很重要的……</p>
</body>
</html>
html
</span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
</details>
<p data-line="271"><strong>列表元素</strong></p>
<p data-line="273">在HTML页面中，使用列表将相关信息放在一起，会使内容显得更具有条理性。HTML中的列表有以下三种类型： 有序列表：使用一些数值或字母作为编号； 无序列表：使用项目符号作为编号； 定义列表：列表中的每个项目与描述配对显示。</p>
<p data-line="275">1.<strong>有序列表：</strong> 在有序列表中，每一项的前缀可以通过数字或字母进行编号。 HTML中提供了<ol>标签来实现有序列表有序列表：使用一些数值或字母作为编号；</p>
<details data-line="278" class="md-editor-code" open="">
<summary class="md-editor-code-head">
<div class="md-editor-code-flag"><span></span><span></span><span></span></div>
<div class="md-editor-code-action">
<span class="md-editor-code-lang"></span>
<span class="md-editor-copy-button" data-tips="复制代码">复制代码</span>
<span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span>
</div>
</summary>
<pre><code class="language-" language=><span class="md-editor-code-block"> <ol>
<li>列表项 1</li>
<li>列表项 2</li>
......
</ol>
html</span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
</details>
<p data-line="295">其中： <ol>中允许包含多个列表项，每一个列表项都嵌入在<ol></ol>之间；</p>
<li>标签用于展示某一列表项，其内容包含在<li></li>之间。
<p data-line="299">通过type属性可以指定有序列表编号的样式，取值方式有如下几种：</p>
<p data-line="301">“1”代表阿拉伯数字（1、2、3…）；</p>
<p data-line="303">“a”代表小写字母（a、b、c…）；</p>
<p data-line="305">“A”代表大写字母(A、B、C…）；</p>
<p data-line="307">“i”代表小写罗马数字（i、ii、iii…）；</p>
<p data-line="309">“I”代表大写罗马数字（I、II、III…）。</p>
<p data-line="311">通过start属性指定列表序号的开始位置，例如start="3"表示从3开始编号。</p>
<details data-line="314" class="md-editor-code">
<summary class="md-editor-code-head">
<div class="md-editor-code-flag"><span></span><span></span><span></span></div>
<div class="md-editor-code-action">
<span class="md-editor-code-lang"></span>
<span class="md-editor-copy-button" data-tips="复制代码">复制代码</span>
<span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span>
</div>
</summary>
<pre><code class="language-" language=><span class="md-editor-code-block"> <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>有序列表</title>
</head>
<body>
<ol type="A" start="3">
<li>购物区</li>
<li>男装</li>
<li>女装</li>
<li>童装</li>
<li>休闲装</li>
<li>运动装</li>
</ol>
</body>
</html>
html
</span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
</details>
<p data-line="354">2.<strong>无序列表：</strong> 与有序列表不同，无序列表每一项的前缀显示的是图形符号，而不是编号。</p>
<p data-line="356">HTML中提供了<ul>标签来实现无序列表：</p>
<details data-line="359" class="md-editor-code" open="">
<summary class="md-editor-code-head">
<div class="md-editor-code-flag"><span></span><span></span><span></span></div>
<div class="md-editor-code-action">
<span class="md-editor-code-lang"></span>
<span class="md-editor-copy-button" data-tips="复制代码">复制代码</span>
<span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span>
</div>
</summary>
<pre><code class="language-" language=><span class="md-editor-code-block"> <ul type="类型">
<li>列表项 1</li>
<li>列表项 2</li>
......
</ul >
html</span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
</details>
<p data-line="376">其中： 每一个列表项<li>嵌入在<ul></ul>之间，使用方式基本与有序列表一致；</p>
<p data-line="378">type属性用于设置列表的图形前缀，取值可以是circle（圆）、disc（点）、square（方块）、none等类型；当缺省type属性时大部分浏览器默认是disc类型。</p>
<details data-line="381" class="md-editor-code">
<summary class="md-editor-code-head">
<div class="md-editor-code-flag"><span></span><span></span><span></span></div>
<div class="md-editor-code-action">
<span class="md-editor-code-lang"></span>
<span class="md-editor-copy-button" data-tips="复制代码">复制代码</span>
<span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span>
</div>
</summary>
<pre><code class="language-" language=><span class="md-editor-code-block"> <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无序列表</title>
</head>
<body>
<ul type="disc">
<li>购物区</li>
<li>男装</li>
<li>女装</li>
<li>童装</li>
<li>休闲装</li>
<li>运动装</li>
</ul>
</body>
</html>
html
</span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
</details>
<p data-line="421">3.<strong>定义列表</strong> 是一种特殊列表，将项目与描述成对显示，使用<dl>标签来实现</p>
<details data-line="424" class="md-editor-code" open="">
<summary class="md-editor-code-head">
<div class="md-editor-code-flag"><span></span><span></span><span></span></div>
<div class="md-editor-code-action">
<span class="md-editor-code-lang"></span>
<span class="md-editor-copy-button" data-tips="复制代码">复制代码</span>
<span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span>
</div>
</summary>
<pre><code class="language-" language=><span class="md-editor-code-block"> <dl>
<!-- 第1项开始 -->
<dt>标题 1</dt >
<dd>描述 1</dd>
<!-- 第1项结束 -->
<!-- 第2项开始 -->
......
<!-- 第2项结束 -->
</dl >
html</span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
</details>
<p data-line="449">其中： 一个定义列表中可以包含1~n个子项；</p>
<p data-line="451">每一子项都由两部分构成：</p>
<p data-line="453">标题(dt)和描述(dd)，且成对出现；</p>
<dt></dt>标签用于存放标题内容；
<dd></dd>标签用于存放描述内容。
<details data-line="460" class="md-editor-code">
<summary class="md-editor-code-head">
<div class="md-editor-code-flag"><span></span><span></span><span></span></div>
<div class="md-editor-code-action">
<span class="md-editor-code-lang"></span>
<span class="md-editor-copy-button" data-tips="复制代码">复制代码</span>
<span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span>
</div>
</summary>
<pre><code class="language-" language=><span class="md-editor-code-block"> <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>定义列表</title>
</head>
<body>
<dl>
<!-- 第一项开始 -->
<dt>购物区</dt>
<dd>近年来，随着经济社会和现代物流业的快速发展，带动了电子商务的快速发展……</dd>
<!-- 第一项结束 -->
<dt>影视区</dt>
<dd>能够在线收看高清电影电视剧、体育直播、游戏竞技视频、动漫视频、综艺视频、财经资讯视频播放流畅、完全免费，是网民喜爱的休闲娱乐区。</dd>
<dt>餐饮区</dt>
<dd>通过互联网使消费者及时了解餐厅营运、在线点菜、优惠套餐等方式进行网络销售传播，便利充分地实现餐厅服务价值交换。</dd>
</dl>
</body>
</html>
html
</span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
</details>
<p data-line="504">对你的学习有用，打个赏！</p>
</div></div><!----><!--]--></div><!--[--><div class="flex justify-center items-center mt-14 mb-7 text-gray-500 relative"><h2> 全部评论 (<span>0</span>) </h2></div><div class="w-full px-5 py-10 mb-3 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700"><!----><div class="flex items-center mt-10 mb-5 justify-center text-gray-400"> 还没有任何评论哟~ </div></div><!--]--><div class="related-articles" data-v-d902f1f8><h3 class="related-title" data-v-d902f1f8>相关文章推荐</h3><div class="article-grid" data-v-d902f1f8><!--[--><a href="https://itadn.com/i0_79430273842/3557069" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>1.WEB前端开发：html基础（上）</h4></div><p class="card-description" data-v-d902f1f8>吹着微燥的夏风，看着校园中暖暖的风景，为了帮助很多热爱web前端开发兄弟们打算写一下教程与朋友们一起共勉。 根据网页的作用分类：（1）展示内容：图、文、表、音、视频、动画。 （2）搜集信息：表单。</p></div></a><a href="https://itadn.com/i0_49247712318/3678978" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>前端开发基础(1)-html</h4></div><p class="card-description" data-v-d902f1f8>1.1HTML概述 1.1.1什么是HTML 全称：超文本标记语言 HTML是一种编辑语言，使用嵌入标记来表明文本的格式 通过这种嵌入标记的方式，HTML可以表示更加丰富的内容，不仅可以表示文本和数字...</p></div></a><a href="https://itadn.com/i0_79445711252/3806548" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>Web前端-Web开发HTML基础3-table</h4></div><p class="card-description" data-v-d902f1f8>一.基础 1\.生成一个三行三列的表格； 2\.生成一个四行四列的表格； 3\.生成一个五行五列的表格； 4\.生成一个三行四列的表格； 5\.生成一个四行五列的表格； 6\.生成一个五行六列的表格；...</p></div></a><a href="https://itadn.com/i0_97400130991/4097541" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>《前端web开发-CSS3基础-1》</h4></div><p class="card-description" data-v-d902f1f8>文章目录 《前端web开发CSS3基础》 ==1.CSS引入方式== ==2.选择器标签和类== ==3.选择器id和通配符选择器== ==4.画盒子== ==5.字体修饰属性== ==6.字体大小、...</p></div></a><a href="https://itadn.com/i0_14509104652/879984" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>前端开发笔记（1）html基础</h4></div><p class="card-description" data-v-d902f1f8>HTML介绍 HTML是HyperTextMarkupLanguage超文本标记语言的缩写 HTML是标记语意的语言 编辑器 任何纯文本编辑器都能够编辑html，比如记事本，editplus,note...</p></div></a><a href="https://itadn.com/i0_27756399543/2646917" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>Web前端开发基础之HTML文件</h4></div><p class="card-description" data-v-d902f1f8>1.3HTML文件 1.3.1HTML文件的基本结构 HTML文件后缀名为html或htm。 例example1.1.html <!doctypehtml<!文档声明：告诉浏览器以下文件用html5版...</p></div></a><a href="https://itadn.com/i0_65569965460/1078434" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>WEB前端-HTML-基础</h4></div><p class="card-description" data-v-d902f1f8>作为WEB前端的第一篇，先讲讲WEB大体的情况。 学习WEB前端开发，需要了解三把刀：HTML、CSS、JavaScript HTML：提供最基本的web语言基础 CSS：用过Photoshop的朋友...</p></div></a><a href="https://itadn.com/i0_34860459394/1641119" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>WEB前端开发基础</h4></div><p class="card-description" data-v-d902f1f8>第一章初识HTML 1.HTML是用来描述网页的一种语言，是超文本标记语言（HyperTextMarkupLanguage）的缩写简称。 2.W3C（WorldWideWedConsortium，万维...</p></div></a><a href="https://itadn.com/i0_39797194831/3634840" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>Web前端开发技术实验一 HTML基础</h4></div><p class="card-description" data-v-d902f1f8>练习1、编写代码实现如图所示页面效果，设计要求：页面上方水平分隔线粗细为1px、颜色为000fff，页面下方水平分隔线粗细为1px、颜色为00ffff。 <!doctypehtml <htmllang...</p></div></a><a href="https://itadn.com/i0_34462576678/2900392" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>Web前端开发--HTML</h4></div><p class="card-description" data-v-d902f1f8>HTML快速入门 1.新建文本文件，后缀名改为.html 2.编写HTML结构标签 3.在<body中填写内容 HTML结构标签 特点 1.HTML标签中不区分大小写 2.HTML标签属性值中可以使用...</p></div></a><!--]--></div></div></div><aside class="w-full md:w-[17%] lg:w-[17%] order-3 md:order-none" style="position:relative;z-index:5;" data-v-d902f1f8><div data-v-d902f1f8><!--[--><div class="gradient-bg w-full py-5 px-2 mb-3 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700" data-v-b007e0bf><div class="flex items-center justify-between" data-v-b007e0bf><div class="text-red-600 font-bold" data-v-b007e0bf>未开通会员</div><button class="px-4 py-2 text-yellow-300 font-bold bg-black rounded-full" data-v-b007e0bf> 开通会员 </button></div><p class="mt-2 text-gray-600" data-v-b007e0bf>会员专享资源、会员博客等服务</p></div><div class="w-full py-5 px-2 mb-3 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700" data-v-b007e0bf><div data-v-b007e0bf><div class="flex flex-col items-center" data-v-b007e0bf><div class="relative mb-4 mt-6" data-v-b007e0bf><button class="px-4 py-2 rounded" data-v-b007e0bf>点击登录</button></div><div class="flex justify-center gap-5 mb-2 dark:text-gray-400" data-v-b007e0bf><div class="flex items-center flex-col gap-1 hover:text-sky-600 hover:scale-110 cursor-pointer" data-v-b007e0bf><button class="text-sm" style="width:80px;height:35px;border:1px solid #c9c9c9;background-color:#fff;color:#555;" data-v-b007e0bf> 下载历史 </button></div><div class="flex items-center flex-col gap-1 hover:text-sky-600 hover:scale-110 cursor-pointer" data-v-b007e0bf><button class="text-sm" style="width:80px;height:35px;border:1px solid #c9c9c9;background-color:#fff;color:#555;" data-v-b007e0bf> 积分购买 </button></div></div></div></div></div><!--]--></div><!----></aside><div class="w-full md:w-[18%] lg:w-[18%] order-3 md:order-none" data-v-d902f1f8></div></div></div></div></main><span data-v-d902f1f8></span></div><footer class="bg-white mt-5 dark:bg-gray-800 text-right" data-v-d902f1f8><div class="w-full mx-auto max-w-screen-xl py-1 px-4"><span class="text-sm text-gray-500 sm:text-center dark:text-gray-400 w-full mb-2 md:mb-0"><a href="https://d.itadn.com/contact" class="hover:underline mr-12">免责声明</a></span></div><div class="w-full mx-auto max-w-screen-xl py-1 px-4 flex justify-end items-center"><a href="https://beian.miit.gov.cn" class="flex items-center"><img src="https://itadn.com/_nuxt/police.DzUIhgta.png" alt="备案号图标" class="h-4 w-4 mr-2"><span class="text-sm font-medium text-gray-500 dark:text-gray-400 hover:underline"> 鲁ICP备2023021068号-1 </span></a></div><div class="w-full mx-auto max-w-screen-xl py-1 px-4 flex justify-end"><span class="text-sm text-gray-500 dark:text-gray-400"> © 2024 <a href="https://www.itadn.com/" class="hover:underline">技术社区</a> .All Rights Reserved. </span></div></footer><!--]--></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":67,"once":77,"_errors":78,"serverRendered":5,"path":80},["ShallowReactive",3],{"$fKWL_GzRiaHcBUIvBHV8hpcTcIphnjSOIYHsPQFhKZr0":4,"$fWMI9SVzu48PAgb5bH4pG3CrjTJ5CUoLlUi4rnwHSfmM":15},{"success":5,"message":6,"errorCode":6,"data":7},true,null,{"current":8,"size":9,"id":10,"flag":6,"username":6,"q":6,"t":11,"title":12,"content":13,"readNum":6,"listId":6,"vipFree":14,"summary":6,"status":8},1,10,3557069,"a","1.WEB前端开发：html基础（上）","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",3,{"success":5,"message":6,"errorCode":6,"data":16,"total":66,"size":9,"current":8,"pages":9},[17,21,26,31,36,41,46,51,56,61],{"id":10,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":12,"seenum":6,"description":19,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":20},0,"吹着微燥的夏风，看着校园中暖暖的风景，为了帮助很多热爱web前端开发兄弟们打算写一下教程与朋友们一起共勉。 根据网页的作用分类：（1）展示内容：图、文、表、音、视频、动画。 （2）搜集信息：表单。","i0_79430273842",{"id":22,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":23,"seenum":6,"description":24,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":25},3678978,"前端开发基础(1)-html","1.1HTML概述 1.1.1什么是HTML 全称：超文本标记语言 HTML是一种编辑语言，使用嵌入标记来表明文本的格式 通过这种嵌入标记的方式，HTML可以表示更加丰富的内容，不仅可以表示文本和数字信息，还可以方便地表示图像，动画，音频，视频，以及文档与文档之间的链接信息，这也是超文本的意义所在 ","i0_49247712318",{"id":27,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":28,"seenum":6,"description":29,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":30},3806548,"Web前端-Web开发HTML基础3-table","一.基础 1\\.生成一个三行三列的表格； 2\\.生成一个四行四列的表格； 3\\.生成一个五行五列的表格； 4\\.生成一个三行四列的表格； 5\\.生成一个四行五列的表格； 6\\.生成一个五行六列的表格； 7\\.生成一个三行三列的表格，默认填充值为hello； 8\\.生成一个四行四列的表格，默认填充值为","i0_79445711252",{"id":32,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":33,"seenum":6,"description":34,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":35},4097541,"《前端web开发-CSS3基础-1》","文章目录 《前端web开发CSS3基础》 ==1.CSS引入方式== ==2.选择器标签和类== ==3.选择器id和通配符选择器== ==4.画盒子== ==5.字体修饰属性== ==6.字体大小、粗细和倾斜== 6.1字体大小 6.2字体粗细 6.3字体倾斜 ==7.行高== ==8.字体族==","i0_97400130991",{"id":37,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":38,"seenum":6,"description":39,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":40},879984,"前端开发笔记（1）html基础","HTML介绍 HTML是HyperTextMarkupLanguage超文本标记语言的缩写 HTML是标记语意的语言 编辑器 任何纯文本编辑器都能够编辑html，比如记事本，editplus,notepad++ 比较有名的专门制作网页工具有：DreamWeaverAdobe公司的产品，过时了，不是一","i0_14509104652",{"id":42,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":43,"seenum":6,"description":44,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":45},2646917,"Web前端开发基础之HTML文件","1.3HTML文件 1.3.1HTML文件的基本结构 HTML文件后缀名为html或htm。 例example1.1.html \u003C!doctypehtml\u003C!文档声明：告诉浏览器以下文件用html5版本解析 \u003Chtml\u003C!告诉浏览器HTML文件开始 \u003Chead\u003C!表示HTML文件的头部 \u003Cmetac","i0_27756399543",{"id":47,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":48,"seenum":6,"description":49,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":50},1078434,"WEB前端-HTML-基础","作为WEB前端的第一篇，先讲讲WEB大体的情况。 学习WEB前端开发，需要了解三把刀：HTML、CSS、JavaScript HTML：提供最基本的web语言基础 CSS：用过Photoshop的朋友应该了解一个图层的概念，css就是实现各种页面渲染的语言，主要实现的是静态渲染 JavaScript","i0_65569965460",{"id":52,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":53,"seenum":6,"description":54,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":55},1641119,"WEB前端开发基础","第一章初识HTML 1.HTML是用来描述网页的一种语言，是超文本标记语言（HyperTextMarkupLanguage）的缩写简称。 2.W3C（WorldWideWedConsortium，万维网联盟）诞生了，由W3C组织制定和维护的Web开发标准，称之为W3C标准；但并非强制而只是推荐标准。","i0_34860459394",{"id":57,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":58,"seenum":6,"description":59,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":60},3634840,"Web前端开发技术实验一 HTML基础","练习1、编写代码实现如图所示页面效果，设计要求：页面上方水平分隔线粗细为1px、颜色为000fff，页面下方水平分隔线粗细为1px、颜色为00ffff。 \u003C!doctypehtml \u003Chtmllang=ch \u003Chead \u003Cmetacharset=utf8 \u003Ctitle练习1\u003C/title \u003C","i0_39797194831",{"id":62,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":63,"seenum":6,"description":64,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":65},2900392,"Web前端开发--HTML","HTML快速入门 1.新建文本文件，后缀名改为.html 2.编写HTML结构标签 3.在\u003Cbody中填写内容 HTML结构标签 特点 1.HTML标签中不区分大小写 2.HTML标签属性值中可以使用单引号也可使用双引号 3.HTML语法结构比较松散（但在编写时要严格一点） VSCode安装使用 V","i0_34462576678",100,["Reactive",68],{"$ssite-config":69},{"_priority":70,"env":74,"name":75,"url":76},{"name":71,"env":72,"url":73},-10,-15,-4,"production","nuxt-app","http://itadn.com/",["Set"],["ShallowReactive",79],{"$fKWL_GzRiaHcBUIvBHV8hpcTcIphnjSOIYHsPQFhKZr0":6,"$fWMI9SVzu48PAgb5bH4pG3CrjTJ5CUoLlUi4rnwHSfmM":6},"/i0_79430273842/3557069"]</script>
<script>window.__NUXT__={};window.__NUXT__.config={public:{baseURL:"https://itadn.com"},app:{baseURL:"/",buildId:"28267351-07e4-4a4a-a3a4-3d090537eea6",buildAssetsDir:"/_nuxt/",cdnURL:"https://itadn.com"}}</script></body></html>