02-html标签

文章目录

  • 一、标题标签
  • 二、段落标签
  • 三、超链接标签
    • 1.外部链接
    • 2.内部链接
    • 3.空链接
    • 4.下载链接
    • 5.锚点链接
  • 四、其他标签


一、标题标签

h1到h6标签中,h1字体最大,h6字体最小,一般用于标题。

	<h1>我爱学习h1>
    <h2>我爱学习h2>
    <h3>我爱学习h3>
    <h4>我爱学习h4>
    <h5>我爱学习h5>
    <h6>我爱学习h6>

效果如下:
02-html标签_第1张图片


二、段落标签

标签定义段落,浏览器会自动地在段落的前后添加空行。

ooo <p>我是一个段落标签p> kkk!!

效果如下:
02-html标签_第2张图片

不要忘记使用结束标签!!!!虽然大多数浏览器也会正确地显示出来,但不要依赖这种做法。

当然也可直接使用br来换行。

ooo <br />我是一个段落标签<br /> kkk!!

效果跟上方p是一致的。


三、超链接标签

标签定义超链接,作用是跳转到另一个页面上。默认链接样式为蓝色文字,有下划线。

<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名"

在这里插入图片描述
效果如下:
02-html标签_第3张图片
点击链接后:
02-html标签_第4张图片


四、其他标签

标签 作用
strong / b 内容加粗
em / i 内容倾斜
del / s 删除线
ins / u 下划线
div 大盒子:单独占一行
span 小盒子:一行可以有多个span

你可能感兴趣的:(入门HTML,html)