HTML（HyperText Markup
在柴桑等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站制作、网站设计 网站设计制作按需定制网站,公司网站建设,企业网站建设,品牌网站制作,成都全网营销,成都外贸网站制作,柴桑网站建设费用合理。
Language，超文本标记语言）是用于创建网页的标准标记语言，它可以用来组织网页的内容 —— 包括文本、图片、链接等元素 —— 并指定这些元素在浏览器中如何显示，以下是如何使用 HTML 代码的详细教程。
1. HTML 基础结构
一个基本的 HTML 文档包括以下部分：
页面标题
</code>)、样式表链接 (<code><link></code>)、脚本链接 (<code><script></code>) 等。</p><p><code><title></code>: 描述了网页的标题，这个标题会在浏览器的标签页上显示。</p><p><code><body></code>: 包含了所有可见的页面内容，如文本、图片、链接、列表、表格等。</p><p>2. 常用 HTML 元素</p><p>2.1 <h1> <h6> 标题元素</p><p>HTML 提供了6个级别的标题，从 <h1>（最大）到 <h6>（最小）。</p><pre class="brush:html;toolbar:false">
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
</pre><p>2.2 <p> 段落元素</p><p><p> 元素用于定义段落。</p><pre class="brush:html;toolbar:false">
<p>这是一个段落。</p>
</pre><p>2.3 <a> 链接元素</p><p><a> 元素用于创建链接。</p><pre class="brush:html;toolbar:false">
<a href="https://www.example.com">这是一个链接</a>
</pre><p>2.4 <img> 图像元素</p><p><img> 元素用于插入图像。</p><pre class="brush:html;toolbar:false">
<img src="image.jpg" alt="描述性文字">
</pre><p>2.5 <ul> 和 <ol> 列表元素</p><p><ul> 用于无序列表，<ol> 用于有序列表，每个列表项由 <li> 元素定义。</p><p>无序列表：</p><pre class="brush:html;toolbar:false">
<ul>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ul>
</pre><p>有序列表：</p><pre class="brush:html;toolbar:false">
<ol>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ol>
</pre><p>2.6 <table> 表格元素</p><p><table> 元素用于创建表格，每个表格行由 <tr> 元素定义，每个表格单元由 <td>（单元格）或 <th>（表头单元格）元素定义。</p><pre class="brush:html;toolbar:false">
<table>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>数据1</td>
<td>数据2</td>
</tr>
</table>
</pre><p>3. CSS 样式化 HTML</p><p>HTML 只负责内容的结构和语义，而 CSS（层叠样式表）则负责内容的外观和布局，你可以在 <code><head></code> 部分添加 <code><style></code> 标签来内联 CSS，或者通过 <code><link></code> 标签链接外部的 CSS 文件。</p> <br>
网页标题：如何使用html代码 <br>
当前地址：<a href="http://wtcwzsj.com/article/copsshh.html">http://wtcwzsj.com/article/copsshh.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/cosicpp.html">asp文件虚拟主机租用怎么搭建网络</a>
</li><li>
<a href="/article/cosicdc.html">文档怎么移动页面？（文档怎么移动）</a>
</li><li>
<a href="/article/cosidhs.html">电信无限量限速了怎么弄？服务器做无限流量</a>
</li><li>
<a href="/article/cosiche.html">发布Redis实现高效消息发布（redis消息队列的消息）</a>
</li><li>
<a href="/article/cosicho.html">我是如何从零开始学习前端的</a>
</li> </ul>
</div>
</div>
<!-- end #bd -->
<div class="c"></div>
<!-- begin #fd -->
<div id="fd" class="index-fd pr">
<div class="map-bg3"></div>
<div class="wp">
<div class="fd-top">
<dl>
<dt>关于我们</dt>
<dd>
<ul class="ul-fd">
<li><a href="http://www.wtcwzsj.com/about#whous">我们是谁</a></li>
<li><a href="http://www.wtcwzsj.com/about#ourcus">我们服务的客户</a></li>
<li><a href="http://www.wtcwzsj.com/about#ourteam">我们的团队</a></li>
</ul>
</dd>
</dl>
<dl>
<dt>我们的服务</dt>
<dd>
<ul class="ul-fd">
<li><a href="http://www.wtcwzsj.com/service#webbuit">网站建设</a></li>
<li><a href="http://www.wtcwzsj.com/service#weiweb">H5响应式 交互网站</a></li>
<li><a href="http://www.wtcwzsj.com/service#webmobel">移动端 & 微网站定制</a></li>
<li><a href="http://www.wtcwzsj.com/service#servweb">服务流程</a></li>
<li><a href="http://www.wtcwzsj.com/service#solution">行业解决方案</a></li>
</ul>
</dd>
</dl>
<dl>
<dt>网站建设案例</dt>
<dd>
<ul class="ul-fd">
<li><a href="http://www.wtcwzsj.com/case/">公司集团</a></li>
<li><a href="http://www.wtcwzsj.com/case/">数码电子科技</a></li>
<li><a href="http://www.wtcwzsj.com/case/">建筑与设计</a></li>
<li><a href="http://www.wtcwzsj.com/case/">安防门禁</a></li>
<li><a href="http://www.wtcwzsj.com/case/">管理咨询美容</a></li>
<li><a href="http://www.wtcwzsj.com/case/">外贸行业</a></li>
</ul>
</dd>
</dl>
<dl>
<dt>新闻动态</dt>
<dd>
<ul class="ul-fd">
<li><a href="/news/2.html">温岭网站建设</a></li><li><a href="/news/3.html">温岭网站制作</a></li><li><a href="/news/4.html">温岭网站设计</a></li>
</ul>
</dd>
</dl>
<dl>
<dt>联系我们</dt>
<dd class="pr">
<p><a href="http://www.wtcwzsj.com/news/" class="weixin"></a><a href="http://www.wtcwzsj.com/news/" class="sina"></a><span class="weixin-pic"><img src="/Public/Home/pic/ewm.jpg"></span></p>
<p><b class="tel">135-1821-9792</b></p>
<h5>公司服务热线</h5>
</dd>
</dl>
</div>
<div class="link">
友情链接：
<a href="http://www.cdganxi.com/" title="产品宣传册设计" target="_blank">产品宣传册设计</a> <a href="http://www.deyangfdjwx.com/" title="德阳沃尔沃发电机维修" target="_blank">德阳沃尔沃发电机维修</a> <a href="http://www.jmghyf.com/" title="混凝土密封固化剂" target="_blank">混凝土密封固化剂</a> <a href="http://www.zpxjhx.com/" title="广告扇定制制作" target="_blank">广告扇定制制作</a> <a href="http://www.dlganxi.com/" title="公司网站维护" target="_blank">公司网站维护</a> <a href="http://www.cdxwcx.cn/tuoguan/bgp.html" title="bgp机房托管" target="_blank">bgp机房托管</a> <a href="http://www.xhgfhy.com/
" title="犀浦门窗定制" target="_blank">犀浦门窗定制</a> <a href="http://www.stxfdj.com/" title="三台县发电机公司" target="_blank">三台县发电机公司</a> <a href="http://www.4006tel.net/mobile/" title="app开发" target="_blank">app开发</a> <a href="http://www.lsfdjgs.com/" title="乐山发电机公司" target="_blank">乐山发电机公司</a> </div>
</div>
<div class="fd-copy">
<div class="wp">
<p><span style="color:#CCCCCC;">Copyright © 2009-2022 www.wtcwzsj.com 青羊区广皓图文设计工作室（个体工商户） 版权所有</span> <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow" style="color:#CCCCCC;">蜀ICP备19037934号</a></p>
</div>
</div>
</div>
<div class="side">
<ul>
<li><a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" target="_blank">
<div class="sidebox"><img src="/Public/Home/pic/side_icon02.png">在线咨询</div>
</a></li>
<li><a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" target="_blank">
<div class="sidebox"><img src="/Public/Home/pic/side_icon01.png">在线咨询</div>
</a></li>
<li><a href="tel:135-1821-9792">
<div class="sidebox"><img src="/Public/Home/pic/side_icon03.png"><span style="font-size:14px">135-1821-9792</span></div>
</a></li>
</ul>
</div>
<div class="side2">
<ul>
<li><a href="http://www.wtcwzsj.com/news/"><img src="/Public/Home/pic/r_icon1.png" alt="温岭网站建设"></a>
<div class="weixin"><em></em><img src="/Public/Home/pic/ewm.jpg" alt="温岭网站建设"></div>
</li>
<li><a href="javascript:goTop();" class="sidetop"><img src="/Public/Home/pic/r_icon2.png"></a></li>
</ul>
</div>
<div class="fot">
<ul>
<li>
<a href="https://p.qiao.baidu.com/cps/mobileChat?siteId=11284691&userId=6256368&type=1&reqParam=%20{%22from%22:0,%22sessionid%22:%22%22,%22siteId%22:%2211284691%22,%22tid%22:%22-1%22,%22userId%22:%226256368%22,%22ttype%22:1,%22siteConfig%22:%20{%22eid%22:%226256368%22,%22queuing%22:%22%22,%22siteToken%22:%226ce441ff9e2d6bedbdfc2a4138de449e%22,%22userId%22:%226256368%22,%22isGray%22:%22false%22,%22wsUrl%22:%22wss://p.qiao.baidu.com/cps3/websocket%22,%22likeVersion%22:%22generic%22,%22siteId%22:%2211284691%22,%22online%22:%22true%22,%22webRoot%22:%22//p.qiao.baidu.com/cps3/%22,%22bid%22:%22160142915792139572%22,%22isSmallFlow%22:0,%22isPreonline%22:0,%22invited%22:0%20},%22config%22:%20{%22themeColor%22:%224d74fa%22%20}%20}&appId=&referer=&iswechat=0&expectWaiter=-1&openid=null&otherParam=null&telephone=null&speedLogId=null&eid=null&siteToken=6ce441ff9e2d6bedbdfc2a4138de449e" target="_blank">
<img src="/Public/Home/pic/fot1.png" alt="">
<p>在线咨询</p>
</a>
</li>
<li>
<a href="tel:18980820575" target="_blank">
<img src="/Public/Home/pic/fot2.png" alt="">
<p>拨打电话</p>
</a>
</li>
</ul>
</div>
<script type="text/javascript" src="/Public/Home/pic/jquery.js"></script>
<script type="text/javascript" src="/Public/Home/pic/lib.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);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script>
