1、网页是网站中的任意一个页面，网站是具有相关性的网页的集合
2、HTML（HyperTextMarkup Language）超文本标记语言，不是编程语言，只是一种标记语言，由标签组成”所见即所得”
3、网页都是以<html>开始，</html>结束，包括头部和身体，一个完整的网页结构:
<html>
<head></head>
<body></body>
</html>
4、网页是由标记组成，标记又称为标签，都是以<开始，以>结束
5、标记分为两种：
单标记：br、meta、img等（只有开始，没有结束）
双标记：html、head、body、title等（既有开始，又有结束）
6、头部标签：head
身体标签：body
网页标题标签：title
7、在网页中，DOCTYPE写在网页的最前面，html标签之前，作用：定义文档类型
Xmlns：全称：xml namespace：定义xml命名空间
Meta标签中的charset=utf-8：定义编码格式，常用的编码格式：utf-8、gb2312
Utf-8：中文编码 gb2312：国标码
8、单标签和双标签的格式：
单标签：<标签名 />
双标签：<标签名> </标签名>
9、加粗标签：b（bold）
双标签
强调加粗：strong（双标签）
10、倾斜标签：i（italic）（双标签）
强调倾斜：em（双标签）
11、下划线标签：u（underline）（双标签）
12、换行标签：br（单标签），快捷键：shift+enter
13、空格标签： （分号不能省）
14、属性：对于标签的修饰
属性值：属性的值
15、标题标签：分为六级，分别为：h1-h6，其中h1标题最大，h6标题最小
特点：自动换行、加粗、设置字号大小
16、单标签和双标签属性和属性值的写法：
例如：描述人：
<人 身高=”1.80m” 体重=”65kg” 性别=”男”></人>
单标签：<标签名属性1=“属性值1”属性2=“属性值2”…… />
双标签：<标签名属性1=“属性值1”属性2=“属性值2”……></标签名>
17、标题属性：
水平对齐方式属性：align
属性值：left（左）
center（居中）
right（右）
justify（两端对齐）
18、水平线标签：hr（单标签）
属性：
颜色属性：color
属性值：#f00 red（红色）
#0f0 green（绿色）
#00f blue（蓝色）
#000 black（黑色）
#fff white（白色）
Yellow（黄色） pink（粉色）
粗细属性：size
属性值：具体的数字，例如：5、10、100等等
宽度属性：width
属性值：可以使用像素或者百分比
像素例如：800px、1000px等
百分比例如：20%、50%等
水平对齐方式属性：align
属性值：
Left：左
right：右
center：居中
19、段落标签：p（双标签）
水平对齐方式属性：align
属性值：
Left：左
right：右
center：居中
20、站点：方便网站文件的管理，站点中常用的文件和文件夹：
images：存放图片 css：存放css文件 html：存放html文件 index.html：首页文件
站点文件夹的起名规则：字母、数字或者下划线组成，且不能以数字开始，建议不要使用中文命名，例如：website、web、myweb、web_1115等命名都可以，但是8_img、1-3、站点、2-img等命名方式不可以
21、图片标签：img（单标签）
路径属性：src
宽度属性：width
属性值：可以是像素或者百分比
高度属性：height
属性值：可以是像素或者百分比
边框属性：border
属性值：具体的数值
提示性文字属性：alt
例如：
<img src=”images/pic.jpg” width=”450px”height=”300px” border=”15” alt=”这是一张全家福” />
22、超链接标签：a（双标签）
属性：
链接地址属性：href
属性值：可以是网页、图片、文档、应用程序等各种类型对象
目标窗口打开方式：target
属性值：_self（本窗口打开，默认值）
_blank（在新窗口中打开）
_parent（在父窗口中打开）
超链接提示文字属性：title
例如：<a href=”myfriend.html” target=”_blank” title=”我的同学很热心”>我的同学</a>
注意：超链接不仅可以使用文本链接，还可以使用图片链接
23、无序列表：列表项没有顺序的列表
无序列表标签：ul（双标签）
列表项标签：li
无序列表的结构：
<ul>
<li>列表内容</li>
<li>列表内容</li>
<li>列表内容</li>
……
</ul>
说明：一个无序列表可以包含多个列表项，列表项内容写在li标签里面
项目符号属性：type
属性值：disc（实心小圆圈，默认值）
square（实心小方块）
circle（空心小圆圈）
24、有序列表：列表项有顺序的列表
有序列表标签：ol（双标签）
列表项标签：li
有序列表的结构：
<ol>
<li>列表内容</li>
<li>列表内容</li>
<li>列表内容</li>
……
</ol>
说明：一个有序列表可以包含多个列表项，列表项内容写在li标签里面
项目符号属性：type
属性值：1（默认值）
A、a、I、i
设置起始项属性：start
属性值：1、2、3……（只能是阿拉伯数字）
25、自定义列表
自定义列表标签：dl（双标签）
定义项标签：dt（双标签）
描述性标签：dd（双标签）
自定义列表结构：
<dl>
<dt>定义项1</dt>
<dd>描述项1</dd>
<dd>描述项2</dd>
<dd>……</dd>
<dt>定义项2</dt>
<dd>描述项1</dd>
<dd>描述项2</dd>
<dd>……</dd>
…….
</dl>
说明：一个自定义列表中可以包含多个定义项，一个定义项下面可以包含多个描述项，所以说，一个自定义列表中可以没有描述项，但是至少有一个定义项。
2413
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
