HTML5之常用行级标签及用法

最新推荐文章于 2024-08-23 09:47:36 发布

Albert-Wilson

最新推荐文章于 2024-08-23 09:47:36 发布

阅读量1.2k

点赞数

分类专栏： HTML5 文章标签： html5 常用行级标签及用法

本文链接：https://blog.csdn.net/hxwm_8937/article/details/75466804

版权

HTML5 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

  
  
   
   行级标签：
   
   占用的空间和自己的实际内容等宽

 
 组合文档行内标签span 

  <!-- 
 span标签没有任何默认样式--> 

  阿里巴巴 

  <span>阿里巴巴</span> 

<p>

  笔记本电脑：<span style="font-size: 50px;color: red">0</span>元起 

  </p> 

 
 图片标签img 

  <img src="../img/2.jpg" alt="图片加载失败"> 

  <img src="../img/22.jpg" alt="图片加载失败"> 

  <img src="../img/dianyundou.jpg" alt="图片加载失败" width="315" height="227"> 

  <img src="../img/3.jpg" alt="图片加载失败" width="396" height="210"> 

 
 文本倾斜标签em/i 

  <!-- 
 em除了斜体外，还具有强调的意思--> 

  <em>版权所有，翻版必究</em><br> 

  <!-- 
 i只有斜体的意思--> 

  <i>版权所有，翻版必究</i><br> 

 
 文本加粗标签strong/b 

  <!-- 
 strong除了加粗外，还有强调的意思--> 

  <strong>版权所有，翻版必究</strong><br> 

  <!-- 
 b只有加粗的意思--> 

  <b>版权所有，翻版必究</b> 

 
  超链接a 
 
  超链接类型：页面间链接 
 
   锚链接 
 
   功能性链接 
 
  （1）页面间链接 
 
   <!- 
  -href：指定为页面跳转的路径 
 
  target：页面打开的位置 
 
  _self:当前页面打开 
 
  _blank:在新页面打开--> 
 
   <!-- 
  外部页面跳转--> 
 
   <a href="https://www.baidu.com" target="_blank">百度首页</a> 
 
   <!-- 
  本地页面链接--> 
 
   <a href="../lianxi/lianxi03.html 
  #bottom">lianxi03页面的底部</a> 
 
  本地链接要注意在链接文件相应位置做一个锚点，例如 
 
   <body> 
 
   <div style="height: 1000px;background-color: cadetblue"> 
 
   ............ 
 
   </div> 
 
  <a name="bottom"></a> 
 
   </body> 
 
  （2）锚链接 
 
   <!-- 
  锚点--> 
 
  <a name="top"></a> 
 
   <div style="height: 1200px;background-color: green"> 
 
   顶部 
 
   <button style="position: fixed;bottom: 50px;right: 50px"> 
 
  <a href="#top">返回页面顶部</a> 
 
   </button> 
 
   </div> 
 
  （3）功能性链接 
 
  它有着固定的样式 
 
   <a href="tencent://message/?uin=23416691">发qq消息</a> 
 
   <a href="mailto://5615675154@qq.com">发邮件</a>