这篇文章主要介绍“html5常见的单双标记是什么”，在日常操作中，相信很多人在html5常见的单双标记是什么问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”html5常见的单双标记是什么”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
诏安网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作，到程序开发，运营维护。创新互联于2013年创立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。
html5常见单标记：1、br，定义换行符；2、hr，定义水平线；3、img，定义图像；4、input，定义输入框等等。常见双标记：1、html，定义HTML文档；2、head，定义文档头部；3、p；4、span；5、div；6、h2等等。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
HTML标签分为双标签和单标签，单标签就是由一个标签组成的（如
），双标签是由“开始标签”和“结束标签”两部分构成。
html5常见单双标记
| 标签类别 | 常见标签 | | 单标签 |
（定义换行符）
（定义水平线）![]() （定义图像）
（定义输入框） （提供了 HTML 文档的元数据） （定义文档与外部资源的关系，常用于链接样式表）
|
| 双标签 | （定义HTML文档）、（定义文档头部）、（定义文档标题）、<body>、<table>、<tr>、<td>、<span>、<p>、<form>、<h2>、<h3>、<h4>、<h5>、<h6>、<h7>、<object>、<style>、<b>、<u>、<strong>、<i>、<div>、<a>、<script>、<center></td></tr></tbody></table><p><strong>扩展知识：html5标记</strong></p><p>超文本标记语言（外国语简称：HTML）标记标签通常被称为HTML标签，HTML标签是HTML语言中最基本的单位，HTML标签是HTML（标准通用标记语言下的一个应用）最重要的组成部分。</p><p>HTML标签的大小写无关的，例如“主体”<body>跟<BODY>表示的意思是一样的，推荐使用小写。</p><p>特点：</p><ul><li><p>由尖括号包围的关键词，比如 <html></p></li><li><p>通常是成对出现的，比如 <div> 和 </div></p></li><li><p>标签对中的第一个标签是开始标签，第二个标签是结束标签；</p></li><li><p>开始和结束标签也被称为开放标签和闭合标签。</p></li><li><p>也有单独呈现的标签，如：<img src="百度百科.jpg" />等。</p></li><li><p>一般成对出现的标签，其内容在两个标签中间。单独呈现的标签，则在标签属性中赋值。如<h2>标题</h2>和 <input type="text" value="按钮" />。</p></li><li><p>网页的内容需在<html>标签中，标题、字符格式、语言、兼容性、关键字、描述等信息显示在<head>标签中，而网页需展示的内容需嵌套在<body>标签中。某些时候不按标准书写代码虽然可以正常显示，但是作为职业素养，还是应该养成正规编写习惯。</p></li></ul><p>到此，关于“html5常见的单双标记是什么”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！</p>
<br>
标题名称：html5常见的单双标记是什么 <br>
文章出自：<a href="http://cqcxhl.com/article/jhscdo.html">http://cqcxhl.com/article/jhscdo.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/csogjj.html">如何实现pythonCanny边缘检测算法-创新互联</a>
</li><li>
<a href="/article/csogih.html">C++如何实现高性能转换大小写算法-创新互联</a>
</li><li>
<a href="/article/csoghc.html">IOS开发之UIScrollView如何实现图片轮播器的无限滚动-创新互联</a>
</li><li>
<a href="/article/csogph.html">HTML5内联SVG的方法是什么-创新互联</a>
</li><li>
<a href="/article/csoggg.html">Java进程线程相关知识点整理-创新互联</a>
</li> </ul>
</div>
</div>
<div class="footer">
<div class="footer_content">
<div class="footer_content_top clear">
<div class="content_top_share fl">
<div><img src="/Public/Home/img/logo.png"></div>
<div class="top_share_content">
<dd>分享至：</dd>
<dt class="bdsharebuttonbox clear" id="share">
<a href="#" class="bds_tsina iconfont fl" data-cmd="tsina" title="分享到新浪微博"></a>
<a href="#" class="bds_sqq iconfont fl" data-cmd="sqq" title="分享到QQ好友"></a>
<a href="#" class="bds_weixin iconfont fl" data-cmd="weixin" title="分享到微信"></a>
<a href="#" class="bds_weixin iconfont fl" data-cmd="tieba" title="分享到贴吧"></a>
</dt>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
</div>
</div>
<div class="content_top_left fl clear">
<div class="top_left_list fl">
<dd><a href="/about/">关于我们</a></dd>
<dt>
<a href="/about/#gsjj">公司简介</a>
<a href="/about/#fzlc">发展历程</a>
</dt>
</div>
<div class="top_left_list fl">
<dd><a href="/service/">服务项目</a></dd>
<dt>
<a href="/service/">高端网站建设</a>
<a href="/miniprogram/">小程序开发</a>
<a href="/service/app.html">APP开发</a>
<a href="/service/yingxiao.html">网络营销</a>
</dt>
</div>
<div class="top_left_list fl">
<dd><a href="/jianzhan/">建站知识</a></dd>
<dt>
<a href="/jianzhan/2.html">网站建设</a>
<a href="/jianzhan/3.html">网站设计</a>
<a href="/jianzhan/4.html">网站制作</a>
<a href="/jianzhan/5.html">小程序</a>
</dt>
</div>
<div class="top_left_list fl">
<dd><a href="/contact/">联系我们</a></dd>
<dt>
<a href="/contact/#lxwm">公司地址</a>
<a href="/contact/#rczp">人才招聘</a>
</dt>
</div>
</div>
<div class="content_top_right addressR fr">
<div class="top_right_title addressf_title">
<a href="javascript:;" class="on">成都</a>
<a href="javascript:;">重庆</a>
</div>
<div class="top_right_content addressf">
<div class="right_content_li on">
<div class="right_content_list clear">
<dd class="fl iconfont"></dd>
<dt class="fl">电话：028-86922220</dt>
</div>
<div class="right_content_list clear">
<dd class="fl iconfont"></dd>
<dt class="fl">地址：成都市太升南路288号锦天国际A幢1002号</dt>
</div>
</div>
<div class="right_content_li">
<div class="right_content_list clear">
<dd class="fl iconfont"></dd>
<dt class="fl">电话：028-86922220</dt>
</div>
<div class="right_content_list clear">
<dd class="fl iconfont"></dd>
<dt class="fl">地址：重庆市南岸区弹子石腾龙大道58号2栋21-6</dt>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_content_copyright clear">版权所有：成都创新互联科技有限公司重庆分公司
<a href="http://beian.miit.gov.cn/" rel="nofollow" target="_blank">渝ICP备2021005571号-4</a>
</div>
</div>
<!--浮窗-->
<div class="FloatingWindow clear">
<a href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="FloatingWindow_list fr">
<div class="FloatingWindow_list_title">
<dd class="iconfont"></dd>
<dt><span>在线</span>咨询</dt>
</div>
</a>
<a href="javascript:;" class="FloatingWindow_list fr">
<div class="FloatingWindow_list_title">
<dd class="iconfont"></dd>
<dt>服务热线</dt>
</div>
<div class="FloatingWindow_list_down fadeInRight animated">服务热线：028-86922220</div>
</a>
<a href="javascript:;" class="FloatingWindow_list fr STop">
<div class="FloatingWindow_list_title">
<dd class="iconfont"></dd>
<dt>TOP</dt>
</div>
</a>
</div>
<script src="/Public/Home/js/jquery-1.8.3.min.js"></script>
<script src="/Public/Home/js/comm.js"></script>
<script src="/Public/Home/js/wow.js"></script>
<script src="/Public/Home/js/common.js"></script>
</body>
</html>
<script>
$(".con img").each(function(){
var src = $(this).attr("src"); //获取图片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //绝对路径
$(this).attr("src",url);
}
});
</script> |
重庆分公司
