超文本标记语言（英语：HyperTextMarkupLanguage，简称：HTML）
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析
相对于整个网页，大模块 左边距离别写固定值，因为用户分辨率、电脑尺寸不一样
:
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言，标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面
HTML; 包含很多因素;音乐，文字，链接，图片等 ----H5起手式 （写代码时注意浏览器兼容问题）
http:/ /www.iis7.com/a/lm/zzxzgj/
:
声明为 HTML5 文档
元素是 HTML 页面的根元素
元素包含了文档的元（meta）数据
元素描述了文档的标题<br/><body> 元素包含了可见的页面内容<br/>开头HTML文档申明, meta 页面信息描述的标记 告诉计算机这是一个HTML文档，结尾也有HTML标志。body可见元素，head不可见元素，，title标题，utf-8国际通用编码<br/>:<br/>HTML 元素语法：<br/>HTML 元素以开始标签起始<br/>HTML 元素以结束标签终止<br/>元素的内容是开始标签与结束标签之间的内容<br/>某些 HTML 元素具有空内容（empty content）<br/>空元素在开始标签中进行关闭（以开始标签的结束而结束）<br/>大多数 HTML 元素可拥有属性<br/>:<br/>HTML 属性:<br/>属性值应该始终被包括在引号内<br/>属性是 HTML 元素提供的附加信息。<br/>HTML 元素可以设置属性<br/>属性可以在元素中添加附加信息<br/>属性一般描述于开始标签<br/>属性总是以名称/值对的形式出现，比如：name="value"<br/>属性的作用就是为元素提供更多的信息，大多数元素都可以拥有属性<br/>属性的语法；<标签 属性1=参数1> 注意空格的使用<br/>HTML元素;开始到结束的所有代码。没有结束标签的就是单标签<br/>:<br/>HTML <head> 元素<br/><head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。<br/>可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.<br/><base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接<br/>：<br/>meta标签描述了一些基本的元数据。<br/><meta> 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。<br/>META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。<br/>元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。<br/><meta> 一般放置于 <head> 区域。<br/>只有 <body> 区域 (白色部分) 才会在浏览器中显示。<br/>:<br/>HTML 标签:<br/>HTML 标记标签通常被称为 HTML 标签 (HTML tag)。<br/>HTML 标签是由尖括号包围的关键词，比如 <html><br/>HTML 标签通常是成对出现的，比如 <b> 和 </b><br/>标签对中的第一个标签是开始标签，第二个标签是结束标签<br/>开始和结束标签也被称为开放标签和闭合标签<br/>开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）。<br/><h2>最大,h标签表示标题,会自动换行，直到<h7><br/><p> 表示一个段落 会自动换行<br/><hr> 标签在 HTML 页面中创建水平线<br/><b>元素；作用就是，加粗文字<br/><strong>作用也是加粗文字<br/><br>元素；换行<br/><i>元素；文字倾斜<br/><del>元素；文字删除线<br/><em>元素作用是强调 实际作用也是让文字倾斜<br/><s>元素 作用删除线 语义表示不准确的删除<br/><u>元素 作用给文字加下划线<br/><ins>元素 作用也是给文字下划线， 起到强调作用<br/><small>元素 缩小字体<br/><big>元素 放大字体<br/><sub>表示下标<br/><sup>表示上标<br/><pre>元素 空行和空格进行控制<br/><dfn>元素.表示定义术语 或者对一个词或短语的解释 实际效果就是倾斜文本<br/><abbr>元素.一段文本的缩写 在文本显示上没有任何效果 如WTO<br/><q>元素作用从语义上来看是引用其他地方的内容 实际作用就是给文本加上双引号<br/><code>计算机输出<br/><kbd>键盘输入<br/><tt>打字机文本<br/><samp>计算机代码样本<br/><var>计算机变量<br/><ruby>元素.作用表示文字上方或右方的注音符号，不常用 很多浏览器不支持此功能<br/><cite>元素 作用语义上来看表示引用其他作品的标题 实际效果就是倾斜<br/><bdo>元素 作用设置文字方向 必须使用dir属性才可以设置 共两个值 rtl、从右到左 ltr，从左到右 默认为ltr，tfel，ot <thgir> 是左到右就是ltr<br/><mark>元素.作用突出文本 用于记号 实际作用就是加一个×××背景<br/><time>元素.作用从语义上来看就是表示时间和日期 2018-4-27<br/><style>：样式 标记为属性使用<br/><div>: 是独占一行的 它可以嵌套(包含)许多标签<br/><span>: 元素也没有特定的含义，是内联元素，可用作文本的容器<br/>：<br/>超链接：<br/>a href="地址"<br/>不知道链接去哪用“#”表示 是空连接<br/>：<br/>img(图片)：也可以放动图<br/>src：必要属性，制定图片来源路径，alt当图片无法显示时代替文字<br/>width和height 指定图片的宽和高 单位是像素或百分比<br/>网络图片>看属性(地址）>输入地址<br/>下载.图片地址+下载<br/>图片和html，在本地(我的电脑),相对路径<br/>图片和网络地址是绝对路径<br/>图像的名称和尺寸是以属性的形式提供的。<br/>：<br/>target属性有四个值：<br/>-self当前位置 当前页面关闭<br/>-blank新窗口 不会关闭当前页面<br/>-top最顶层框架<br/>-parent父框架，返回它的上一层页面<br/>：<br/>ID属性：通用属性 可以理解为元素的×××<br/>name：可以理解为元素的名字<br/>：<br/><table></table>表格<br/><tr></tr>行 valign="bottom"行中内容的中上下 top middle bottom<br/><td></td>列 valign="top middle bottom"列中内容的中上下<br/><th></th>字自动加粗<br/>cellpadding="#"文字到边框的距离 （全部网格的距离）<br/>cellspacing="#边框的间距"<br/>background="imgs" jpg(背景图片)<br/>标记具有就进原则<br/>colspan="列数"合并行<br/>rowspan="行数"合并列<br/>注意 ：行列都有合并 ，先列后行<br/>：<br/>表单是一个包含表单元素的区域。<br/>表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。<br/>表单使用表单标签 <form> 来设置。<br/>多数情况下被用到的表单标签是输入标签（<input>）。<br/>输入类型是由类型属性（type）定义的。<br/>form：表单 可以直接输入文字 可分行<br/><input type="text">文本输入框 ：常用于：搜索框，用户名输入框<br/><input type="password">密码文本输入框： 密码 输入时变成黑点<br/><input type="button" value="按钮上的字" 按钮<br/><input type="text" style="width: #"> 设置文本框宽度<br/><input type="checkbox" name="vehicle" 复选<br/><input type="radio" name="sex" 单选<br/><input type="submit">提交按钮<br/><input type="image" 图片按钮<br/><input type="reset"重置 一定要有<form></form>才可以有效<br/><textarea></textarea> 用户可书写文本区域<br/>maxlength 允许最大字符数<br/><select> 下拉表单<br/><option></option> 关于多种选择 例如城市<br/>：<br/><Iframe>框架，定义一个内联的iframe。<br/><rameborder> 属性用于定义iframe表示是否显示边框，设置属性值为 "0" 移除iframe的边框<br/>iframe可以显示一个目标链接的页面，目标链接的属性必须使用iframe的属性 如：iframe_a<br/>：<br/>HTML 颜色由红色、绿色、蓝色混合而成。<br/>HTML 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。<br/>每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。<br/>：<br/>HTML 脚本：<br/>JavaScript 使 HTML 页面具有更强的动态和交互性。<br/><script> 标签<br/><script> 标签用于定义客户端脚本，比如 JavaScript。<br/><script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。<br/>JavaScript 最常用于图片操作、表单验证以及内容动态更新。<br/><noscript> 标签<br/><noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。<br/><noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。<br/>只有在浏览器不支持脚本或者禁用脚本时，才会显示 <noscript> 元素中的内容<br/>：<br/>字符实体：<br/>空格： <br/>< 小于号：< <</p><p><img src="/upload/ad_content/xuanchuantu-11.jpg"></p><p><a href="https://www.cdcxhl.com/ssl/ycpinglu.html" target="_blank">平陆ssl</a>适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为<a href="https://www.cdcxhl.com/" target="_blank">成都创新互联</a>的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：028-86922220（备注：SSL证书合作）期待与您的合作！</p><blockquote><p>大于号：> ><br/>& 和号：& &<br/>" 引号：" "<br/>' 撇号：' (IE不支持) '<br/>￠ 分：¢ ¢<br/>￡ 镑：£ £<br/>￥：人民币/日元 ¥ ¥<br/>€：欧元 € €<br/>§：小节 § §<br/>?：版权 © ©<br/>?：注册商标 ® ®<br/>?：商标 ™ ™<br/>×：乘号 × ×<br/>÷：除号 ÷ ÷<br/>：<br/>HTML 统一资源定位器(Uniform Resource Locators)<br/>URL 是一个网页地址。<br/>URL可以由字母组成，如"runoob.com"，或互联网协议（IP）地址： 192.68.20.50。大多数人进入网站使用网站域名来访问，因为 名字比数字更容易记住。<br/>URL - 统一资源定位器<br/>Web浏览器通过URL从Web<a title="服务器" target="_blank" href="http://www.cdfuwuqi.com/">服务器</a>请求页面。<br/>当您点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址。<br/>一个统一资源定位器(URL) 用于定位万维网上的文档<br/>URL 字符编码<br/>URL 只能使用 ASCII 字符集.<br/>来通过因特网进行发送。由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。<br/>URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。<br/>URL 不能包含空格。URL 编码通常使用 + 来替换空格。<br/>scheme：定义因特网服务的类型。最常见的类型是 http。<br/>host：定义域主机（http 的默认主机是 www）。<br/>domain：定义因特网域名，比如 runoob.com。<br/>:port：定义主机上的端口号（http 的默认端口号是 80）。<br/>path：定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。<br/>filename：定义文档/资源的名称。<br/>以下是一些URL scheme(方案)：<br/>http：超文本传输协议 以 http:// 开头的普通网页。不加密。<br/>https：安全超文本传输协议 安全网页，加密所有信息交换。<br/>ftp：文件传输协议 用于将文件下载或上传至网站。<br/>file：您计算机上的文件。<br/>：<br/><ul>无序列表 ，自带左侧40px距离<br/><ol>有序列表 <br/><li><br/><dl> <dt> <dd> 自定义列表 dd是描述dt的元素，如图片描述。不可以插入块级元素。<br/>disc 定义圆点<br/>circle 定义圆圈<br/>square 定义正方形<br/>：<br/>cursor: pointer(鼠标经过时变成手的样子)<br/>rgba(1.红 2.绿 3.蓝 4.透明度)<br/>ctrl+f ：查找与替换<br/>2个汉字==4个英文字<br/>：<br/>HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。<br/>HTML 的关键是标签，其作用是指示将出现的内容。<br/>：<br/>HTML - XHTML<br/>XHTML 是以 XML 格式编写的 HTML。<br/>什么是 XHTML?<br/>XHTML 指的是可扩展超文本标记语言。<br/>XHTML 与 HTML 4.01 几乎是相同的。<br/>XHTML 是更严格更纯净的 HTML 版本。<br/>XHTML 是以 XML 应用的方式定义的 HTML。<br/>XHTML 是 2001 年 1 月发布的 W3C 推荐标准。<br/>XHTML 得到所有主流浏览器的支持。<br/>XML 是一种必须正确标记且格式良好的标记语言。<br/>：<br/>HTML 助手（插件）<br/>辅助应用程序（helper application）是可由浏览器启动的程序。辅助应用程序也称为插件。<br/>辅助程序可用于播放音频和视频（以及其他）。辅助程序是使用 <object> 标签来加载的。<br/>使用辅助程序播放视频和音频的一个优势是，您能够允许用户来控制部分或全部播放设置。<br/>插件可以通过 <object> 标签或者 <embed> 标签添加在页面中。<br/>大多数辅助应用程序允许对音量设置和播放功能（比如后退、暂停、停止和播放）的手工（或程序的）控制<br/>我们可以使用 <video> 和 <audio> 标签来显示视频和音频<br/><object> 元素：(关键：Data)<br/><object> 元素定义了在 HTML 文档中嵌入的对象。<br/>该标签用于插入对象 (例如在网页中嵌入 Java 小程序, PDF 阅读器, Flash 播放器)<br/><embed> 元素 : (关键：src)<br/><embed> 元素表示一个 HTML Embed 对象<br/><embed> 元素没有关闭标签。 不能使用替代文</p></blockquote>
<br>
网页标题：超文本标记语言（英语：HyperTextMarkupLanguage，简称：HTML） <br>
网页链接：<a href="http://csdahua.cn/article/ieidhj.html">http://csdahua.cn/article/ieidhj.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/dgeodo.html">Nginx服务的安装配置、反向代理实现和优化-创新互联</a></li><li><a href="/article/dgeoes.html">PyCharm中MySQL如何配置可视化Database-创新互联</a></li><li><a href="/article/dgshji.html">基于SPRINGBOOT配置文件占位符过程解析-创新互联</a></li><li><a href="/article/dgshpo.html">从零开始安装AndroidStudio并快速配置SDK的方法-创新互联</a></li><li><a href="/article/dgeodh.html">C语言学习之结构体-创新互联</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.cqcxhl.com/" target="_blank" title="重庆网站制作">重庆网站制作</a></dd><dd><a href="http://www.cxhlcq.com/zhizuo/" target="_blank" title="重庆网站制作">重庆网站制作</a></dd><dd><a href="http://www.cxjianzhan.com/mobile/" target="_blank" title="wap网站制作">wap网站制作</a></dd><dd><a href="http://www.cxjianzhan.com/" target="_blank" title="网站制作公司">网站制作公司</a></dd> </dl>
<dl class="about">
<dt>网站建设</dt>
<dd><a href="http://www.cddcz.com/" target="_blank" title="成都网站建设">成都网站建设</a></dd><dd><a href="http://www.cqwzjz.cn/" target="_blank" title="重庆网站建设">重庆网站建设</a></dd><dd><a href="https://www.cdxwcx.com/city/wenjiang/" target="_blank" title="温江网站建设">温江网站建设</a></dd><dd><a href="http://www.33260.cn/" target="_blank" title="成都定制网站建设">成都定制网站建设</a></dd> </dl>
<dl class="about">
<dt>网站设计</dt>
<dd><a href="http://m.cdcxhl.com/" target="_blank" title="成都网站设计">成都网站设计</a></dd><dd><a href="http://www.cdxwcx.cn/sheji/" target="_blank" title="企业网站设计">企业网站设计</a></dd><dd><a href="http://chengdu.kswsj.cn/" target="_blank" title="高端网站设计">高端网站设计</a></dd><dd><a href="http://www.wjwzjz.com/" 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://m.cdcxhl.cn/dingzhi/
" title="定制网站制作" target="_blank">定制网站制作</a></li><li><a href="http://www.sccummins.cn/" title="成都康明斯发电机" target="_blank">成都康明斯发电机</a></li><li><a href="http://m.cdcxhl.cn/shop/
" title="商城网站" target="_blank">商城网站</a></li><li><a href="https://www.cdcxhl.com/xiangyingshi.html" title="响应式网站设计" target="_blank">响应式网站设计</a></li><li><a href="http://www.scmtp.cn/" title="子晨木包装箱" target="_blank">子晨木包装箱</a></li><li><a href="http://www.xhgfhy.com/" title="犀浦防纹窗" target="_blank">犀浦防纹窗</a></li><li><a href="http://www.cdxwcx.cn/tuoguan/" title="成都服务器托管" target="_blank">成都服务器托管</a></li><li><a href="http://www.cddcz.com/" title="大橙子建站" target="_blank">大橙子建站</a></li><li><a href="http://m.cdxwcx.com/xcx.html" title="成都小程序开发" target="_blank">成都小程序开发</a></li><li><a href="https://www.cdcxhl.com/shoulu/" 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> 