日期: 2022-09-21 00:20:33 浏览数:8

上往建站提供服务器空间服务商,百度快照排名,网站托管,百度推广运营,致力于设计外包服务与源代码定制开发,360推广,搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营:网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务,专业团队服务,效果好。
广东省顺德外贸网站建设-双语网站制作-企业中英文网站优化推广-多语言集团网站定制开发

无序列表需要使用 <ul> 和 <li> 标签:
<ul> 是 unordered list 的简称,表示无序列表。
<ul> 和 <ol> 中的 <li> 一样,都表示列表中的每一项。默认情况下,无序列表的每一项都使用●符号表示。
注意,<ul> 一般和 <li> 配合使用,不会单独出现,而且不建议在 <ul> 中直接使用除 <li> 之外的其他标签。
在 HTML 中,<dl> 标签用于创建定义列表。定义列表由标题(术语)和描述两部分组成,描述是对标题的解释和说明,标题是对描述的总结和提炼。
定义列表具体语法格式如下:
<dl>
<dt>标题1<dt>
<dd>描述文本2<dd>
<dt>标题2<dt>
<dd>描述文本2<dd>
<dt>标题3<dt>
<dd>描述文本3<dd>
</dl>
定义列表需要使用 <dl>、<dt> 和 <dd> 标签:
<dl> 是 definition list 的简称,表示定义列表。
<dt> 是 definition term 的简称,表示定义术语,也就是我们说的标题。
<dd> 是 definition description 的简称,表示定义描述 。
可以认为 <dt> 定义了一个概念(术语),<dd> 用来对概念(术语)进行解释。
注意,<dt> 和 <dd> 是同级标签,它们都是 <dl> 的子标签。一般情况下,每个 <dt> 搭配一个 <dd>,一个 <dl> 可以包含多对 <dt> 和 <dd>。
我们来看一个简单的例子:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>HTML定义列表</title></head><body><dl><dt>HTML</dt><dd>HTML 是一种专门用来开发网页的标记语言,您可以转到《<a href="http://c.biancheng.net/html/" target="_blank">HTML教程</a>》了解更多。</dd><dt>CSS</dt><dd>CSS 层叠样式表可以控制 HTML 文档的显示样式,用来美化网页,您可以转到《<a href="http://c.biancheng.net/css3/" target="_blank">CSS教程</a>》了解更多。</dd><dt>JavaScript</dt><dd>JavaScript 简称 JS,是一种用来开发网站(包括前端和后台)的脚本编程语言,您可以转到《<a href="http://c.biancheng.net/js/" target="_blank">JS教程</a>》了解更多。</dd></dl></body></html>
浏览器运行效果如下图:

<dt> 和 <dd> 虽然是同级标签,但是它们的默认样式不同,<dd> 带有一段缩进,而 <dt> 顶格显示,这样层次更加分明。
浏览器会对列表设置一些默认样式,包括外边距、内边距和列表项标记,我们可以通过 CSS 样式表的 margin、padding 和 list-style 属性来修改它们,请看下面的例子:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>修改HTML列表的默认样式</title></head><body><p style="margin:0px auto;">煮米饭的步骤:</p><ol style="margin:0px auto; padding-left:20px; list-style:upper-latin;"><li>将水煮沸</li><li>加入一勺米</li><li>搅拌均匀</li><li>继续煮10分钟</li></ol><p style="margin-bottom:0px;">早餐的种类:</p><ul style="margin:0px auto; padding-left:20px; list-style:square;"><li>鸡蛋</li><li>牛奶</li><li>面包</li><li>生菜</li></ul><dl style="margin-bottom:0px;"><dt><b>HTML</b></dt><dd style="margin:auto auto 10px 0px;">HTML 是一种专门用来开发网页的标记语言。</dd><dt><b>CSS</b></dt><dd style="margin:auto auto 10px 0px;">CSS 层叠样式表可以控制 HTML 文档的显示样式,用来美化网页。</dd><dt><b>JavaScript</b></dt><dd style="margin:auto auto 10px 0px;">JavaScript 简称 JS,是一种用来开发网站(包括前端和后台)的脚本编程语言。</dd></dl></body></html>
对 CSS 样式的说明:
margin:0px auto;将上下外边距设置为 0 像素,将左右外边距设置为自动。
margin-bottom:0px;将下方外边距设置为 0 像素。
margin:auto auto 10px 0px;将上方和右侧外边距设置为自动,将下方外边距设置为 10 像素,将左侧外边距设置为 0 像素。
padding-left:20px;将左侧内边距设置为 20 像素。
list-style:upper-latin;将列表项标记设置为大写拉丁字母。
list-style:square;将列表项标记设置为实心方块。
广东省顺德外贸网站建设-双语网站制作-企业中英文网站优化推广-多语言集团网站定制开发
上往建站提供搭建网站,域名注册,官网备案服务,网店详情页设计,企业网店,专业网络店铺管理运营全托管公司咨询电话,服务器空间,微信公众号托管,网页美工排版,致力于域名申请,竞价托管,软文推广,全网营销,提供标准级专业技术保障,了却后顾之忧,主营:虚拟主机,网站推广,百度竞价托管,网站建设,上网建站推广服务,网络公司有哪些等业务,专业团队服务,效果好。
服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)