简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > html 文档结构,标签/列表/链接
Blogger Information
Blog 17
fans 0
comment 0
visits 6184
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
html 文档结构,标签/列表/链接
生活需要加油
Original
246 people have browsed it

html 文档结构,标签/列表/链接

1. 文档类型元素

  1. <!DOCTYPE html>

2. 根元素

  • 浏览器渲染 html 的起点,入口
  • lang=”zh-CN”: 属性,标签的特征,用”键(lang),值(zh-CN)对”的方式来表示
  1. <html lang="zh-CN">

2.1 头元素

  • 浏览器, 搜索引擎 SEO
  1. <head>

2.1.1 元标签,中介,媒婆

  • 页面编码
  1. <meta charset="utf-8" />
  • 兼容模式: 多余的
  1. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  • 视口设置: 视口(可视窗口), 375px 375px
  1.    <meta name="viewport" content="width=device-width,initial-scale=1.0" />

-页面标题

  1.    <title>我的作业</title>
  • 页面主题
    1. <body>
    2. </body>

3. 标签/列表/链接

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>Document</title>
  8.   </head>
  9.   <body>
  10.     <div id="header">页眉</div>
  11.     <div id="main">主体</div>
  12.     <div id="footer">页脚</div>
  13.     <hr />
  14.     <header>页眉</header>
  15.     <main>主体</main>
  16.     <footer>页脚</footer>
  17.     <hr />
  18.     <div class="artical header">文章头部</div>
  19.     <div class="article main">文章主体</div>
  20.     <div class="artical footer">文章底部</div>
  21.     <ul>
  22.       <li>
  23.         <a
  24.           href="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png"
  25.           ><img
  26.             src="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png"
  27.             alt="php.cn22期0113作业"
  28.             width="400"
  29.         /></a>
  30.       </li>
  31.       <li>
  32.         <a
  33.           href="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png"
  34.           ><img
  35.             src="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png"
  36.             alt="php.cn22期0113作业"
  37.             width="400"
  38.         /></a>
  39.       </li>
  40.       <li>
  41.         <a
  42.           href="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png"
  43.           ><img
  44.             src="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png"
  45.             alt="php.cn22期0113作业"
  46.             width="400"
  47.         /></a>
  48.       </li>
  49.     </ul>
  50.   </body>
  51. </html>
Correcting teacher：PHPzPHPz

Correction status：qualified

Teacher's comments：完成的不错，继续加油
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！