跳转至

H5

Learning Resources

  • basics
    • https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics
    • https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
    • https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics
  • guides
    • https://developer.mozilla.org/en-US/docs/Learn/HTML/
    • https://developer.mozilla.org/en-US/docs/Learn/CSS/
    • https://developer.mozilla.org/en-US/docs/Learn/JavaScript/
  • references
    • https://developer.mozilla.org/en-US/docs/Web/JavaScript
    • https://developer.mozilla.org/en-US/docs/Web/API

HTML basic

HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <!-- icon 的 href 给一个 64x64 的 png 就可以了，会在浏览器的 tab 显示 -->
    <link rel="icon" href="..." />
    <!-- title 会在浏览器的 tab 中显示 -->
    <title>...</title>
    <meta name="author" content="..." />
    <!-- description 会在搜索引擎的搜索首页出现在标题下方 -->
    <meta name="description" content="..." />
    <!-- 不需要 keywords，因为搜索引擎不看 -->
  </head>
</html>

elements

<span> 框起来文字，<div> 框起来很多元素、一个 block