HTML常用标签

6天前 82次浏览 已收录 0个评论

标题标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标题标签</title>
</head>
<body>
<h1>一级</h1>
<h2>二级</h2>
<h3>三级</h3>
<h4>四级</h4>
<h5>五级</h5>
<h6>六级</h6>
</body>
</html>


结果演示


段落换行标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>段落换行标签</title>
</head>
<body>
    <!--<p>是段落标签-->
<p>第一个段落--------------------------------------------------------------------------</p>
<p>第二个段落====<br />======================================================================</p>
<!--<br />是换行标签-->
</body>
</html>
段落标签会根据浏览器窗口自动变换

结果演示

练习

未加标签前

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>练习</title>
</head>
<body>
专业 
作者目前是一名大三学生,大学期间参加了校、省组织的一些计算机竞赛,分别获得过各竞赛二等奖、三等奖;拿过特等奖学金;在学校课程计划没有开始的情况下,凭自学一次拿下计算机二级Java优秀等级证书。
爱好
大二一直在自学摄影和后期,并在大三收到数家公司摄影工作的聘用以及成为中国图库的签约摄影师。
自媒体
高三毕业三个月做过公众号,利用1500买来的技术获得数万粉并得到2万元的收益;大二学习自媒体运营,录、剪、发独立完成,合计70条作品,总计8000万播放量,并在大三收到自媒体公司的聘用。
</body>
</html>

结果演示


加标签后

<!DOCTYPE html>
<p lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>练习</title>
</head>
<h1>专业</h1>
作者目前是一名大三学生,大学期间参加了校、省组织的一些计算机竞赛,分别获得过各竞赛二等奖、三等奖;<br />拿过特等奖学金;<br />在学校课程计划没有开始的情况下,凭自学一次拿下计算机二级Java优秀等级证书。
<h1>爱好</h1>
大二一直在自学摄影和后期,并在大三收到数家公司摄影工作的聘用以及成为中国图库的签约摄影师。
<h1>自媒体</h1>
<p>高三毕业三个月做过公众号,利用1500买来的技术获得数万粉并得到2万元的收益;</p><p>大二学习自媒体运营,录、剪、发独立完成,合计70条作品,总计8000万播放量,并在大三收到自媒体公司的聘用。</p>
</body>
</html>


结果演示


文本格式化标签

<!DOCTYPE html>
<p lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文本格式化标签</title>
</head>
<strong>加粗</strong>
<b>粗</b>
<em>倾斜</em>
<i>斜</i>
<del>删除线</del>
<s>删</s>
<ins>下划线</ins>
<u>划</u>
</body>
</html>


结果演示


div和span标签

<!DOCTYPE html>
<p lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>div和span标签</title>
</head>
<!--div和span标签是没有语义的,就是一个盒子,用来装内容,比如图片文字-->
<div>我是一个div标签,用来布局,单独站一行</div>
<div>我是一个div标签,用来布局,单独站一行</div>
<span>百度叔叔,一行可以放多个span</span>
<span>百度爸爸</span>
<span>百度大佬</span>
</body>
</html>

结果演示

特殊字符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>特殊字符</title>
</head>
<body>
    空                                                格1
<br />
    空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格

</body>
</html>
结果演示

渣渣龙, 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:HTML常用标签
喜欢 (3)

您必须 登录 才能发表评论!