简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Home
Article
Q&A
Course
Topic
Download
Game
Dictionary
Recent Updates

博客列表 >html文档结构及常用元素

html文档结构及常用元素

金牌马甲
金牌马甲原创
2020年08月05日 11:35:15795浏览
  1. <!-- 声明，本文档为html文档 -->
  2. <!DOCTYPE html>
  3. <!-- html：根元素；lang属性：声明文档语言 -->
  4. <html lang="en">
  5.   <!-- head：头部元素，供浏览器和搜索引擎使用   -->
  6.   <head>
  7.     <!-- 当前文档使用的字符编码集   -->
  8.     <meta charset="UTF-8" />
  9.     <!-- 视口 -->
  10.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  11.     <!-- 页面标题 -->
  12.     <title>html文档结构</title>
  13.   </head>
  14.   <!-- 主体内容，呈现给用户 -->
  15.   <body>
  16.     <!-- 头部 -->
  17.     <header>
  18.       <nav>
  19.         <a href="http://www.taobao.com" target="_blank">index</a>
  20.         <a href="http://www.baidu.com">about us</a>
  21.         <a href="http://www.php.cn">News</a>
  22.         <a href="0725.md" download="0725.md">production</a>
  23.         <a href="#anchor">cooperative partner</a>
  24.         <a href="tel:1391****075" >contact</a>
  25.         <a href="mailto:85341020@qq.com">join us</a>
  26.       </nav>
  27.     </header>
  28.     <!-- 主体内容 -->
  29.     <main>
  30.       <p>这是周末班<br>第一堂课</p>
  31.       <!-- 无序列表 -->
  32.       <ul>
  33.         <li><address>SuZhou</address></a></li>
  34.         <li><address>HeFei</address></a></li>
  35.         <li><address>BeiJing</address></a></li>
  36.       </ul>
  37.       <!-- 有序列表 -->
  38.       <ol start="3">
  39.         <li><span><strong>Html</strong></span></li>
  40.         <li><span>CSS</span></li>
  41.         <li><span>JavaScript</span></li>
  42.       </ol>
  43.     </main>
  44.     <!-- 底部 -->
  45.     <footer>
  46.       <section class="ads">广告</section>
  47.       <article class="recommed">推荐</article>
  48.       <!-- 自定义列表 -->
  49.       <dl>
  50.         <!-- 列表标题 -->
  51.         <dt>PHP</dt>
  52.         <!-- 列表内容 -->
  53.         <dd>一直作为Web开发中的统治力量而存在</dd>
  54.         <dd>在Web服务端开发领域，全球份额始终保持在78%以上</dd>
  55.       </dl>
  56.       <p style="margin-top: 1920px;" id="anchor" ><a href="#">返回顶部</a>    </p>
  57.     </footer>
  58.   </body>
  59. </html>
上一条：MVC与常用设计模式下一条：仿php.cn分页，并实现数据编辑及删除
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议