路径
H系列标签(h1~h6)
用于给文本添加标题
格式:
标题内容
其他的5个H标签格式类似H标签只有6个,超过6个的不会有效果;每个H标签会使被其包裹的文本独占一行;其中H1标题最大,H6标题最小
P标签
用于告诉浏览器哪些文字是一个段落
格式:
……
会使得被其包裹的内容独占一行
Hr标签
在浏览器中显示出一条分割线
格式:
或
会在浏览器中独占一行;写不写/关系不大;因为hr标签是用于修改样式的,所以不建议使用,以后会在css中用另一种方式来编写。
HTML注释
用于解释某一段代码的意思,方便阅读
格式:
主是不能嵌套使用;注释不会显示在浏览器中;快捷键:Ctrl+/
img标签
在网页中插入一张图片
格式:,例如:

其中的src是用于告诉浏览器需要显示的图片的名称。也是图片存放的路径;路径中最好不要出现中文。
其中路径分为绝对路径和相对路径
- 绝对路径:每次从盘符开始找起。例如:src = “D:\html5\images\123.jpg”
- 相对路径:就是每次从.html文件所在的文件夹开始查找。相对路径不能跨盘符查找。
- 同级的:图片和.html文件存储在同一个文件夹中 格式:src = “123.jpg”
- 下级的:存储图片的文件夹和.html在同一个文件夹中 格式:src = “images/123.jpg” 也就是找到与.html文件同级的images的文件夹,然后再正在images中找到图片23.jpg
- 上级的:存储图片的文件夹比.html文件所在的文件夹还要再高一级。 格式:src = “../123.jpg” 其中../代表找到当前文件夹的上一级文件夹。也就是找到.html文件所在的文件夹的
img标签不会独占一行;可以手动指定图片的宽度和高度,但同时指定宽和可能会使图片变形,单独指定其中一个则不会。
width:宽度 (单独指定宽度)例如:
heigth: 高度 (单独指定高度)例如:
title :用于告诉速浏览器,当鼠标悬停在照片上时,弹出什么样的内容来描述图片 例如:
alt: 用于告诉浏览器当照片无法显示时,应该显示什么样的内容 例如:
相关代码的实现如下:
br标签
将内容换行
格式:
br标签可以连续使用,但是一般不使用br标签来换行,而是使用p标签来另起一个段落
a标签
1.用于从一个页面跳转到另有一个页面,也叫超链接
2.格式:展示给用户看的内容
3.a标签中的属性:
- target属性:专门用于控制如何跳转的
- _self: 用于在当前选项卡中跳转, 也就是不新建界面. 默认就是_self
- _blank: 用于在新的选项卡中跳转, 也就是新建界面
- title属性:用来控制鼠标悬停时显示的提示文本的内容
4.注意事项:
1.a标签不仅可以让文字可以点击, 还可以让图片也能够被点击,
例如:
2.一个a标签必须有一个href属性, 否则a标签不知道要跳转到什么地方
3.如果通过a标签的href属性指定一个URL地址, 那么必须在地址前面加上http://或https://
4.a标签的href属性除了可以指定一个网络地址以外, 还可以指定一个本地地址,
例如:08-br标签.html
10-路径练习.html
a标签的实现可以参考如下代码:
5.假链接
- 点击之后不会跳转的链接我们称之为假链接,就还是停留在当前的页面
格式:1.#
2.javascript:<br /> #的假链接会自动回到网页的顶部, 而javascript:的假链接不会自动回到网页顶部<br />6.锚点
通过a标签跳转到当前页面或指定页面的指定位置
- 要想跳转到指定位置,需要给目标位置添加上一个id属性,然后给它指定一个独一无二的值;再在a标签的href中写上这个id属性的值。
格式:跳转到当前页面跳转到指定位置;
我是中部
和 跳转到中部base标签
用来统一的指定当前网页中所有的超链接需要如何打开,即是不新建页面还是需要新建页面
格式:必须嵌套在head标签中
如果既在base中指定了target又在a标签中指定了target,那么浏览器会按照a标签中指定的来执行
