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://dzwzjz.com/article/gppojg.html">http://dzwzjz.com/article/gppojg.html</a> </div> </div> <div class="othernews"> <h3>其他资讯</h3> <div class="othernews_list"> <ul> <li> <a href="/article/diipcsh.html">mysql怎么清除缓存 mysql 清缓存</a> </li><li> <a href="/article/diipcpj.html">jquery查找父辈元素 js查找父节点</a> </li><li> <a href="/article/diipchh.html">html5元素倾斜 html中倾斜的代码</a> </li><li> <a href="/article/diipcpo.html">Linux命令映射路径 linux文件映射到另一个目录</a> </li><li> <a href="/article/diipsod.html">jquery刷新提示 jquery刷新表格数据</a> </li> </ul> </div> </div> </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/">行业新闻</a> <a href="/jianzhan/">建站学堂</a> <a href="/jianzhan/">常见问题</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 class="link"> 友情链接： <a href="http://www.cdky.com.cn/" title="凯亚自动化控制" target="_blank">凯亚自动化控制</a>   <a href="http://www.mswzjz.cn/" title="攀枝花网站建设" target="_blank">攀枝花网站建设</a>   <a href="http://www.mybzx.com/" title="成都木托盘" target="_blank">成都木托盘</a>   <a href="http://www.cdxwcx.cn/tuoguan/yaan.html" title="四川雅安服务器托管" target="_blank">四川雅安服务器托管</a>   <a href="http://www.cdkjz.cn/fangan/jianshe/" title="网站报价方案" target="_blank">网站报价方案</a>   <a href="http://www.huilanmu.com/" title="边坡防护网" target="_blank">边坡防护网</a>   <a href="http://www.ty2auto.com/" title="添翼二手车鉴定评估" target="_blank">添翼二手车鉴定评估</a>   <a href="http://www.njxishu.com/" title="鳄鱼养殖" target="_blank">鳄鱼养殖</a>   <a href="https://www.cdxwcx.com/jifang/yaan.html" title="四川雅安服务器托管" target="_blank">四川雅安服务器托管</a>   <a href="https://www.cdcxhl.cn/ " title="免备案虚拟主机空间" target="_blank">免备案虚拟主机空间</a>    </div> </div> <div class="footer_content_copyright clear">版权所有：青羊区大橙子信息咨询工作室 <a href="http://beian.miit.gov.cn/" rel="nofollow" target="_blank">蜀ICP备2022028542号-14</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> $(".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>

大橙子网站建设，新征程启航

HTML5超文本标记语言怎么用

我喜欢

你啊