咨询热线 ：
028-86922220
×
01
关于我们

公司简介

发展历程

02
服务项目

高端网站建设

微信开发

APP开发

网络营销服务

电商网站定制

生物医药网站建设

外贸网站建设

教育培训网站建设

03
小程序开发

小程序开发

功能应用

客户案例

04
案例展示

网站建设案例

小程序案例

电商平台案例

APP案例

系统平台案例

05
建站动态

网站建设

网站设计

常见问题

小程序

06
联系我们

公司地址

人才招聘

地址：成都市太升南路288号锦天国际A幢1002号

电话：028-86922220

028-86922220

重庆分公司，新征程启航

为企业提供网站建设、域名注册、服务器等服务

HTML有什么作用

这篇文章主要介绍了HTML有什么作用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

员工经过长期磨合与沉淀，具备了协作精神，得以通过团队的力量开发出优质的产品。创新互联公司坚持“专注、创新、易用”的产品理念，因为“专注所以专业、创新互联网站所以易用所以简单”。公司专注于为企业提供成都网站制作、成都网站建设、微信公众号开发、电商网站开发，微信小程序，软件按需制作网站等一站式互联网企业服务。

HTML介绍

 HTML 是用来描述网页的一种语言。

  ·HTML 指的是超文本标记语言: HyperText Markup Language

  ·HTML 不是一种编程语言，而是一种标记语言

  ·标记语言是一套标记标签 (markup tag)

  ·HTML 使用标记标签来描述网页

  ·HTML 文档包含了HTML 标签及文本内容

  ·HTML文档也叫做 web 页面

HTML文档的后缀名

    .html

    .htm

  以上两种后缀名没有区别，都可以使用。

HTML实例





自学教程(lengyuezuixue.com)


 

我的第一个标题

 

我的第一个段落。

 

实例解析

   ·:声明为HTML5文档

   ·元素是HTML页面的根元素

   ·元素包含了文档的元(meta)数据

   ·元素描述了文档的标题</p><p>   ·<body>元素包含了可见的页面内容</p><p>   ·<h2>元素定义一个大标题</p><p>   ·<p>元素定义一个段落</p><p><strong>HTML标签</strong></p><p><strong></strong> HTML标记标签通常被称为 HTML 标签(HTML tag)</p><p>  ·HTML 标签是由尖括号包围的关键词，比如 <html></p><p>  ·HTML 标签通常是成对出现的，比如 <b> 和 </b></p><p>  ·标签对中的第一个标签是开始标签，第二个标签是结束标签</p><p>  ·开始和结束标签也被称为开放标签和闭合标签</p><pre><标签>内容</标签></pre><p><strong>HTML 元素</strong></p><p>  "HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.</p><p>  但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签，如下实例:</p><p>  HTML 元素:</p><p><p>这是一个段落。</p></p><p><strong>HTML 网页结构</strong></p><p><img src="/upload/otherpic52/9454.jpg" alt="HTML有什么作用"></p><p>   只有 <body> 区域 (白色部分) 才会在浏览器中显示。</p><p><strong><!DOCTYPE>声明</strong></p><p>   <!DOCTYPE>声明有助于浏览器中正确显示网页。</p><p>  网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。</p><p>  doctype 声明是不区分大小写的，以下方式均可：</p><pre><!DOCTYPE html>  <!DOCTYPE HTML>  <!doctype html>  <!Doctype Html></pre><p><strong>通常声明</strong></p><h4>HTML 5</h4><pre><!DOCTYPE html></pre><h4>HTML 4.01 Strict</h4><p>这个 DTD 包含所有 HTML 元素和属性，但不包括表象或过时的元素（如 font ）。框架集是不允许的。</p><pre><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"></pre><h4>HTML 4.01 Transitional</h4><p>这个 DTD 包含所有 HTML 元素和属性，包括表象或过时的元素（如 font ）。框架集是不允许的。</p><pre><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"></pre><h4>HTML 4.01 Frameset</h4><p>这个 DTD 与 HTML 4.01 Transitional 相同，但是允许使用框架集内容。</p><pre><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"></pre><h4>XHTML 1.0 Strict</h4><p>这个 DTD 包含所有 HTML 元素和属性，但不包括表象或过时的元素（如 font ）。框架集是不允许的。结构必须按标准格式的 XML 进行书写。</p><pre><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></pre><h4>XHTML 1.0 Transitional</h4><p>这个 DTD 包含所有 HTML 元素和属性，包括表象或过时的元素（如 font ）。框架集是不允许的。结构必须按标准格式的 XML 进行书写。</p><pre><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></pre><h4>XHTML 1.0 Frameset</h4><p>这个 DTD 与 XHTML 1.0 Transitional 相同，但是允许使用框架集内容。</p><pre><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"></pre><h4>XHTML 1.1</h4><p>这个 DTD 与 XHTML 1.0 Strict 相同，但是允许您添加模块（例如为东亚语言提供 ruby 支持）。</p><pre><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"></pre><p><strong>注意</strong></p><p><em>    对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk"></em></p><p>感谢你能够认真阅读完这篇文章，希望小编分享的“HTML有什么作用”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!</p> <br> 分享题目：HTML有什么作用 <br> 路径分享：<a href="http://cqcxhl.com/article/gsjegc.html">http://cqcxhl.com/article/gsjegc.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/jhidod.html">Vue-cli项目部署到Nginx服务器的方法</a> </li><li> <a href="/article/jhiohc.html">pandas中的concat函数如何实现指定索引</a> </li><li> <a href="/article/jhiojc.html">使用JavaScript怎么编写一个瀑布流图片加载效果</a> </li><li> <a href="/article/jhiogg.html">怎么在Linux中使用export命令</a> </li><li> <a href="/article/jhiohh.html">css中一致的叙文类型有哪些</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>