欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

前端一HTML:四: html标签

发布时间:2025/6/15 HTML 30 豆豆
生活随笔 收集整理的这篇文章主要介绍了 前端一HTML:四: html标签 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

html标签简单说就是被"<>'括起来的就是标签。

  H系列标签.

     作用:将文字以标题的形式显示出来。一共有h1,h2,h3,h4,h5,h6标签.

P标签:段落标签

  将某行文字以段落形式显示。

<p>这是一段文字</p>

hr标签:在页面上显示一条横线.默认占整行

<hr/>

br标签:  换行

<br/>

 

b, u, i, s, strong,em, del,ins标签

<b>这是b标签</b> 加粗<u>这是u标签</u> 下划线<i>这是i标签</i> 倾斜<s>这是s标签</s> 删除线以上标签是逐渐被淘汰的标签,不建议使用<strong>这是strong标签</strong> 加粗<ins>这是ins标签</ins> 下划线<em>这是em标签</em> 倾斜<del>这是del标签</del> 删除线

img标签: <img src="图片的路径"  />

  src是img的属性, 表示图片的路径

 alt属性, 如果图片加载不出来,会显示该属性的文字.

 title属性: 介绍这张图片

      路径问题:  1.绝对路径: 从电脑的具体盘符开始寻找。如 E:\testCode\html\1.jpg

                        2. 相对路径: 一个文件相对于另一个文件的位置。  上一级: ../     下一级 文件夹/图片(<img src="html/google.jpg" />)

<img src="google.jpg" title="google" alt="google图标" />

a标签: 从一个页面跳向另一个页面

<a href="路径">文本</a> # 跳转<a href="#">不跳转</a> # href="#"表示不跳转# 当点击"跳转到本页面的某个位置",就会跳转到"本页面位置"所在的位置<a href="#target">跳转到本页面的某个位置</a><del id="target">本页面位置</del># target属性<a href="tool.html" target="_blank">tool</a> # target="_blank"保留原始页面,在进行跳转<a href="tool.html" target="_self">tool</a> # target="_self" 在当前页面进行跳转# 在跳转的页面进行定位一个页面: <a href="跳转页面.html#target">跳转</a>另一个页面: <p id="target">希望直接从这里开始</p>两个页面的id名要保持一致

     base标签:为页面上所有的a标签设置跳转的方式.用来统一指定跳转方式

<head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>Document</title><base target="_blank"></base> <!-- base标签一般放在head标签内 --> </head>

 

通过浏览器查看页面上的元素具体的标签。

   通过审核元素(浏览器不同,叫法也不一样。比如有的浏览器叫"检查","检查元素')

 

<sup>   上标记

    X<sup>2</sup>+Y<sup>2</sup>=Z<sup>3</sup><br>

<sub>   下标记

  Fe<sub>3</sub>O<sub>4</sub>

总结

以上是生活随笔为你收集整理的前端一HTML:四: html标签的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。