HTML常用标签

最新推荐文章于 2023-05-24 23:15:54 发布

沐念丶

最新推荐文章于 2023-05-24 23:15:54 发布

阅读量196

点赞数

分类专栏： HTML 文章标签： html html5

本文链接：https://blog.csdn.net/ZongXS/article/details/107466983

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

常用标签

标题标签
段落标签
换行标签
文本格式化标签
div和span标签
示例
图像标签

标题标签

在这里插入图片描述

段落标签

在这里插入图片描述

换行标签

在这里插入图片描述

文本格式化标签

在这里插入图片描述

div和span标签

在这里插入图片描述

示例

<body>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <!-- 段落标签：<p></p> -->
    <!-- 换行标签：<br /> -->
    <p>这是第一个段落,<br />下一行</p>
    <p>这是第二个段落</p>
    <!--文本格式化标签-->
    <!--加粗：<strong></strong>和<b></b>-->
    <p><strong>我是加粗的文字1</strong></p>
    <p><b>我是加粗的文字2</b></p>
    <!--倾斜：<em></em>和<i></i> -->
    <p><em>我是倾斜的文字1</em></p>
    <p><i>我是倾斜的文字2</i></p>
    <!--删除线：<del></del>和<s></s> -->
    <p><del>我是带删除线的文字1</del></p>
    <p><s>我是带删除线的文字2</s></p>
    <!--下划线：<ins></ins>和<u></u> -->
    <p><ins>我是带下划线的文字1</ins></p>
    <p><u>我是带下划线的文字2</u></p>
    <!--div标签：<div></div> -->
    <div>我是一个div标签，单独占一行</div>
    <!--span标签：<span></span> 不单独占一行-->
    <span>百度</span>
    <span>谷歌</span>
    <span>火狐</span>
</body>

运行结果：
在这里插入图片描述

图像标签

在这里插入图片描述

<body>
    <h4>图像标签的使用：</h4>
    <img src="图片名.jpg" />
</body>

在这里插入图片描述

<body>
    <h4>图像标签的使用：</h4>
    <img src="0.jpg" />
    <h4>alt 替换文本 图像显示不出来的时候用文字替换：</h4>
    <img src="1.jpg" alt="替换的文字" />
    <h4>title 提示文本 鼠标放到图像上，提示的文字</h4>
    <img src="0.jpg" alt="替换的文字" title="提示的文字" />
    <h4>width 给图像设定宽度：</h4>
    <img src="0.jpg" alt="替换的文字" title="提示的文字" width="500" />
    <h4>height 给图像设定高度：</h4>
    <img src="0.jpg" alt="替换的文字" title="提示的文字" height="200" />
    <h4>width 给图像设定宽度：</h4>
    <img src="0.jpg" alt="替换的文字" title="提示的文字" width="500" />
    <h4>border 给图像设定边框：</h4>
    <img src="0.jpg" alt="替换的文字" title="提示的文字" border="10" />
</body>