0314-html img em i stong b标签应用

最新推荐文章于 2024-02-20 01:52:26 发布

原创最新推荐文章于 2024-02-20 01:52:26 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#0314-html img em i

本文详细介绍了HTML中的几种常用元素及其属性，包括行级元素、图片显示方式、文本样式调整等，同时展示了如何使用a标签实现页面跳转、锚点链接等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>行级元素</title>
</head>
<body>
<!--通过a标签添加一个锚点-->
<a name="top"></a>
<!--span:
1:用来包裹文本中的某一个-->
<!--img：
img标签
   作用：用于显示图片。
   格式：<img src="" alt="">
   <img src="" alt=""width=""height="">
   <img src="" alt=""title="">
   详解：从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。
   <img> 标签创建的是被引用图像的占位空间。
   src是指规定显示图像的 URL（统一资源定位符）
   alt的作用是当图片文件不存在或者丢失时，显示alt=""引号中的文字
   height（高度）和width（宽度）来自定义需要显示的高宽，定义其中一个，
   系统会自行算出合适的复合高宽比的数值，当然，可自行选择自己需要的高宽比。
   title设置内容后，当鼠标悬停在img上时，会显示文字-->
<p>商品价格：仅售 <span style="color: red;font-size: 50px">10</span>元</p>
<img src="../../img/83829-106.jpg"align="" width="200px" alt=""title="美景">
<!--em：
    1:显示效果为倾斜，并且有强调的意思，可以更方便的被浏览器搜索到-->
<!--i:
    1：显示效果为倾斜，没有强调的意思-->
<p>
    <em>版权所有，侵版必究</em><br>
    <i>版权所有，侵版必究</i>
</p>
<!--strong：
    1:显示效果为粗体，并且有强调的意思，可以更方便的被浏览器搜索到-->
<!--b:
    1：显示效果为粗体，没有强调的意思-->
<p>
    <strong>版权所有，侵版必究</strong><br>
    <b>版权所有，侵版必究</b>
    <q>引号</q>
<!--small
1：  相比相邻文字，small字体更小-->
   <p>版权<small>所有</small></p>
</p>
<!--a标签三种功能
    1：页面跳转
    2：错点链接
    3：功能链接-->
<p>
    <a href="https://www.baidu.com/">页面跳转</a>
</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br
<!--跳转到锚点名称为top的地方-->
<a href="#top">返回顶部</a>
<a href="tencent://message/?uin=1797950105">发消息</a>
<a href="mailto：//1797950105@qq.com">发邮箱</a>
</body>
</html>