HTML5超文本标记语言怎么用

小编给大家分享一下HTML5超文本标记语言怎么用，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

网站建设哪家好，找创新互联建站！专注于网页设计、网站建设、微信开发、小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了碧江免费建站欢迎大家使用！

HTML5：超文本标记语言

html5：用来表达是什么，而不是表达格式

标记



    
        我的页面
        
    
    
        我的第一个html页面

浏览器会根据本机编码来解析html

段落（一般浏览器不换行）

分段

——段落，最后呈现的效果（如是否空行等等，由浏览器来决定）

段内分行无结束标记

第一级标题

,可作六级标题，数字越大，字符越小（内含自动换行）

拆单词，告诉浏览器此单词可分开，以保证右对齐

连续的两层标题


    我喜欢
    你啊

字体样式

加粗,斜体,可嵌套

打字机的字体,字缩小

删除加入

不被提倡的效果与del类似

上标( 平方),下标

高亮

短语格式

强调着重,定义，代码（小段），例子代码，用户输入，变量，引用

特殊格式

地址

，缩进（可嵌套），小引用,不做格式重排（可原本展示原有格式）

属性

加入分割线

，无结束符号，(width=50,占50个像素点),分割线长度占页面50%，高度size=10，align=lest 靠左，缩写PRC

所有标记都可跟title=“”在鼠标停留后出现文字

,文字从右向左排

小于符号/大于符号：a<2——a<2,a>2——a>2,&:&,不可打断的空格 ü——ü,Ü——Ü；

列表

形成文字前的·（形成文字前的数字，即将


    红茶
    可乐

若用

形成词条方糖方的糖，甜的


    方糖
    方的糖，甜的

图片

