基础标签
- h标签
- p标签
- hr标签
- img标签
- br标签
- a标签
- base标签
- 假链接
- 锚点
H系列标签（Header1~Header6）
— 作用
- 用于给文本添加 标题语义的，而不是用来修改文本样式的
- H标签最多有6个，超过六个则无效
- 被H系列标签包裹的内容会独占一行
- 在H系列的标签中，H1最大，H6最小
- 在企业开发中，一定要慎用H系列的标签，特别是H1标签，在企业开发中一般情况下一个界面只能出一个H1的标签
— 格式
-
xxxxxxxxx
hr标签（Horizontal Rule）
— 作用
- 在浏览器上显示一条分割线
— 格式
- ‘
’ - 通过观察发现HR标签可以写/也可以不写/
1 如果不写/是HTML规范
2 写，就是XHTML的规范
3 根据开发工具写即可
img标签
— 作用
- image 显示图片
— 格式
-
- src是source的缩写，即是告诉浏览器图片的路径
— 注意点
- 和H系列，p标签，hr标签不一样，img标签不会独占一行
—属性
- width 宽度
- height 高度
（如果img没有显示图片的宽和高，系统会按照指定的宽高显示）
不想让图片变形，可以指定其中一个值，系统会自动计算机另一个值，等比拉伸的
- title 用于告诉浏览器，当鼠标悬停在图片上时，应显示的内容
- alt 其实是alternate的缩写，它的作用就是用于告诉浏览器，当显示的图片找不到时，应显示的内容
br标签（换行）
—作用
- 换行
—格式
- 格式
—注意点
- 多个br标签可以连续使用，使用了多少个br标签就换了多少个br标签
- 由于html的作用就是给文本添加语义，br标签就是单纯的换行，而在日常的开发中，都是段落说完后再换行，所以使用br的情况很少br不代表另起一个段落
- 可以用p标签另起一个段落
a标签
—作用
- 就是用于控制页面与页面之间跳转的
—格式
<a href = "指定需要跳转的目标页面">需要展现给用户查看的内容</a>
//示例代码
<a href ="www.nuomi.com">糯米</a>
<a href ="www.taobao.com">
<img src=" ">
</a>
—注意点
- a标签不仅可以让文字可以点击，图片也可以
- 一个a标签必须有个href属性，否则a标签不知道跳转到哪个地方
- 如果href属性指定的一个url地址，必须前面加上http://或https://
—补充
- a标签还可以跳转到其他html文件
<a href = "123.html">123</a>
- a标签中又一个target属性，就是控制如何跳转
_self 用于在当前选项卡中跳转，默认为_self
_blank 用于在新的选项卡中跳转
- title 与img标签的title一样，都是用来控制鼠标悬停时显示的提示文本
base标签
—作用
- base标签就是专门用来指定当前网页中所有的超链接（a标签）需要如何打开
—格式
<head>
<base target="_blank">
</head>
—注意点
- base标签必须写在head的开始标签和结束标签之间
- 如果既在base中指定了target又在a标签中指定了target，则按a标签
假链接
—作用
- 点击之后不会跳转的链接称为假链接
- 意义：在企业开发前期，其他界面还未开发，就用假链接代替。
—格式
<a href = "#">点我丫1</a>
<a href = "javascript:">点我丫2</a>
- “#”的假链接会跳转顶部
- “Javascript：”不会返回顶部
锚点
<h2>我是顶部</h2>
<a href="#center">跳转到中部</a>
<br>
<h2 id="center">我是中部</h2>
<br>
<h2>我是底部</h2>
<br>
- 通过a标签跳转到指定位置，是没有过度动画，是直接跳转
- a标签还可以直接跳转到其他界面的指定位置
<a href="123.html#bottom">跳转到123页面的底部</a>
5362
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
