HTML知识点总结

第一部分：HTML页面与基本标签

1、URL:网址

2、HTML：超文本标记语言

扩展名：.html或.htm

3、HTML标记的基本格式：

<标记>文件内容

某些标记还可以包含一些属性：

<标记名称属性1属性2属性3……>

用来注释的标记

3、:HTML文档的开始和结束

4、:HTML头部分，用于显示标题和网页属性信息

5、:文档标题

6、:HTML主体部分，用于放主要内容

属性：bgcolor:设置背景颜色

background:背景图片

7、
：换行标记（注意是单标记，没有结束标签）

8、

:段落标签,会自动换行。

属性：align：对齐方式

align=”left”:左对齐

align=”right”:右对齐

align=”center”:居中对齐

9、：标题标签，字号越大,字体越小

,

…

属性：align:对齐方式---对齐方式跟段落标记一样。

10、 :表示空格(了解)

11、:字体标记

属性：face：设置文字的字形

size：设置文字的大小，1号最小，7号最大，默认字号为3

color：设置文字的颜色

12、字体的物理风格：(了解)

把字体加粗

斜体

下划线

删除线

字体的逻辑风格：(了解)

上标

下标

粗体字

文本以小体字显示

文本以大号字显示

13、

---

:水平线标签(注意：它是单标记，没有结束标记)

属性：align:对齐方式---同上

size:高度

width:宽度

color:颜色

14、:图像标记(注意：它是单标记，没有结束标记)

属性:src:设置图片的路径

width和height:设置图片的宽和高,一般要么都不写，显示

的是图片的真实大小，要么只是宽或者高，让图片等比例缩放，

避免失真。

border:设置图像的边框，以像素为单位。（了解）

align：(了解)用来调整图片的位置：

top：偏上方

middle：中间

bottom：底部

left：左

right:右

15、

:有序列表

:无序列表

:有序和无序列表的内容

16、:超链接标记

属性：href:设置超链接的访问地址，可以是网址，邮箱，html文件target:(了解)设置打开链接的方式

target="_blank":在新窗口打开

mailto:超链接到邮箱地址

我要去百度

我要去邮箱

16、

:预排版标记

标记允许保留你在原代码中输入的空格和回车。
15、:滚动字符(了解)
direction设置活动字幕的滚动方向，可以是up、down、left、right behavior设置滚动的方式，可以是scroll(一端滚动到另一端)、slide(一端快速滑动到另一端，且不再重复)、alternate(在两端之间来回滚动)
height设置滚动字幕的高度。
17、注意：1、HTML不区分大小写，大写小写都可以
2、有内容的标签，必须要成对出现
第二部分：HTML表格应用
1、
:表格的开始和结束
属性：width:用来设置表格的宽度
height:用来设置表格的高度
border:用来设置表格边框尺寸大小
bordercolor:用来设置表格边框颜色
bgcolor:设置表格的背景颜色
align:水平对齐方式left:左对齐
center:居中对齐
right:右对齐
background：属性用来设置表格的背景图片
cellspacing：属性用来设置表格单元格间距
cellpadding：属性用来设置表格单元格填充
2、：表示行
属性：bgcolor:设置行的背景颜色
align:水平对齐方式
valign:(了解)垂直对齐方式top:顶端对齐
middle:居中对齐
bottom:底端对齐
3、:表示列
属性：rowspan:跨行
colspan:跨列
width：用来设置单元格的宽度
height：用来设置单元格的高度
bgcolor:设置单元格的背景颜色
align:水平对齐方式
valign:(了解)垂直对齐方式
第三部分：浮动窗口
1、标记，又称为浮动帧标记，可以用来将一个HTML文档嵌套在另外一个HTML文档中显示。
语法：
src="iframe.html"width="400"height="300"scrolling="auto"
frameborder="1">
属性：
src:设置文件的路径
width和height:分别设置浮动窗口的宽和高
scrolling:设置是否出现滚动条，
可选值有auto(自动)、yes(出现)、no(不出现)
frameborder:设置是否出现边框，
可选值有1(出现)、0(不出现)
2、iframe的name属性和超链接的target属性配合使用，可以做出导航栏的效果。
3、
：分组标签
:分组标签的标题
第四部分：表单与页面控件
1、
：表单标签
name属性：表单的名称
action属性：表单提交的地址
2、:用户输入信息标签
语法：