在html中被看做一个字符，从左往右与字符一起排，传统上属性的值加引号，gif，jpg，png其他格式不一定可在浏览器看，加入网页<iframe></code>,可加width hight属性</p><p>链接</p><p>1.<code><a href="http: "（协议非常重要，要是没有会找当前目录下）>网易新闻</a></code>，在文字“网易新闻上”加超链接</p><p>2.导航至该网页里的某一段落：在某一段落的<code><p></code>中写上<code><p id="haha"></code>(h2,h3也可以用)，用超链接<code><a href="you.html #haha">前往you网页的位置</a></code></p><p>若有<code><a href="http://news.163.com" target=-blank(建立新的空白页面)>网易新闻</a></code></p><p>在图形上建立超链接</p><pre><img src="" width=100 hight=100 usemap="#map" /></pre><pre><map name="map">     <area shape="ract" coords="0,0(坐标),50,50（长宽）" href="http..." alt="news" />   <area shape="circle" coords="75,75,25（半径）" href="http..." alt="news" />   </map></pre><p>表格</p><p><code><table></table></code>,大表格有</p><pre><thead> <tbody> <tfoot> </tfoot> </tbody> </thead></pre><p><code><table>:此时无格子线<table border="1">:此时有格子线</code></p><pre><tr>表格的一行     <td>ios</td>一行中的一格     <td>yes</td>     <td>yes</td> </tr> <thead>     <tr>         <th>OS</th>         <th>Chinese</th>         <th>French</th>     </tr> </thead></pre><p>`表格`</p><p>列宽会根据表格自动调整</p><p>以上是“HTML5超文本标记语言怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！</p> <br> 本文题目：HTML5超文本标记语言怎么用 <br> 当前链接：<a href="http://chengdu.cdxwcx.cn/article/gppojg.html">http://chengdu.cdxwcx.cn/article/gppojg.html</a> </div> </div> </div>   <div class="news_r"> <div class="news_t"><h2 class="h2">其他资讯</h2></div> <div class="news_ul3"> <ul> <li> <a href="/article/ddsiie.html"> <h3 class="h3">JavaScript中数据类型和声明变量的方法有哪些-创新互联</h3> </a> </li><li> <a href="/article/ddsice.html"> <h3 class="h3">云主机租用哪家好？从这几个方面去看-创新互联</h3> </a> </li><li> <a href="/article/ddsiii.html"> <h3 class="h3">计算机采用的电子器件有哪些-创新互联</h3> </a> </li><li> <a href="/article/ddsish.html"> <h3 class="h3">UWP中如何用GetAlphaMask实现阴影-创新互联</h3> </a> </li><li> <a href="/article/ddsijd.html"> <h3 class="h3">语文总结语文小结是什么意思？-创新互联</h3> </a> </li> </ul> </div> </div>  <div class="c_l"></div> </div> </div>    <footer> <div class="f_bg"> <div class="wrap"> <div class="links"> <h2 class="h2">甜橘子解决方案<a href="/solution/" title="更多" class="more">更多+</a></h2> <ul> <li><a href="/solution/xiaochengxu.html" title="小程序定制解决方案">小程序定制解决方案</a></li> <li><a href="/solution/qiyewz.html" title="企业网站建设解决方案">企业网站建设解决方案</a></li> <li><a href="/solution/menhuwz.html" title="行业门户网站建设解决方案">行业门户网站建设解决方案</a></li> <li><a href="/solution/yingxiaowz.html" title="营销型网站建设解决方案">营销型网站建设解决方案</a></li> <li><a href="/solution/waimaowz.html" title="外贸网站建设解决方案">外贸网站建设解决方案</a></li> <li><a href="/solution/pingpaiwz.html" title="品牌形象网站建设解决方案">品牌形象网站建设解决方案</a></li> <li><a href="/solution/dianziwz.html" title="数码、电子产品网站建设解决方案">数码、电子产品网站建设解决方案</a></li> <li><a href="/solution/jituanwz.html" title="集团、上市企业网站建设解决方案">集团、上市企业网站建设解决方案</a></li> <li><a href="/solution/dichanwz.html" title="房地产、地产项目网站建设解决方案">房地产、地产项目网站建设解决方案</a></li> <li><a href="/solution/zhubaowz.html" title="珠宝高端奢侈品网站建设解决方案">珠宝高端奢侈品网站建设解决方案</a></li> </ul> </div> <div class="links w2"> <h2 class="h2">我们的实力<a href="/about/" title="更多" class="more">更多+</a></h2> <ul> <li>10年专业互联网服务经验</li> <li>成都高端建站设计团队</li> <li>资深行业分析策划</li> <li>B2C营销型网站建设者</li> <li>前沿视觉设计、研发能力</li> <li>前端代码深度符合SEO优化</li> <li>成都市高新技术企业证书</li> <li>具有完备的项目管理</li> <li>完善的售后服务体系</li> <li>深厚的网络运营经验</li> <li>时刻新技术研发能力</li> <li>16个网站系统软件著作权</li> </ul> </div> <div class="f_div2_r"> <h2 class="h2">关于甜橘子<a href="/about/" title="更多" class="more">更多+</a></h2> 甜橘子网站设计，为客户量身定制各类网站建设业务，包括企业型、电子商务型、行业门户型、品牌建立型等各类网站，实战经验丰富，成功案例众多。以客户利益为出发点，甜橘子网站制作为客户规划、定制符合企业需求、带有营销价值的建站方案，提供从网站前期定位分析策划到网站界面设计... </div> <div class="c_l"></div> </div> <div class="wrap"> <div class="f_div3"> <span class="l">成都网站制作案例©2020 甜橘子设计版权所有 | <a href="http://chengdu.cdxwcx.cn" target="_blank">甜橘子网站设计</a><a href="http://chengdu.cdxwcx.cn" target="_blank">chengdu.cdxwcx.cn</a></span> <span class="r"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备11025516号</a></span> </div> </div> </div> </footer>  <script language="javascript" src="/Public/Home/js/foot.js"></script>   <div class="side"> <ul> <li id="qqonline_xbceo"><a href="tencent://message/?uin=631063699&Site=&Menu=yes"><i class="bgs1"></i>QQ咨询</a></li> <li class="shangqiao"><a href="tencent://message/?uin=532337155&Site=&Menu=yes" title="在线咨询"> <div><i class="bgs2"></i>在线咨询</div> </a></li> <li class="sideewm"><i class="bgs3"></i>官方微信 <div class="ewBox"></div> </li> <li class="sideetel"><i class="bgs4"></i>联系电话 <div class="telBox"> <dd class="bgs1"><span>座机</span><a href="tel:028-86922220" target="_blank">028-86922220</a></dd> <dd class="bgs2"><span>手机</span><a href="tel:13518219792" target="_blank">13518219792</a></dd> </div> </li> <li class="sidetop" onClick="goTop()" id="sidetop"><i class="bgs6"></i>返回顶部</li> </ul> </div> <script type="text/javascript"> $('.sideewm').hover(function(){ $('.ewBox').stop().fadeIn(); },function(){ $('.ewBox').stop().fadeOut(); }); $('.sideetel').hover(function(){ $('.telBox').stop().fadeIn(); },function(){ $('.telBox').stop().fadeOut(); }); $(".con_id 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>    </body> </html>

甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

首页

网站建设

网站制作案例

解决方案

网站设计报价

网站制作动态

关于我们

联系我们

成都网站建设设计将想法与焦点和您一起共享

HTML5超文本标记语言怎么用

我喜欢

你啊

甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

成都网站建设设计 将想法与焦点和您一起共享

HTML5超文本标记语言怎么用

我喜欢

你啊

成都网站建设设计将想法与焦点和您一起共享