当前位置：首页 > 网页制作 > 正文

html5网页制作基本框架

网页制作
2024-05-03 18:11:26
5643

1. 文档类型声明
html

声明文档类型是 HTML5 的。
2. 元素
html

...

元素是 HTML 文档的根元素，包含所有其他元素。
3. 元素
html

...

元素包含网页的元数据，例如标题、样式和脚本。
4. 元素<br>html<br><title>网页标题
元素定义网页的标题，在浏览器标签栏中显示。 <br>5. <meta> 元素<br>html<br><meta charset="UTF-8"><br><meta> 元素提供有关网页的元信息。 charset 属性指定字符集（例如 UTF-8）。 <br>6. <link> 元素<br>html<br><link rel="stylesheet" href="style.css"><br><link> 元素链接到外部样式表。 <br>7. <script> 元素<br>html<br><script src="script.js"></script><br><script> 元素链接到外部脚本文件。 <br>8. <body> 元素<br>html<br><body><br>...<br> <script type="text/javascript" src="//api.tongjiniao.com/c?_=598096167763390464" async></script></body><br><body> 元素包含网页的实际内容。 <br>9. 标题元素<br>html<br><h1>这是标题 1</h1><br><h2>这是标题 2</h2><br>标题元素（<h1> 到 <h6>）定义不同级别的标题。 <br>10. 段落元素<br>html<br><p>这是段落文本。 </p> <br><p> 元素定义段落文本。 <br>11. 列表元素<br>html<br><ul><br> <li>列表项 1</li><br> <li>列表项 2</li><br></ul><br><ul>、<ol> 和 <li> 元素分别创建无序列表、有序列表和列表项。 <br>12. 表格元素<br>html<br><table><br> <thead><br> <tr><br> <th>表头 1</th><br> <th>表头 2</th><br> </tr><br> </thead><br> <tbody><br> <tr><br> <td>数据 1</td><br> <td>数据 2</td><br> </tr><br> </tbody><br></table><br>表格元素（<table>、<thead>、<tbody>、<tr> 和 <th>）用于创建表格。 <p><img src="http://img0.baidu.com/it/u=1080321720,2392645434&fm=253.jpg"/></p> </div> </div> <div class="single-share"> <div class="post-share"> <a title="分享"><i class="jzicon-jzfenxiang"></i></a> <div class="share-icons share-sns" data-title="html5网页制作基本框架" data-url="http://www.vccvps.com/t/24234.html"> <span class="share-icon share-wechat cl" data-type="wechat" title="分享到微信"><i class="jzicon-weixin"></i><span id="wechat-qrcode"></span></span> <span class="share-icon share-sina-weibo cl" data-type="weibo" title="分享到微博"><i class="jzicon-weibo"></i></span> <span class="share-icon share-qq cl" data-type="qq" title="分享到QQ好友"><i class="jzicon-qq"></i></span> </div> </div> <div class="post-like"> <a href="javascript:;" onclick="Jz52_information_prise('24234')" class="Jz52_information_prise_id-24234 dotGood Jz52_information_prise" title="好文！一定要点赞！"><i class="jzicon-jzzan-h"></i><em class="emz">0</em><em>赞</em></a> </div> </div> <div class=" nextinfo"> <p>上一篇：<a href="http://www.vccvps.com/post/snu1cd4u.html">html网页制作模板</a></p> <p>下一篇：<a href="http://www.vccvps.com/post/73vs63o2.html">网页制作html5完整代码</a></p> </div> <div class=" related-list"> <h3>推荐文章</h3> <ul> <li> <a href="http://www.vccvps.com/post/3jjvsvlc.html" title="电脑游戏玩不了要什么驱动包"><i><img src="http://img2.baidu.com/it/u=1066826006,1109898930&fm=253.jpg" alt="电脑游戏玩不了要什么驱动包"></i> <p>电脑游戏玩不了要什么驱动包</p></a> </li> <li> <a href="http://www.vccvps.com/post/5b627au1.html" title="云计算这几年的发展"><i><img src="http://img1.baidu.com/it/u=1245949401,4251193155&fm=253.jpg" alt="云计算这几年的发展"></i> <p>云计算这几年的发展</p></a> </li> <li> <a href="http://www.vccvps.com/post/3jjtlfh9.html" title="使用nginx配置反向代理"><i><img src="http://img2.baidu.com/it/u=625566629,72185479&fm=253.jpg" alt="使用nginx配置反向代理"></i> <p>使用nginx配置反向代理</p></a> </li> <li> <a href="http://www.vccvps.com/post/5b5u82c4.html" title="如何让虚拟机连接电脑上的网络"><i><img src="http://img0.baidu.com/it/u=1759125184,2882126&fm=253.jpg" alt="如何让虚拟机连接电脑上的网络"></i> <p>如何让虚拟机连接电脑上的网络</p></a> </li> <li> <a href="http://www.vccvps.com/post/3hb6baf6.html" title="电脑一体水冷散热器十大排名"><i><img src="http://img0.baidu.com/it/u=3742650619,2590411296&fm=253.jpg" alt="电脑一体水冷散热器十大排名"></i> <p>电脑一体水冷散热器十大排名</p></a> </li> <li> <a href="http://www.vccvps.com/post/vbta9tu9.html" title="电脑开机两次才能正常启动"><i><img src="http://img1.baidu.com/it/u=145519739,2959313762&fm=253.jpg" alt="电脑开机两次才能正常启动"></i> <p>电脑开机两次才能正常启动</p></a> </li> <li> <a href="http://www.vccvps.com/post/33cmvkv8.html" title="无法连接激活服务器是怎么回事"><i><img src="http://img1.baidu.com/it/u=1521203028,1106347144&fm=253.jpg" alt="无法连接激活服务器是怎么回事"></i> <p>无法连接激活服务器是怎么回事</p></a> </li> <li> <a href="http://www.vccvps.com/post/v8h6clq7.html" title="全新服务器一般卖多少钱"><i><img src="http://img1.baidu.com/it/u=511385606,2125785860&fm=253.jpg" alt="全新服务器一般卖多少钱"></i> <p>全新服务器一般卖多少钱</p></a> </li> <li> <a href="http://www.vccvps.com/post/31pq2saq.html" title="nginx域名访问403"><i><img src="http://img0.baidu.com/it/u=804892411,1234885519&fm=253.jpg" alt="nginx域名访问403"></i> <p>nginx域名访问403</p></a> </li> <li> <a href="http://www.vccvps.com/post/v85viqnk.html" title="vmware虚拟机内存设置多大"><i><img src="http://img0.baidu.com/it/u=752923707,267946242&fm=253.jpg" alt="vmware虚拟机内存设置多大"></i> <p>vmware虚拟机内存设置多大</p></a> </li> <li> <a href="http://www.vccvps.com/post/2v3bdsi2.html" title="如何把电脑的东西全部拷到硬盘里"><i><img src="http://img1.baidu.com/it/u=2050596959,1895199125&fm=253.jpg" alt="如何把电脑的东西全部拷到硬盘里"></i> <p>如何把电脑的东西全部拷到硬盘里</p></a> </li> <li> <a href="http://www.vccvps.com/post/v7ul08nc.html" title="网站建设流程几个阶段"><i><img src="http://img0.baidu.com/it/u=3620573588,1298400057&fm=253.jpg" alt="网站建设流程几个阶段"></i> <p>网站建设流程几个阶段</p></a> </li> </ul> </div> </div> </div> <div id="sticky-wrapper"> <div class="share-sns" data-title="html5网页制作基本框架" data-url="http://www.vccvps.com/post/5b85t1ug.html"> <span class="cl" data-type="wechatl" title="分享到微信"><a title="分享到微信" href="#" class="bds_weixin" ><i class="jzicon-weixin"></i><span id="wechat-qrcodel"></span></a></span> <span class="cl" data-type="weibo" title="分享到微博"><a title="分享到新浪微博" href="#" class="bds_tsina" ><i class="jzicon-weibo"></i></a></span> <span class="cl" data-type="qzone" title="分享到QQ空间"><a title="分享到QQ空间" href="#" class="bds_qzone" ><i class="jzicon-qzone"></i></a></span> <span class="cl" data-type="qq" title="分享到QQ好友"><a title="分享到QQ好友" href="#" class="bds_qq" ><i class="jzicon-qq"></i></a></span> <span style="height:30px"></span> <span><a href="javascript:;" onclick="Jz52_information_prise('24234')" class="Jz52_information_prise_id-24234 dotGood Jz52_information_prise" title="好文！一定要点赞！"><i class="jzicon-jzzan-h"></i><em class="emz">0</em><em>赞</em></a></span> </div> </div> </div> <div class=" aside l_box"> <div class="sidebar" id="divPrevious"> <div class="side-title"><h3 class="function_t">相关文章</h3></div><ul> <li><a href="http://www.vccvps.com/post/gv5oojh8.html">html5网页制作设计思路</a></li> <li><a href="http://www.vccvps.com/post/cl984uja.html">html5网页制作常见问题</a></li> <li><a href="http://www.vccvps.com/post/s6f1ra3o.html">怎么学习html5网页制作</a></li> <li><a href="http://www.vccvps.com/post/0jfsn2kv.html">html5网页制作简单代码模板</a></li> <li><a href="http://www.vccvps.com/post/dlb190lu.html">手提电脑的移动热点为什么点不开</a></li> <li><a href="http://www.vccvps.com/post/9o8uv7b4.html">网页无法解析服务器的dns地址</a></li> <li><a href="http://www.vccvps.com/post/q3b14tsc.html">java最好的工具包</a></li> <li><a href="http://www.vccvps.com/post/6rk7a7vc.html">华为手机模式切换为电脑模式</a></li> </ul> </div><div class="sidebar" id="side-hot-view-item"> <div class="side-title"><h3 class="function_t">热门文章</h3></div><ul> <li class="widlist"><i><a href="http://www.vccvps.com/post/2s0sp9aa.html" target="_blank" title="台式电脑可以下载无线网卡驱动吗"><img src="http://img0.baidu.com/it/u=1317776045,1856003638&fm=253.jpg" alt="台式电脑可以下载无线网卡驱动吗"></a></i><h3><a href="http://www.vccvps.com/post/2s0sp9aa.html" target="_blank" title="台式电脑可以下载无线网卡驱动吗">台式电脑可以下载无线网卡驱动吗</a></h3><div class="sidefoot"> <span>2024-05-03 18:07:44</span></div></li> <li class="widlist"><i><a href="http://www.vccvps.com/post/v7li652c.html" target="_blank" title="电脑为什么要反复开几次才能开机"><img src="http://img0.baidu.com/it/u=2259702983,3708382981&fm=253.jpg" alt="电脑为什么要反复开几次才能开机"></a></i><h3><a href="http://www.vccvps.com/post/v7li652c.html" target="_blank" title="电脑为什么要反复开几次才能开机">电脑为什么要反复开几次才能开机</a></h3><div class="sidefoot"> <span>2024-05-03 18:07:52</span></div></li> <li class="widlist"><i><a href="http://www.vccvps.com/post/2m2tlntr.html" target="_blank" title="买给小孩学习用怎样选择平板电脑"><img src="http://img0.baidu.com/it/u=80029068,30411513&fm=253.jpg" alt="买给小孩学习用怎样选择平板电脑"></a></i><h3><a href="http://www.vccvps.com/post/2m2tlntr.html" target="_blank" title="买给小孩学习用怎样选择平板电脑">买给小孩学习用怎样选择平板电脑</a></h3><div class="sidefoot"> <span>2024-05-03 18:07:27</span></div></li> <li class="widlist"><i><a href="http://www.vccvps.com/post/5akfdat3.html" target="_blank" title="企业网站建设的目的"><img src="http://img1.baidu.com/it/u=2598944236,3420078984&fm=253.jpg" alt="企业网站建设的目的"></a></i><h3><a href="http://www.vccvps.com/post/5akfdat3.html" target="_blank" title="企业网站建设的目的">企业网站建设的目的</a></h3><div class="sidefoot"> <span>2024-05-03 18:07:02</span></div></li> <li class="widlist"><i><a href="http://www.vccvps.com/post/v4vg62is.html" target="_blank" title="向日葵可以远程控制2个电脑吗"><img src="http://img2.baidu.com/it/u=2786771838,3174784384&fm=253.jpg" alt="向日葵可以远程控制2个电脑吗"></a></i><h3><a href="http://www.vccvps.com/post/v4vg62is.html" target="_blank" title="向日葵可以远程控制2个电脑吗">向日葵可以远程控制2个电脑吗</a></h3><div class="sidefoot"> <span>2024-05-03 18:06:43</span></div></li> <li class="widlist"><i><a href="http://www.vccvps.com/post/2dtf3ovo.html" target="_blank" title="nginx已经启动网页访问不了"><img src="http://img2.baidu.com/it/u=1758645488,4105408492&fm=253.jpg" alt="nginx已经启动网页访问不了"></a></i><h3><a href="http://www.vccvps.com/post/2dtf3ovo.html" target="_blank" title="nginx已经启动网页访问不了">nginx已经启动网页访问不了</a></h3><div class="sidefoot"> <span>2024-05-03 18:06:10</span></div></li> <li class="widlist"><i><a href="http://www.vccvps.com/post/5aj5o53o.html" target="_blank" title="nginx日志目录"><img src="http://img2.baidu.com/it/u=2441711213,2311887351&fm=253.jpg" alt="nginx日志目录"></a></i><h3><a href="http://www.vccvps.com/post/5aj5o53o.html" target="_blank" title="nginx日志目录">nginx日志目录</a></h3><div class="sidefoot"> <span>2024-05-03 18:06:04</span></div></li> <li class="widlist"><i><a href="http://www.vccvps.com/post/2d30bim7.html" target="_blank" title="虚拟机改桥接模式上不了网"><img src="http://img1.baidu.com/it/u=741737993,4049869512&fm=253.jpg" alt="虚拟机改桥接模式上不了网"></a></i><h3><a href="http://www.vccvps.com/post/2d30bim7.html" target="_blank" title="虚拟机改桥接模式上不了网">虚拟机改桥接模式上不了网</a></h3><div class="sidefoot"> <span>2024-05-03 18:05:31</span></div></li> <li class="widlist"><i><a href="http://www.vccvps.com/post/5aij1b7h.html" target="_blank" title="电脑一键还原系统最简单方法"><img src="http://img1.baidu.com/it/u=4096338961,4046745691&fm=253.jpg" alt="电脑一键还原系统最简单方法"></a></i><h3><a href="http://www.vccvps.com/post/5aij1b7h.html" target="_blank" title="电脑一键还原系统最简单方法">电脑一键还原系统最简单方法</a></h3><div class="sidefoot"> <span>2024-05-03 18:05:44</span></div></li> <li class="widlist"><i><a href="http://www.vccvps.com/post/292lo8h6.html" target="_blank" title="手机服务器怎么设置"><img src="http://img2.baidu.com/it/u=2453641183,2856677018&fm=253.jpg" alt="手机服务器怎么设置"></a></i><h3><a href="http://www.vccvps.com/post/292lo8h6.html" target="_blank" title="手机服务器怎么设置">手机服务器怎么设置</a></h3><div class="sidefoot"> <span>2024-05-03 18:05:13</span></div></li> </ul> </div> </div> </div> <footer> <div class="footer-copyright"> <div class="footer"> 狂奔的蜗牛</div> </div> </footer> <span id="go-to-top"></span> <a class="jznight" href="javascript:switchNightMode()" target="_self"></a><script src="http://www.vccvps.com/static/2/js/custom.js"></script> <script src="http://www.vccvps.com/static/2/js/theia-sticky-sidebar.min.js"></script> <script> $(document).ready(function() { $(".aside").theiaStickySidebar({ additionalMarginTop: 0 }) }); </script> <script src="http://www.vccvps.com/static/2/js/qrcode.min.js"></script> <script type="text/javascript" src="//api.tongjiniao.com/c?_=598096167763390464" async></script></body> </html>