我们先来复习一下前面的知识，一些常见的标签，和一些不太常用到的标签，以及img标签的一些知识点，都是很重要的基础，千万不能忘记。
表格是用来显示数据的，而列表是用来布局的。列表最大的特点就是整齐、整洁、有序，用它做布局会更加自由和方便。根据使用场景的不同，列表可以分为无序列表、有序列表和自定义列表三大类。
什么是语义化 语义化是指根据内容的结构，选择合适的标签，便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。 为什么会出现语义化 其实 HTML 在刚开始设计出来的时候就是带有一定的「语义」的，包括段落、表格、图片、标题等等，但这些更多地只是方便浏览器等 UA 对它们作合适的处理。但逐渐地，机器也要借助 HTML 提供的语义以及自然语言处理的手段来「读懂」它们从网上获取的 HTML 文档，但它们无法读懂例如「红色的文字」或者是深度嵌套的表格布局中内容的含义，因为太多已有的内容都是专门为了
列表 由于其 整齐 , 整洁 , 有序 的特征 , 类似于表格 , 但是其 组合的自由程度高于表格 , 经常用来进行布局 ;
列表（list）是指是指在网页中讲相关信息以及条目的方式有序或无序排列而形成的表。常用的列表有无序列表（ul），有序列表（ol）和定义列表（dl）等，接下来，我们就一起来学习一下这些列表吧。
有序列表:ol li 无序列表：ul li 不定义样式： ul class="list-unstyled" 横向显示：ul class="list-inline" dt dd dl class="dl-horizontal" dt dd
排列清单控制标记可以创建一般的列表、编号列表或加着重号列表，以及定义列表。还可以在一种列表中嵌套另外一种列表。对于概况因特网上的内容，列表特别重要。
HTML（Hypertext Markup Language）是网页开发中的标准标记语言，用于构建网页内容。在网页中，常常需要展示信息的列表，例如商品列表、文章目录、任务清单等。HTML提供了多种列表标签，用于创建不同类型的列表。本文将详细介绍HTML中的列表标签，包括无序列表、有序列表和定义列表，并提供示例代码演示它们的用法。
注意：手机（APP）打开，内容显示更佳，不会的私聊博主即可 想要拿代码或加入学习计划（** 博主会监督你并且教你写文章 **）的拉到最下面（PC端Web打开）加博主即可，目录也在最下面。
到现在为止，我们学习了很多标签，但是由于不熟悉标签的语义化，有时我们可能会用别的标签代替另一个标签，从而实现相同的效果，但这是一种错误的思想。
HTML有一个特殊元素，用于创建ordered lists（有序列表）, 或数字编号列表。 有序列表以元素开始，并包含一个或多个元素。 例如：
HTML有一个特殊元素，用于创建ordered lists（有序列表）, 或数字编号列表。有序列表以元素开始，并包含一个或多个元素。例如：
(5)表格元素
value 默认的文本值。 有些表单想刚打开页面就默认显示几个文字，就可以通过这个value 来设置。
Live Server ：可在网页查看代码效果（代码保存“ctrl+S”后可在网页自动更新效果）
一：列表 1.ul li ol li start=2 2.dl sdfs sdfsf 奶糖 牛奶糖 二链接 1.a href=”you.html#haha”锚链接 2.target = _blank 新的窗口 3.热点 <img src="./img/aa.jpg"width="100px" height="100px" usemap=
同样，有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于 标签。每个列表项始于 标签。
表格是用来显示数据的，那么列表就是用来布局的，列表最大的特点就是整齐，根据使用场景的不同，列表可以分成三大列：
一、语义化元素 1. ul标签 W3C草案： The ul element represents an unordered list of items; that is, a list in which changing the order of the items would not change the meaning of list.W3C specification 语义化元素：表示包含一组无序列表项内容。 在
1.无序列表 …… type的可取值：disc:●、circle:○、square:■. 2.有序列表 <l
1.无序列表：使用标签 ul，li 属性：disc（默认实心圆） circle （空心圆）square （方块）
原文链接：http://blog.csdn.net/humanking7/article/details/43516903
1.无序列表 ul：一个无序列表项目 li：列表中一个单独的项 <body> 你 我 他
简单的HTML表格由table元素以及多个tr th或td元素组成。这几个都是双标签。
本专栏是自己学前端的征程，纯手敲的代码，自己跟着黑马课程学习的，并加入一些自己的理解，对代码和笔记 进行适当修改。希望能对大家能有所帮助，同时也是请大家对我进行监督，对我写的代码进行建议，互相学习。
前端现在越来越火，可以用去年热门的词语来形容——“风口上的猪”。希望这个系列的文集能够给“毫无任何基础，但是想转到前端的人”一点帮助。 认识一个html文档的基本结构： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Here is title</title></head><body> Here is content.</body></html> HTML 文档是由 HTML 元素 定义的，而HT
我们可以借鉴各大网站是初始化代码，写一个适合自己的 reset.css 文件，可以大大提高工作效率，减少不必要的麻烦。
自定义列表以 标签开始。每个自定义列表项以 开始。每个自定义列表项的定义以 开始。
标签具有默认样式，由浏览器所决定的，为了达到在各个主流内核的浏览器页面样式显示一致，会重置具有默认样式的标签，得到样式表，就是 reset.css / base.css
前端认知 ---- 一、公司开发流程 1、 产品需求(产品经理给需求文档) 2、项目设计(视觉设计师给PSD文件，交互设计师配合) 3、前端开发 4、后端开发 5、测试 6、上线运营 二、前端开发的核心语言 HTML 超文本标记语言 （负责页面结构） CSS 层叠样式表 （负责页面样式） JS 脚本语言 （负责页面行为） ---- HTML的基本结构 <!DOCTYPE html> /*文档头声明*/<html lang="en"> /*HTML中的根元素*
块元素(默认为父级宽度的100%,支持全部样式): body h1 , h2, h3, h4, h5, h6 p div li (条目) ul(定义无序列表, 子标签li, 带点号) ol(定义有序列
IT课程: java课程 python课程 大数据课程 热门旅游城市: 四川 成都 遂宁
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> 1
浏览器对标签进行了默认设置，所以在我们没有定义样式的时候，会有五花八门的效果 不同的浏览器设置的默认样式是由差异，效果也会有差异。 因为浏览器对标签进行设置，所以我们必须额外设置标签的样式，把之前的样式覆盖(reset)掉。
列表就是信息资源的一种展示形式，它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷地获得相应的信息。
HTML 标签 定义和用法 规定文本的字体、字体尺寸、字体颜色。 实例 规定文本字体、大小和颜色： 1 This is some text! 2 This is some text! 3 This is some text! HTML 与 XHTML 之间的差异
当然，除了三件套外，我们还应掌握一定的网络协议基础，因为作为前端页面，也是要与服务器进行交互的，这其中就少不了网络协议的支撑
常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。 --- <font
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>这是我的第四个html代码</title> 6 7 <body bgcolor="#FF0000"> 8 9
有一款叫Markdown Here的插件可以解决这个问题（支持Chrome、Firefox、Safari）。
<meta> 用来描述网页具体的摘要信息 包括文本内容类型学符编码 搜索关键字 网站提供的功能和服务
元素框的实际宽度：width+左右外边距+左右border边框+左右内边距
/*resetAll css=================*/ body, h1, h2, h3, h4, h5, h6, p, ul, dl, ol { margin: 0; } h1, h2, h3, h4, h5, h6, input, textarea, select, button, label { font-size: 100%; vertical-align: middle; } ul, ol { padding-left: 0; } ul, dl, ol { list-styl
表格标签的作用：主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。
先看小栗子，通过css的list-style-type:disc;属性来控制了样式，不过这个是默认的样式，哪怕不指定，也是这样的效果。
1.div和spen标记 div是双标记，是没有有任何意义的块元素，又是用的最多的，和css配合使用，一般称为“div+css”.语法：可以放任何的元素 span是双标记，是没有
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频