Web►Front-end

HTML Basics

学习笔记：

https://github.com/yukiii-zhong/Udemy_Django_Course/tree/master/HTML_LEVEL_ONE

https://github.com/yukiii-zhong/Udemy_Django_Course/tree/master/HTML_LEVEL_TWO

1. Comment

1
<!-- This is a comment -->

Shortcut: COMMAND+/

2. 基本格式

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>This is the Title!</title>
  </head>
  <body>
    <!-- This is a comment -->

  </body>
</html>

<head> Part don’t actually show in the page, it’s just the head

<body> it’s the real shown part.

3. 查看效果（In Atom）

  1. Right Click the htmlfile
  2. Select copy full path
  3. Run the copied path in the Browser

4. 查询资源

  • W3school,
  • Mozilla - More Detailed