HTML常用标签

发布时间 2023-10-14 16:27:24作者: Morita-desin

HTML常用标签

  1. 标题标签
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>

image

  1. 段落与换行
<p>这是第一段</p>
<p>这是第二段</p>

image

<p>这是第一段</p>
<br />
<p>这是第二段</p>

image

  1. 文本格式化
    . 加粗
我是<strong>加粗</strong>的文字
我是<b>加粗</b>的文字

image
. 倾斜

我是<em>倾斜</em>的文字
<br />
我是<i>倾斜</i>的文字

image
. 删除线

我是<del>删除线</del>
<br />
我是<s>删除线</s>

image

.下划线

我是<ins>下划线</ins>
<br />
我是<u>下划线</u>

image
4. 盒子

<div>分割,分区,一个人独占一行</div>
    <div>分割,分区,一个人独占一行</div>
    <span>跨度,跨距</span>
    <span>跨度,跨距</span>
    <span>跨度,跨距</span>

image
5. 图像

<img src="https://img2023.cnblogs.com/blog/3102121/202306/3102121-20230608075753816-19275575.jpg" alt="图片显示不出来,用文字代替" title="我是quinn"/>

image
image

<h4>给图片设定高度:</h4>
<img src="1 (126).jpg" alt="图片显示不出来,用文字代替" title="我是quinn" height="200" />
<h4>给图片设定宽度:</h4>
<img src="1 (126).jpg" alt="图片显示不出来,用文字代替" title="我是quinn" width="500" />
<h4>给图片设定边框:</h4>
<img src="1 (126).jpg" alt="图片显示不出来,用文字代替" title="我是quinn" width="400" border="2" />

image
image
image