HTML&CSS知识点总结（一）

HTML：超文本标记语言

超文本：比普通文本功能强大

标记：使用标签对内容进行描述，它不是编程语言。

语法规范：

1.所有的html文件后缀名都是以.html或者.htm结尾，建议使用

2.整个html文件分别由头部分和体部分组成

3.Html标签都是由开始标签和结束标签组成

4.Html标签忽略大小写，建议使用小写

5.有且仅有一个根标签

1.标题标签

使用，n代表数字 从1~6逐渐变小。

特点：加粗加黑显示，单独占用一行，与其他行有一定的行间距

2.注释

使用，xxx代表注释的内容，在源代码中显示，在页面不会展示

3.水平线标签

使用

---

属性：

size：水平线的高度，单位像素

noshade：没有阴影；不设置该属性，水平线显示阴影；noshade=“noshade”时，显示纯色，水平线不显示阴影；

4.段落标签

使用

,标签内放段落的内容，每一个段落都要添加一个标签

5.字体标签

使用

常用属性为:

color 设置字体颜色；属性的值可以为英文单词，比如“red”，也可以为16进制数值，比如 #00FF00  每两位代表一种颜色，依次为 红色，绿色，蓝色

size  设置字体大小；属性取值范围为1~7，从小变大显示，size设置超过7时大小和7一样

face 设置字体

6.字体加粗标签

7.斜体标签

8.图片标签

常用属性：

src  设置图片地址，地址为相对地址

    相对地址：同级直接写名称 例如 src=log02.png

                    当前页面的上一级   src=../log02.png

width  设置图片宽度

height  设置图片高度

alt    设置图片无法显示时的替代文本

9.列表标签

无序标签：用

定义，每个列表项用

默认列表标记为.

标签：

    可选属性compact:

                 type:disc 实心原点； squre：实心方块；cirde：空心圆圈（了解即可）

有序标签：用

定义，每个列表项用

默认列表标记为阿拉伯数字

标签：

   可选属性 compact   

                reversed：降序排列

                start：起始值

                type：1/A/a/I/i

10.超链接标签

必填属性 href ：设置链接后地址

可选属性 target：定义被链接的文档在何处显示

                       target=“_blank”  新窗口打开链接

11.表格

表格标签

行标签：

单元格标签：

表格标签属性：

border：边框，属性为边框像素值

width:：表格宽度

height：表格高度

align：表格显示位置 center--居中

bgcolor：背景色

cellspacing：单元格与单元格的间距

cellpadding：单元格与单元格内容的间距

注意：属性覆盖顺序--单元格>行>表格

11.单元格跨行跨列的实现

的属性：colspan--跨列 rowspan--跨行

[图片上传失败...(image-188407-1538383245939)]

12.width/height属性值可以为百分比，例如：100%

13.框架结构标签

属性：cols，页面比例，百分比，两个页面比例间使用“，”分割

注意：不能放在body内，建议使用框架标签时不使用body