HTML的继续学习！

HTML学习笔记：

1.a标签：控制页面与页面之间跳转的标签，不仅可以跳转到网络网页上，也可以调转到本机网页。

href属性：跳转到的网页。
注意：
每个a标签都必须有一个href属性，否则不知道网页跳到哪里去了。并且URL地址必须加上http://或者https://

title属性：鼠标悬停文本

target属性：分为在当前选项卡跳转或者新建一个选项卡跳转。
_self:在当前选项卡跳转
_black:新建一个选项卡跳转

例如：

< a href=“需要跳到的目标网页” target=" " title=" "> 中间写需要给用户查看的内容（可以使文字也可以是图片）< /a >

2.base标签：统一制定网页中所有的a标签的打开方式。

注意：

1.必须写在head中。
2.若有特殊情况，在特殊情况的a标签中用target。
（a标签中优先）

3.假链接：点击之后不会跳转的链接。
作用：要跳转到的页面没做出来，用假链接代替。

格式：

1.# < a href="#"> < /a >
2.javascript： < a href=“javascript:”> < /a >

区别：#的假链接会自动返回顶部，JavaScript：不会。

4.锚点：在本页面上跳转。

01.若想使用a标签，就得给要跳转到的h标签处加上id属性。
再在a标签中的href=“#（id属性） ”。

格式：

< a href="#center">跳转到中部< /a >
< h2 id=“center”>我是中部< /h >

02.a标签还可以再跳转到其他界面时跳转到其他界面的指定位置。

格式：

< a href=“目标路径#bottom”>跳转到锚点测试界面< /a >
< h2 id=“bottom”>我锚点测试位置333< /h >

注意：利用a标签做出来的跳转过程中无过多的动画（如滚动）。

5.列表标签
01.作用：给一堆数据添加列表语义，告诉浏览器这堆数据是一个整体。

02.分类：

1.有序列表
2.无序列表
3.定义列表

无序列表：给一堆数据添加语义，并且没有先后之分。

格式：

< ul >
< li >需要显示的内容< /li >
< /ul >

注意：ul标签和li标签是一个整体，所以ul标签中尽量只包含li标签，但是li标签中还可以放其他标签（包括ul标签）。

无序标签的应用场景：

01.新闻列表
02.商品列表

< hr >标签的属性（不推荐使用）

01.width
02.align(left right )

< ul >标签的属性 (不推荐使用)
type属性

01 . disc 实心小圆点
02 . circle空心小圆点

有序列表：给一堆数据添加语义，所有数据都是有序的。

用法和格式同上无序列表

定义列表：
格式：

应用：

01 . 做网站尾部的相关信息
02 . 做图文混排

注意：dl dt dd 一般都是一起出现
一个dt可以没有dt也可以有多个dd（但不推荐）
和li标签一样，可以在dt和dd标签中嵌套其他标签。

6.表格标签
当数据量很大的时候，表格标签会很清晰

格式：

一对儿table标签代表一个表格，tr代表一行，td代表每一行中的东西

表格标签有一个边框属性（border），决定了边框的宽度，默认情况下为0，看不到。
< table border=“数值”>
< /table>

表格标签的属性（不推荐使用）

1.宽度和高度：

可以给table标签和tr标签使用
width height

2.水平对齐和垂直对齐：

table标签、tr标签、td标签都可以使用
水平对齐

给table标签中设置align属性控制水平方向：align(right left center)
给tr标签中设置align属性控制该行单元格内容水平方向：align(right left center)
给td标签中设置align属性控制当前单元格内容水平方向：align(right left center)
如果td和tr中都有align属性,以td中为准

垂直对齐

给tr标签中设置valign属性控制该行所有单元格内容垂直方向
给td标签中设置valign属性控制当前单元格内容垂直方向
若在td和tr中同时出现，听td的。

3.外边距和内边距：

外边距：单元格与单元格之间的距离。默认情况下为2。

cellspacing

内边距：单元格的边框和文字之间的间隙,默认值为1.

cellpadding

7.细线表格
bgcolor属性：背景颜色

表格标题标签：caption会自动居中，在table中，否则无效。
caption标签必须紧跟在table标签后面

标题单元格标签：th标签，有加粗居中作用在这里插入图片描述

单元格的合并：

水平方向上的单元格合并：

colspan属性合并

垂直方向合并：

rowspan属性合并