Web-HTML+CSS入门笔记

一、 Web-HTML入门笔记
1.注释无法嵌套。
2.a标签：可做跳转、下载、锚点。
属性href必须有；
属性target的值：
_blank：在新的标签页打开连接；
_self：在当前页面打开连接（默认情况）；
外部连接：域名；
内部连接：非域名；
锚点连接：用于跳转到指定的名称的部件处，目标部件名前必须打上#；

伪类一般用在a标签中，分别有4个：link（默认情况）、visited、hover、active。
伪类的语法格式：a:伪类{a的样式}；

锚点连接例子：
这里是顶部，单击可到达底部
这里是底部，单击可到达顶部
3.audio标签：
属性src：音频的URL；
属性autoplay：自动播放；
属性controls：出现播放控件；
属性muted：静音；
标签中间放打开失败的提示信息。
4.video标签：
属性src：播放的视频的URL；
属性autoplay：自动播放；
属性controls：出现播放控件；
属性width：设置视频的宽度；
属性height：设置视频的高度；
属性poster：播放前显示海报，海报图片的URL；
属性width、height：当只修改某一个时，另一个会等比例缩放；
标签中间放打开失败的提示信息。
5.ul、li标签：ul是一个无序列表区域，li是列表里的项；子项里可以嵌套列表；
ul里的属性type：
disc：实心小圆点（默认情况）；
square：实心正方形；
circle：空心小圆圈；
ul与li必须组合使用。
6.ol、li标签：ol是一个有序列表区域，li是列表里的项；子项里可以嵌套列表；
ol里的属性type：
1：li前的是阿拉伯数字（默认情况）；
i：li前的是小写罗马数字；
I：li前的是大写罗马数字；
a：li前的是小写字母；
A：li前的是大写字母；
ol与li必须组合使用。
7.dl、dt、dd标签：dl是一个自定义列表域，dt是概念名词、dd是对概念的描述；
子项里可以嵌套列表；
dl、dt、dd必须组合使用。
例子：

1.江户川柯南：

真实身份是工藤新一

2.毛利小五郎：

一个老油条

8.p标签：段落标记。 9.font标签：属性size的值：size = [1,7]。 10.b标签与strong标签：都是加粗效果，只是名称不同。 11.i标签与em标签：都是强调，即斜体效果，只是名称不同。 12.pre标签：在页面中，原样输出标签中的文本。 13.u标签：一个下划线，尽量不使用。 14.del标签：一个删除横线，不常用。 15.sub标签：一个下标效果。 16.sup标签：一个上标效果。 17.hn标签：一套标签，其中n = [1,6]，常用于做标题，n与字体大小呈负相关。 18.small标签：相对其前一个标签里的字体大小小一号。 19.big标签：相对其前一个标签里的字体大小大一号。 20.div标签：一个div独占一行，其默认宽度为浏览器宽度的100%。 21.span标签：多个span可并排一行，其宽度、高度、边距均不可修改；用于修饰你想修饰的文字。 22.table标签： 属性border：整个表格边框的宽度； 属性bordercolor：边框的颜色； 属性width：整个表格的宽度； 属性height：整个表格的高度； 属性cellspacing：单元格之间的间距； 属性cellpadding：单元格中的内容与单元格的间距； table的结构： table：一个表格区域； caption：一个表格的标题内容； thead：一个表头区域； tr：表的一行区域； td：一个普通的单元格； th：一个表头单元格的内容； tbody：一个表格主体区域； tfoot：一个表格尾部的区域； 例子： …… …… ……

一张表的标题内容

表头单元格的内容
普通单元格的内容
表脚注单元格的内容

table的特性：一个table独占“一行”，单元格是内容撑开宽度，支持宽高；

对表格加样式，就加在table、th、td中，不要对其他表格的东西加样式；
默认情况下，单元格的宽度和高度自动按需分配；
每一列必须设置宽度；
若想固定单元格的宽高，则需要设置单元格的宽高；

单元格的合并：合并前需要去掉结构化区域，同时记得删除原来的单元格，即删除紧跟着它的相应个数的单元格；
单元格的属性：
属性rowspan：跨行合并；
属性colspan：跨列合并；
23.form标签：
属性action：数据发送的目标URL；
属性method：数据发送的方式，为get或post；
get：