02-html标签

最新推荐文章于 2024-08-16 22:57:43 发布

大家努力卡机啊

最新推荐文章于 2024-08-16 22:57:43 发布

阅读量532

点赞数

分类专栏：入门HTML 文章标签： html

本文链接：https://blog.csdn.net/iiopy/article/details/123672354

版权

4 篇文章 0 订阅

订阅专栏

一、标题标签

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（在上一级窗口打开）

打开的是互联网链接。
在这里插入图片描述

网站内部页面之间的相互链接。
在这里插入图片描述

url地址为 ‘ # ’，虽然有超链接样式，但是不会跳转到任何页面。

  <a href="#">空</a>

要求地址中是一个文件或压缩包。

 <a href="image/1.zip">下载的文件</a>

当点击链接时，可以快速定位到页面中的相应位置。

在这里插入图片描述
效果如下:

点击链接后：

关注

专栏目录