知乐空间

html登录注册页面代码含数据库连接

很多刚入门HTML5前端开发的小伙伴对HTML页面的基本机构代码还不是很清楚,下面和千锋广州小编一起来看看吧。

1、什么是标签:

html标签组成是html文档的最基本元素,一般是成对出现,由开始标签和与其对应的结束标签构成.?如,

,,,等,此外,还有一些标签是单独出现的,如,等,标签可以相互嵌套使用。

由于html语言是一门弱类型语言,对格式的要求不是非常严格,因此所有标签是不区分大小写的,但是,一般在实际开发中,大家都统一使用小写。

2、html文档的基本结构

如上图,每一个html文档的基本结构为:

HTML5前端开发入门:HTML页面的基本代码结构是什么?

第一层:

——!文档类型,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档,在html5文档中,一般写为 ;值得注意的是,不属于html标签。

——-html标签,是html文档的根标签,所有的网页标签都放在这对标签中,是所有html标签的祖先容器。

第二层:

——-头部标签,代表着html文档的头信息,是所有头部元素的容器,内部一般包含: <script><style><meta><link>这些头部元素。</p><p><body></body>——-网页主体标签,其内部主要包含着构成网页内容的一些元素,如<p></p>,<span></span>,,<table></table>等。这些元素都会在网页的内容部分显示。</p><p><strong>3、标签的属性</strong></p><p>就如人有这身高、体重、年龄等这些属性一样,html标签也有自己的属性,如字体颜色,宽,高,背景等。这些属性一般通过键值对的形式卸载标签中,是标签的一部分,并且每种标签的属性都不完全像同,有的标签有着自己特有的属性。如下图所示:</p><figure class=wp-block-image><img class=j-lazy src=/wp-content/uploads/2021/08/1f2dfafe2bb548cea5337f4d06b429a1.jpg alt=HTML5前端开发入门:HTML页面的基本代码结构是什么?></figure><p><strong>4、html注释</strong></p><p>在实际开发中,我们需要在html文档中做一些标记,方便日后对代码的维护及修改,也方便其他程序员了解我们的代码。而在html文档中,注释的格式为:</p><figure class=wp-block-image><img class=j-lazy src=/wp-content/uploads/2021/08/52890b1bcf034750832ec8b35ea58182.jpg alt=HTML5前端开发入门:HTML页面的基本代码结构是什么?></figure><p>我们可以理解为,html中,标签元素是给计算机读的,为注释是给程序员看的。</p><p>以上就是今天分享的内容,希望对大家有帮助哦!</p></div> <div class="content-more-1"><div class="gradient-1"></div> <label for="contTab-1" class="readmore-1">点击展开全文</label></div> </div> <div class="pagination pagination-multi"><ul></ul></div> <div class="article-tags"></div> <div class="ad"><script src=https://www.zlme.com/d/js/acmsd/thea6.js></script></div> <p class="post-copyright">版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 ZLME@ZLME.COM 举报,一经查实,立刻删除。</p> </article> <nav class="article-nav"> <span class="article-nav-prev">上一篇<br> <a href='http://www.zlme.com/post/2022/03/25/78576.html'>大数据开发工程师是做什么的</a></span> <span class="article-nav-next">下一篇<br> <a href='http://www.zlme.com/post/2022/03/25/78578.html'>dnf怎么镶嵌徽章有什么用</a></span> </nav> <h3 class="title" id="comments"> <div class="text-muted pull-right"> </div> </h3> <link href="https://www.zlme.com/skin/ecmspl/css/pl.css" rel="stylesheet"> <div class="showpage" id="plpost"> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="line-height: 25px; padding: 5px 3px 1px 8px; font-size: 18px;"> <tr><td><strong><font color="#333333">留言与评论(共有 <span id="infocommentnumarea">0</span> 条评论)</font></strong></td></tr> </table> <script> function CheckPl(obj) { if(obj.saytext.value=="") { alert("您没什么话要说吗?"); obj.saytext.focus(); return false; } return true; } </script> <form action="https://www.zlme.com/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)"> <table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost"> <tr> <td> <table width="100%" border="0" cellspacing="10" cellpadding="0"> <tr> <td> <script src="https://www.zlme.com/e/pl/loginjspl.php"></script> <textarea name="saytext" rows="6" id="saytext" placeholder="请遵守互联网相关规定,不要发布广告和违法内容!"></textarea> <table width='100%' align='left' cellpadding=3 cellspacing=1 bgcolor='#FFF'> <tr> <td width="90%" height="40" bgcolor="#FFFFFF"> 验证码:<input name="key" type="text" class="inputText" size="16" /> <img src="https://www.zlme.com/e/ShowKey/?v=pl" width="60" align="absmiddle" name="plKeyImg" id="plKeyImg" onclick="plKeyImg.src='https://www.zlme.com/e/ShowKey/?v=pl&t='+Math.random()" title="看不清楚,点击刷新" /> </td> <td width="10%" height="40" bgcolor="#FFFFFF"> <input name="sumbit" type="submit" value="提交评论" tabindex="6" style="border-radius: 5px;font-size: 16px;background: #e94c3d none repeat scroll 0% 0%;border: 0px none;margin: 0px 0px;padding: 1px 16px;height: 33px;line-height: 30px;color: rgb(255, 255, 255);opacity: 0.95;"> <input name="id" type="hidden" id="id" value="78577" /> <input name="classid" type="hidden" id="classid" value="12" /> <input name="enews" type="hidden" id="enews" value="AddPl" /> <input name="repid" type="hidden" id="repid" value="0" /> <input type="hidden" name="ecmsfrom" value="http://www.zlme.com/post/2022/03/25/78577.html"> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table></form> <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF"> <tr> <td bgcolor="#FFFFFF" id="infocommentarea"></td> </tr> </table> <script src="https://www.zlme.com/e/extend/infocomment/commentajax.php?classid=12&id=78577"></script> </div> </div> </div> <aside class="speedbar-wrap"> <div class="speedbar"> <ul class="speedbar-menu"> <li><a target="_blank" href="/remen">热门排行</a></li> <li><a target="_blank" href="/tui">推荐阅读</a></li> <li><a target="_blank" href="/zan">点赞热门</a></li> <li><a target="_blank" href="/site_misc/about/">关于本站</a></li> <li><a target="_blank" href="/site_misc/ads/">联系信箱</a></li> <li><a target="_blank" href="/site_misc/team/">本站动态</a></li> <li><a target="_blank" href="/e/DoInfo/ChangeClass.php?mid=1">会员投稿</a></li> </ul> </aside> <aside class="sidebar"> <div class="widget widget_ui_ad"> <div class="item"><script src=https://www.zlme.com/d/js/acmsd/thea4.js></script></div> </div> <div class="widget article-social"> <a href="JavaScript:makeRequest('/e/public/digg/?classid=12&id=78577&dotop=1&doajax=1&ajaxarea=diggnum','EchoReturnedText','GET','');" class="action action-like"><i class="glyphicon glyphicon-thumbs-up"></i> (<span id="diggnum"><script src=https://www.zlme.com/e/public/ViewClick/?classid=12&id=78577&down=5></script></span>)</a> </div> <div class="widget widget_ui_viewposts"> <h3 class="title"><strong>热门阅读</strong></h3> <ul class="posts-xs"> <li class="item-1"><a href="http://www.zlme.com/post/2022/03/31/122241.html"><img src="https://www.zlme.com/e/extend/timthumb.php?src=/d/file/2022-07-29/c925a273fc6e2f0aa28424b32974a2dd.jpg&h=180&w=240&zc=1" data-src="https://www.zlme.com/e/extend/timthumb.php?src=/d/file/2022-07-29/c925a273fc6e2f0aa28424b32974a2dd.jpg&h=180&w=240&zc=1" class="thumb"/> <h2>优步注册司机条件要求,优步司机注册申请官网</h2> <p> <time>03-31</time> <span class="post-views">阅读(18629)</span></p> </a></li> <li class="item-1"><a href="http://www.zlme.com/post/2022/04/02/130207.html"><img src="https://www.zlme.com/e/extend/timthumb.php?src=http://img.cnmzd.com/d/file/2022-03-22-10/tu2eg2k4v42503150.jpg&h=180&w=240&zc=1" data-src="https://www.zlme.com/e/extend/timthumb.php?src=http://img.cnmzd.com/d/file/2022-03-22-10/tu2eg2k4v42503150.jpg&h=180&w=240&zc=1" class="thumb"/> <h2>海信电视开机广告怎么去除,教你两招去除开机广告教程</h2> <p> <time>04-02</time> <span class="post-views">阅读(6214)</span></p> </a></li> <li class="item-1"><a href="http://www.zlme.com/post/2020/01/01/99.html"><img src="https://www.zlme.com/e/extend/timthumb.php?src=/d/file/20140617/ohp0t3cqhps.jpg&h=180&w=240&zc=1" data-src="https://www.zlme.com/e/extend/timthumb.php?src=/d/file/20140617/ohp0t3cqhps.jpg&h=180&w=240&zc=1" class="thumb"/> <h2>有趣的玻璃树屋幼儿园,室内与室外完美融合</h2> <p> <time>01-12</time> <span class="post-views">阅读(5044)</span></p> </a></li> <li class="item-1"><a href="http://www.zlme.com/post/2022/04/01/124958.html"><img src="https://www.zlme.com/e/extend/timthumb.php?src=http://img.cnmzd.com/d/file/2022-03-22-01/mo3z3oktx2e429518.jpg&h=180&w=240&zc=1" data-src="https://www.zlme.com/e/extend/timthumb.php?src=http://img.cnmzd.com/d/file/2022-03-22-01/mo3z3oktx2e429518.jpg&h=180&w=240&zc=1" class="thumb"/> <h2>抖音用户有多少,2020年抖音用户数量</h2> <p> <time>04-01</time> <span class="post-views">阅读(4383)</span></p> </a></li> <li class="item-1"><a href="http://www.zlme.com/post/2020/01/01/138.html"><img src="https://www.zlme.com/e/extend/timthumb.php?src=/d/file/20140617/tzmycj441z0.jpg&h=180&w=240&zc=1" data-src="https://www.zlme.com/e/extend/timthumb.php?src=/d/file/20140617/tzmycj441z0.jpg&h=180&w=240&zc=1" class="thumb"/> <h2>英国一老头因无聊花10年修剪了长达45米的绿色龙雕塑</h2> <p> <time>06-17</time> <span class="post-views">阅读(2936)</span></p> </a></li> <li class="item-1"><a href="http://www.zlme.com/post/2022/04/03/133449.html"><img src="https://www.zlme.com/e/extend/timthumb.php?src=http://img.cnmzd.com/d/file/2022-03-22-05/lreqp3ovl2x456984.jpg&h=180&w=240&zc=1" data-src="https://www.zlme.com/e/extend/timthumb.php?src=http://img.cnmzd.com/d/file/2022-03-22-05/lreqp3ovl2x456984.jpg&h=180&w=240&zc=1" class="thumb"/> <h2>无线同屏器什么牌子好,10大高清无线投屏器排行榜</h2> <p> <time>04-03</time> <span class="post-views">阅读(2718)</span></p> </a></li> </ul> </div> <div class="widget widget_ui_ad"> <div class="item"><script src=https://www.zlme.com/d/js/acmsd/thea2.js></script></div> </div> <div class="widget widget_ui_tags"> <h3 class="title"><strong>热门话题</strong></h3> <div class="items"> <a title="4个话题" href="/e/tags/?tagname=让你">让你</a> <a title="3个话题" href="/e/tags/?tagname=教你">教你</a> <a title="3个话题" href="/e/tags/?tagname=又有">又有</a> <a title="2个话题" href="/e/tags/?tagname=河上">河上</a> <a title="2个话题" href="/e/tags/?tagname=带你">带你</a> <a title="2个话题" href="/e/tags/?tagname=世界上">世界上</a> <a title="2个话题" href="/e/tags/?tagname=微距">微距</a> <a title="1个话题" href="/e/tags/?tagname=无法下定决心">无法下定决心</a> <a title="1个话题" href="/e/tags/?tagname=却是难以持久的。有的人遇到事情就优柔寡断">却是难以持久的。有的人遇到事情就优柔寡断</a> <a title="1个话题" href="/e/tags/?tagname=用线">用线</a> <a title="1个话题" href="/e/tags/?tagname=史瑞克">史瑞克</a> <a title="1个话题" href="/e/tags/?tagname=现实中">现实中</a> <a title="1个话题" href="/e/tags/?tagname=用书">用书</a> <a title="1个话题" href="/e/tags/?tagname=这样的人有可能会一时取得显著的好成绩">这样的人有可能会一时取得显著的好成绩</a> <a title="1个话题" href="/e/tags/?tagname=塞纳">塞纳</a> <a title="1个话题" href="/e/tags/?tagname=不高兴的时候就垂头丧气">不高兴的时候就垂头丧气</a> <a title="1个话题" href="/e/tags/?tagname=能够独立思考和决策有的人容易激动而且高兴">能够独立思考和决策有的人容易激动而且高兴</a> <a title="1个话题" href="/e/tags/?tagname=万一真的被套牢了或出现了亏损等情况,这样">万一真的被套牢了或出现了亏损等情况,这样</a> <a title="1个话题" href="/e/tags/?tagname=泰坦">泰坦</a> <a title="1个话题" href="/e/tags/?tagname=因此千万不要以为自己可以成为常胜将军。要">因此千万不要以为自己可以成为常胜将军。要</a> <a title="1个话题" href="/e/tags/?tagname=句话">句话</a> <a title="1个话题" href="/e/tags/?tagname=的人">的人</a> <a title="1个话题" href="/e/tags/?tagname=之感">之感</a> <a title="1个话题" href="/e/tags/?tagname=要不要">要不要</a> <a title="1个话题" href="/e/tags/?tagname=更具">更具</a> <a title="1个话题" href="/e/tags/?tagname=更美好">更美好</a> <a title="1个话题" href="/e/tags/?tagname=聊聊什么类型的人更适合股票的投资每个人的">聊聊什么类型的人更适合股票的投资每个人的</a> <a title="1个话题" href="/e/tags/?tagname=可做">可做</a> <a title="1个话题" href="/e/tags/?tagname=小工具">小工具</a> <a title="1个话题" href="/e/tags/?tagname=你就可以">你就可以</a> </div> </div> <div class="widget widget_ui_posts"> <h3 class="title"><strong>特别推荐</strong></h3> <ul class="posts-xs"> <li class="item-"><a href="http://www.zlme.com/post/2020/01/01/119.html"><img src="https://www.zlme.com/e/extend/timthumb.php?src=/d/file/20140617/m4j0f4k4vhg.jpg&h=180&w=240&zc=1" data-src="https://www.zlme.com/e/extend/timthumb.php?src=/d/file/20140617/m4j0f4k4vhg.jpg&h=180&w=240&zc=1" class="thumb"/> <h2>充电宝能净化空气?EVE负离子移动电源有招</h2> <p> <time>06-17</time> <span class="post-views">阅读(1853)</span></p> </a></li> <li class="item-"><a href="http://www.zlme.com/post/2020/01/01/118.html"><img src="https://www.zlme.com/e/extend/timthumb.php?src=/d/file/20140617/sql3qrcnoyh.jpg&h=180&w=240&zc=1" data-src="https://www.zlme.com/e/extend/timthumb.php?src=/d/file/20140617/sql3qrcnoyh.jpg&h=180&w=240&zc=1" class="thumb"/> <h2>点亮插头 有效降低被触电的几率</h2> <p> <time>06-17</time> <span class="post-views">阅读(618)</span></p> </a></li> <li class="item-"><a href="http://www.zlme.com/post/2020/01/01/116.html"><img src="https://www.zlme.com/e/extend/timthumb.php?src=/d/file/20140617/0n41rcyvowj.jpg&h=180&w=240&zc=1" data-src="https://www.zlme.com/e/extend/timthumb.php?src=/d/file/20140617/0n41rcyvowj.jpg&h=180&w=240&zc=1" class="thumb"/> <h2>Hyper头盔带你走入另一个全新世界</h2> <p> <time>06-17</time> <span class="post-views">阅读(462)</span></p> </a></li> <li class="item-"><a href="http://www.zlme.com/post/2020/01/01/117.html"><img src="https://www.zlme.com/e/extend/timthumb.php?src=/d/file/20140617/lslvhmzbdjb.jpg&h=180&w=240&zc=1" data-src="https://www.zlme.com/e/extend/timthumb.php?src=/d/file/20140617/lslvhmzbdjb.jpg&h=180&w=240&zc=1" class="thumb"/> <h2>史上最有趣的24款手表 个个价值不菲</h2> <p> <time>06-17</time> <span class="post-views">阅读(771)</span></p> </a></li> <li class="item-"><a href="http://www.zlme.com/post/2020/01/01/115.html"><img src="https://www.zlme.com/e/extend/timthumb.php?src=/d/file/20140617/ieqldirikvh.jpg&h=180&w=240&zc=1" data-src="https://www.zlme.com/e/extend/timthumb.php?src=/d/file/20140617/ieqldirikvh.jpg&h=180&w=240&zc=1" class="thumb"/> <h2>可以一起动手做饭的烹饪桌 ENYO</h2> <p> <time>06-17</time> <span class="post-views">阅读(299)</span></p> </a></li> <li class="item-"><a href="http://www.zlme.com/post/2020/01/01/114.html"><img src="https://www.zlme.com/e/extend/timthumb.php?src=/d/file/20140617/nbyoss4orpa.jpg&h=180&w=240&zc=1" data-src="https://www.zlme.com/e/extend/timthumb.php?src=/d/file/20140617/nbyoss4orpa.jpg&h=180&w=240&zc=1" class="thumb"/> <h2>利用错觉设计的3D立体灯泡</h2> <p> <time>06-17</time> <span class="post-views">阅读(261)</span></p> </a></li> </ul> </div> </aside> </section> <footer class="footer"> © 2020 <a href="https://www.zlme.com/">知乐空间</a>   感谢 <a href="https://zlme.com" target="_blank">知乐网</a> 技术支持   <a href="https://beian.miit.gov.cn/" target="_blank"></a> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?a3da7d2f01cb19eca8eeef883b28b3c4"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script></footer> <script> var jsui={ uri: '/skin/ecms009' }; </script> <!--ADD_CODE_FOOTER_START--> <!--ADD_CODE_FOOTER_END--> <script type='text/javascript' src='/skin/ecms009/js/one.js?ver=5.6'></script> </body> </html>