HTML超文本链接
HTML中的 a 标签是用来实现超文本跳转的
超文本有两种格式
1.文本格式
<a href="链接">我是文本格式</a>
2.图片格式
<a href="链接">
<img src="图片">
</a>
超文本默认样式:
未点击样式为蓝色
点击过样式为紫色
点击中样式为红色
超文本样式可通过css更改
HTML中的 a 标签是用来实现超文本跳转的
超文本有两种格式
1.文本格式
<a href="链接">我是文本格式</a>
2.图片格式
<a href="链接">
<img src="图片">
</a>
超文本默认样式:
未点击样式为蓝色
点击过样式为紫色
点击中样式为红色
超文本样式可通过css更改
HTML图片路径分为三种
1.绝对路径
<img src="E:文件夹/文件夹/图片.png">
2.相对路径
(1.)同级路径
<img src="/图片.png">
(2.)子级路径
<img src="/文件夹/图片.png"> //可不加.
(3.)父级路径
<img src="../图片.png">//父级文件夹同等路径需要加入路径
3.网络路径
<img src="http://图片.png">
图片标签
img是图片标签,用来展示HTML当中的图片标签
<img src="/图片路径" alt="规定图片的代替文本">
img图片标签可加入属性:
width 宽度
height 高度(通常只会设置宽度属性,高度属性会影响图片展示效果,可能会出现拉伸等效果)
title 图片文本提示,鼠标停留图片上时展现出的提示,多数用来优化SEO
段落标签
p标签为段落标签,多个标签排行是由上到下,而a标签则是从左到右
换行标签
换行标签br是单标签,正确写法应当加入结束语:
<br />
水平线标签
<hr>
hr水平线标签是在HTML当中加入水平线
hr标签可加入属性:
color颜色属性
width宽度属性
size高度属性
align位置属性(默认为居中centre,可调整为left,right/right)
HTML标题标签有六种分别为
H1-H6
H1定义最大标题,H6定义最小标题
使用标题标签以标题重要级别排序,有利于SEO优化
如:先H1-再H2-后H3
标题标签位置摆放
添加标签属性align
如:
<H1 align="left"> 为左边
<H1 align="center">为中间
<H1 align="right">为右边