html标签大全(二)（html5）
html标签大全(二)（html5）
成都创新互联专注于麒麟企业网站建设,响应式网站建设,商城网站开发。麒麟网站建设公司,为麒麟等地区提供建站服务。全流程定制网站设计，专业设计，全程项目跟踪，成都创新互联专业和态度为您提供的服务
（一）字体标签
（h7）...
(h7)标题字
...斜体字
...粗体字
...底线
...删除线
...斜体字(强调)
...
...删除线(表示删除)
...键盘文字
...斜体字(表示定义)
...底线(表示插入文字
..
...粗体字(强调)
...横线
... 打字体
<![CDATA[...]]>固定宽度字体(在文件中空白、换行、定位功能有效)
<![CDATA[...</plaintext>固定宽度字体(不执行标记符号)</p><p><listing>...</listing> 固定宽度小字体</p><p><font color=00ff00>...</font>字体颜色</p><p><font size=1>...</font>最小字体</p><p><font style =font-size:100 px>...</font>无限增大</p><p>(二)区断标记</p><p><hr>水平线</p><p><hr size=9>水平线(设定大小)</p><p><hr width=80%>水平线(设定宽度)</p><p><hr color=ff0000>水平线(设定颜色)</p><p><br>(换行)</p><p><nobr>...</nobr>水域(不换行)</p><p><p>...</p>水域(段落)</p><p><center>...</center>置中</p><p> <blockquote>...</blockquote></p><p>(三) 列表</p><p> <ul><li></li></ul>有序</p><p> <ol><li></li></ul>无序</p><p> <dl><dt></dt><dd></dd></dl></p><p>（四）表格</p><p> <table>……</table> 创建一个表格</p><p> <tr>……</tr> 表格中的每一行</p><p> <td>……</td> 表格的每一个格子</p><p> <th>……</th> 设置表格头：一个通常使用黑体居中文字的格子</p><p>（五）表单</p><p> <form>……</form> 创建所有表单</p><p> <select multiple name="NAME" size=value>………</select> 创建一个滚动菜单，size设置在需要滚动前可以看到的表单项数目</p><p> <select><option></option></select> 下拉表单</p><p> <textarea name="NAME" cols=value rows=value>……</textarea> 文本区域多行</p><p> <input type="checkbox" name="NAME" checked/> 创建一个复选框，文字在标签后面</p><p> <input type="radio" name="NAME" value="yix"> 创建一个单选框，文字在标签后面</p><p> <input type=text name="……" size=value> 创建一个单行文本输入区域，size设置以字符计的宽度</p><p> <input type="submit" value="submit"> 创建一个submit（提交）按钮</p><p> <input type="reset"> 创建重置按钮</p><p><六> html5</p><p> <article></article> 标题</p><p> <aside>Aside 的内容是独立的内容，但应与文档内容相关。</aside></p><p><audio src="someaudio.wav">您的浏览器不支持 audio 标签。</audio></p><p> <canvas id="myCanvas" width="200" height="200">画布绘制</canvas></p><p> <datalist> 标签定义可选数据的列表。与 input 元素配合使用，就可以制作出输入值的下拉列表。</p><p></datalist></p><p> <embed src="horse.wav" /></p><p><figure><figcaption>PRC</figcaption></figure></p><p> 标签定义 figure 元素的标题。”figcaption” 元素应该被置于 “figure” 元素的第一个或最后一个子元素的位置。</p><p> <footer>标签定义 section 或 document 的页脚。典型地，它会包含创作者的姓名、文档的创作日期以 及/或者联系信息。</footer></p><p> <header> 标签定义 section 或 document 的页眉。</header></p><p><hgroup>标签用于对网页或区段（section）的标题进行组合。</hgroup></p><p><nav>标签定义导航链接的部分。</nav></p><p><output>标签定义不同类型的输出，比如脚本的输出。</output></p><p><progress>标签运行中的进程。可以使用 <progress> 标签来显示 JavaScript 中耗费时间的函数的进程。</progress></p><p><section>标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。</section></p><p><time>标签定义日期或时间，或者两者。</time></p><p><video src="movie.ogg" controls="controls">您的浏览器不支持 video 标签。</video></p>
<br>
本文标题：html标签大全(二)（html5） <br>
网页链接：<a href="http://csdahua.cn/article/popshc.html">http://csdahua.cn/article/popshc.html</a>
</div>
<div class="view-qrocde cl">
<div class="m z"><img src="/Public/Home/images/ew.jpg"/></div>
<div class="text">
<h6>扫二维码与项目经理沟通</h6>
<p>我们在微信上24小时期待你的声音</p>
<p>解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流</p>
</div>
</div>
<div class="othernews cl">
<h3>其他资讯</h3>
<ul>
<li><a href="/article/dchpide.html">阿里云服务器ecs只有内网么 阿里云云服务器ecs全称</a></li><li><a href="/article/dchpisd.html">怎么使用阿里云服务器地址 怎么使用阿里云服务器地址发送</a></li><li><a href="/article/dchpepp.html">java代码移植j2me的简单介绍</a></li><li><a href="/article/dchpigp.html">sap系统典型客户的简单介绍</a></li><li><a href="/article/dchpiec.html">怎么创建域名账户 如何创建域名对应的邮箱账号</a></li> </ul>
</div>
</div>
</div>
<div class="sidebar">
<div class="tuijian">
<a href="#">
<h2 class="cl"><span>行业动态</span></h2>
<h3>企业网站建设的重要性！</h3>
<p>现在虽然是移动互联网时代，但企业网站依然重要，包含PC站点，移动站。可以说企业网站关系企业的未来发展和前途，尤其对中小企业更是如此，一些中小企业老板，对自己的名片很在乎，因为这是个门面。...</p>
</a>
</div>
<div class="ser sidesub">
<h2>服务项目</h2>
<ul class="ebox">
<li class="sub sub-1">
<div>
<h3>网站建设</h3>
<p></p>
<a class="btn" href="/serve/website/">查看详情</a>
</div>
</li>
<li class="sub sub-1">
<div>
<h3>移动端/APP</h3>
<p></p>
<a class="btn" href="/serve/moblie/">查看详情</a>
</div>
</li>
<li class="sub sub-1">
<div>
<h3>微信/小程序</h3>
<p></p>
<a class="btn" href="/serve/small/">查看详情</a>
</div>
</li>
<li class="sub sub-1">
<div>
<h3>技术支持</h3>
<p></p>
<a class="btn" href="/serve/tech/">查看详情</a>
</div>
</li>
<li class="sub sub-1">
<div>
<h3>其它服务</h3>
<p></p>
<a class="btn" href="/serve/othe/">查看详情</a>
</div>
</li>
<li class="sub sub-5">
<div>
<h3>更多服务项目</h3>
<p> <a>用我们的专业和诚信赢得您的信赖，从PC到移动互联网均有您想要的服务！</a></p>
<a class="btn" href="/serve/">获取更多</a>
</div>
</li>
</ul>
</div>
<div class="contact" id="fix">
<h2 class="cl"> <span>联系吧</span> <a href="https://map.baidu.com/" class="ditu" rel="nofollow" target="_blank">在百度地图上找到我们</a> </h2>
<h3>电话：13518219792</h3>
<p>如遇占线或暂未接听请拨：136xxx98888</p>
<div class="qq"> <a href="//wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes" rel="nofollow" target="_blank">业务咨询</a> <a href="//wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes" rel="nofollow" target="_blank">技术咨询</a> <a href="//wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes" rel="nofollow" target="_blank">售后服务</a> </div>
</div>
</div>
<script>
//固定滚动
(function () {
var oDiv = document.getElementById("fix");
var H = 120,
iE6;
var Y = oDiv;
while (Y) {
H += Y.offsetTop;
Y = Y.offsetParent
};
iE6 = window.ActiveXObject && !window.XMLHttpRequest;
if (!iE6) {
window.onscroll = function ()
{
var s = document.body.scrollTop || document.documentElement.scrollTop;
if (s > H) {
oDiv.className = "contact fixed";
if (iE6) {
oDiv.style.top = (s - H) + "px";
}
} else {
oDiv.className = "contact ";
}
};
}
})();
</script>
</div>
<div class="footer">
<div class="wp">
<div class="wpss cl">
<dl class="about">
<dt>网站制作</dt>
<dd><a href="http://www.36103.cn/" target="_blank" title="成都网站制作">成都网站制作</a></dd><dd><a href="http://www.myzwz.com/" target="_blank" title="绵阳网站制作">绵阳网站制作</a></dd><dd><a href="http://www.kswcd.com/mobile/" target="_blank" title="手机网站制作">手机网站制作</a></dd><dd><a href="http://www.mywzjz.com/" target="_blank" title="绵阳网站制作公司">绵阳网站制作公司</a></dd> </dl>
<dl class="about">
<dt>网站建设</dt>
<dd><a href="http://chengdu.cdcxhl.cn/shop/" target="_blank" title="成都商城网站建设">成都商城网站建设</a></dd><dd><a href="https://www.cdcxhl.com/mianfei/jianshe/chengdu.html" target="_blank" title="成都免费网站建设公司">成都免费网站建设公司</a></dd><dd><a href="http://www.dzzwz.com/" target="_blank" title="大橙子网站建设">大橙子网站建设</a></dd><dd><a href="http://www.wjwzjz.com/" target="_blank" title="温江网站建设">温江网站建设</a></dd> </dl>
<dl class="about">
<dt>网站设计</dt>
<dd><a href="http://www.cxjianzhan.cn/" target="_blank" title="成都网站设计">成都网站设计</a></dd><dd><a href="http://www.kswcd.cn/serve/" target="_blank" title="高端网站设计">高端网站设计</a></dd><dd><a href="http://www.cdkjz.cn/fangan/led/" target="_blank" title="LED网站设计方案">LED网站设计方案</a></dd><dd><a href="http://chengdu.cdcxhl.cn/" target="_blank" title="成都网站设计">成都网站设计</a></dd> </dl>
<dl class="contact">
<dt>联系我们</dt>
<dd>电话：13518219792</dd>
<dd>邮箱：631063699@qq.com</dd>
<dd>地址：成都青羊区锦天国际1002号</dd>
<dd>网址：www.csdahua.cn</dd>
</dl>
<dl class="flow">
<dt></dt>
<div class="ma cl">
<div class="m"> <img src="/Public/Home/images/ew.jpg" />
<p>微信二维码</p>
</div>
</div>
</dl>
</div>
</div>
<div class="footer-link wp">
<ul class="wpss cl">
<li class="fisrt">友情链接</li>
<li><a href="http://seo.cdkjz.cn/" title="网络推广公司" target="_blank">网络推广公司</a></li><li><a href="http://www.idckuai.cn/" title="虚拟主机" target="_blank">虚拟主机</a></li><li><a href="http://www.pgwzsj.com/" title="普格博源建站" target="_blank">普格博源建站</a></li><li><a href="http://www.cdhuace.com/zhangui.html" title="成都展柜制作" target="_blank">成都展柜制作</a></li><li><a href="https://www.cdcxhl.com/shop.html" title="成都商城网站开发" target="_blank">成都商城网站开发</a></li><li><a href="http://www.cdanhua.cn/" title="蜜朵婚庆" target="_blank">蜜朵婚庆</a></li><li><a href="https://www.cdcxhl.com/tuoguan.html" title="成都主机托管" target="_blank">成都主机托管</a></li><li><a href="http://seo.cdkjz.cn/mobile/" title="手机网站建设" target="_blank">手机网站建设</a></li><li><a href="http://www.cdkjz.cn/develop/" title="电商网站建设" target="_blank">电商网站建设</a></li><li><a href="http://www.jxruijie.cn/" title="禾巨建站" target="_blank">禾巨建站</a></li> </ul>
</div>
</div>
<div class="bot-footer">
<div class="wp">
<p class="wpss"> <em>Copyright © 2002-2023 www.csdahua.cn 快上网建站品牌 QQ：244261566 版权所有</em> <em>备案号：<a href="http://beian.miit.gov.cn/" rel="external nofollow">蜀ICP备19037934号</a></em>
</p>
<p class="wpss" style="line-height:30px !important;"> </p>
</div>
</div>
<div class="footer-kefu">
<ul>
<li class="qq"><a href="https://wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes"><em></em>在线咨询</a>
</li>
<li class="tel"><a href="tel:13518219792" target="_blank"><em></em>13518219792</a></li>
<li class="wx"> <em></em>
<div class="code"> <img src="/Public/Home/images/ew.jpg" />
<p>微信二维码</p>
</div>
</li>
<li class="m"> <em></em>
<div class="code"> <img src="/Public/Home/images/ew.jpg" />
<p>移动版官网</p>
</div>
</li>
<li class="top"><em></em></li>
</ul>
</div>
<script src="/Public/Home/js/all.js"></script>
</body>
</html>
<script>
$(".cont 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);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script>]]></plaintext></p></div></div></div>
