基础标签学习

一.br标签

作用:换行
格式:<br>
使用注意点:
1,多个br标签可以连续使用,使用了多少个br标签就有多少个换行
2,由于HTML的作用就是给文本添加语义,而 br 标签的语义是不另起一个段落换行,所以需要注意的是一般在企业开发中换行都是因为要另起一个段落,所以在企业开发中很少使用 br 标签

二.a标签的使用

作用:用于控制页面与页面之间的跳转
格式:<a href = '"指定需要跳转的目标界面"> 需要展现给用户查看的内容</a>

a标签中的其他属性:

1>target属性:这个属性的作用用于如何控制跳转
_self:指在当前窗口跳转,不会新建界面
_blank:用于在新的窗口中跳转,会产生新的界面
默认是_self
2>title属性:a标签的title属性和omg标签的title属性一样,用来显示鼠标悬停时显示的提示文本
注意点:
1.a标签不仅可以让文字被点击,还可以显示图片被点击
2.一个a标签必须要有href属性,否则点击它不知道要跳转到什么内容
3.如果通过a标签的href属性指定一个URL地址,那么必须在地址前面加上 http:// 或者https://

三.base标签

作用:base标签就是用来指定当前的网页中所有的超链接(a标签)需要如何打开
注意点:
1,base标签必须写在head标签中
2.如果既在base中指定了target,又在a标签中指定了target,那么会优先选择a标签的target方式

假超链接:
点击之后不会跳转的超链接就是假超链接
存在意义: 在企业开发前期,很多网页的功能都没有实现,那么我们就不知道要跳转到什么地方,所以就只能用假超链接来代替,等功能完成后在使用真的替换
格式:

javascript:
两者之间的区别:
点击 # 的假超链接会自动回到页面的顶部,但是点击JavaScript的假超链接没有反应

锚点:
1.想要通过a标签跳转到一个指定的位置(可以是本页也可以是其他页),那么必须告诉a标签那个位置独一无二的一个标识,
2.在html中每一个标签都有一个 id属性,我们可以把每个标签的id属性成唯一标识告诉a标签,
3.所以想要通过a标签跳转到指定位置分两步
3.1给目标位置添加一个id属性,赋值一个独一无二的值
3.2把这个id的值告诉a标签的href属性

四,列表标签

1.列表标签的作用:给一堆数据添加列表语义,也就是告诉浏览器这一堆数据是一个整体
2.html中列表标签的分类:
*无序列表(使用最多)(unordered list)
*有序列表(使用最少)(ordered list)
*定义列表(definition list)

3.无序列表的作用:顾名思义,给一堆数据添加列表语义,并且所有的数据都没有先后之分
4.格式:
<ul> <li></li> </ul>
ul就表示无序列表,li表示是一个条目

5,注意点:
1>一定要记住 ul 标签是用来给一堆数据添加列表语义的,而不是用来给他们添加前面的小圆点的
2>ul 标签和 li 标签是一个组合,所以他们一般是会一起出现的,并且他们中不推荐出现其它标签,但是在li标签中还可以添加其它标签

6,无序列表应用场景:
新闻列表 ,商品列表 , 导航条 等都是用无序列表标签实现的

定义列表标签:
作用:先通过dt(definition title)标签定义列表中的所有标题,再通过dd(definition description)标签给每个标题添加描述信息
定力列表的格式:
<dl> <dt></dt> <dd></dd> </dl>
定义列表应用的场景:
1,可以做网站尾部的相关信息
2,还可以用来做图文混排

五,表格标签

1,作用:用来给一堆数据添加表格语义,
其实表格是一种数据的展现形式,当数据量非常大时,表格被认为是最为清晰地展现形式
2.格式:
<table> <tr> <td></td> </tr> </table>
table就是一个表格,tr代表表格当中的一行,td代表一行当中的一个单元格
3.注意点:
表格标签有一个边框属性,默认情况下这个属性值是0,所以看不到边框