一、标题标签
h1到h6标签中,h1字体最大,h6字体最小,一般用于标题。
<h1>我爱学习</h1>
<h2>我爱学习</h2>
<h3>我爱学习</h3>
<h4>我爱学习</h4>
<h5>我爱学习</h5>
<h6>我爱学习</h6>
效果如下:
二、段落标签
<p>
标签定义段落,浏览器会自动地在段落的前后添加空行。
ooo <p>我是一个段落标签</p> kkk!!
效果如下:
不要忘记使用结束标签!!!!虽然大多数浏览器也会正确地显示出来,但不要依赖这种做法。
当然也可直接使用br来换行。
ooo <br />我是一个段落标签<br /> kkk!!
效果跟上方p是一致的。
三、超链接标签
<a>
标签定义超链接,作用是跳转到另一个页面上。默认链接样式为蓝色文字,有下划线。
<a href="URL地址" target="链接页面打开方式" title="当光标停留在链接上
时显示的提示内容"> 跳转链接显示的文本内容/图像 </a>
-
target取值有
_self(打开页面覆盖当前页面,默认值) _blank(创建新窗口打开新页面) _top(在浏览器的整个窗口打开,将会忽略所有的框架结构) _parent(在上一级窗口打开)
1.外部链接
打开的是互联网链接。
2.内部链接
网站内部页面之间的相互链接。
3.空链接
url地址为 ‘ # ’,虽然有超链接样式,但是不会跳转到任何页面。
<a href="#">空</a>
4.下载链接
要求地址中是一个文件或压缩包。
<a href="image/1.zip">下载的文件</a>
5.锚点链接
当点击链接时,可以快速定位到页面中的相应位置。
- href属性中设置属性值为:#id名
- 在目标位置标签添加id属性:id="id名"
效果如下:
点击链接后:
四、其他标签
标签 | 作用 |
---|---|
strong / b | 内容加粗 |
em / i | 内容倾斜 |
del / s | 删除线 |
ins / u | 下划线 |
div | 大盒子:单独占一行 |
span | 小盒子:一行可以有多个span |