Skip to content

Commit 9ec5be4

Browse files
张欧文张欧文
张欧文
authored and
张欧文
committed
semantical html
1 parent f8fd6ea commit 9ec5be4

File tree

5 files changed

+93
-17
lines changed

5 files changed

+93
-17
lines changed

‎final/.DS_Store

6 KB
Binary file not shown.

‎starter/.DS_Store

0 Bytes
Binary file not shown.

‎starter/02-HTML-Fundamentals/blog.html

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
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>Blog</title>
8+
</head>
9+
<body>
10+
<h2>BLOG</h2>
11+
<a href="index.html">back</a>
12+
</body>
13+
</html>

‎starter/02-HTML-Fundamentals/content.txt

Lines changed: 3 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -4,31 +4,17 @@ The Basic Language of the Web: HTML
44

55
Posted by Laura Jones on Monday, June 21st 2027
66

7-
All modern websites and web applications are built using three fundamental technologies: HTML, CSS and JavaScript. These are the languages of the web.
87

9-
In this post, let's focus on HTML. We will learn what HTML is all about, and why you too should learn it.
8+
9+
1010

1111
What is HTML?
1212

13-
HTML stands for HyperText Markup Language. It's a markup language that web developers use to structure and describe the content of a webpage (not a programming language).
1413

15-
HTML consists of elements that describe different types of content: paragraphs, links, headings, images, video, etc. Web browsers understand HTML and render HTML code as websites.
1614

17-
In HTML, each element is made up of 3 parts:
1815

19-
The opening tag
20-
The closing tag
21-
The actual element
22-
You can learn more at the MDN Web Docs.
2316

24-
Why should you learn HTML?
2517

26-
There are countless reasons for learning the fundamental language of the web. Here are 5 of them:
2718

28-
To be able to use the fundamental web dev language
29-
To hand-craft beautiful websites instead of relying on tools like Worpress or Wix
30-
To build web applications
31-
To impress friends
32-
To have fun 😃
3319

34-
Hopefully you learned something new here. See you next time!
20+

‎starter/02-HTML-Fundamentals/index.html

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>HTML第一课：基础级别（嘿嘿）</title>
6+
</head>
7+
8+
<body>
9+
<header>
10+
<h1>📘 The Code Magazine</h1>
11+
12+
<nav>
13+
<a href="blog.html" target="_blank">Blog</a>
14+
<a href="#" target="_blank">Challenage</a>
15+
<a href="#" target="_blank">Flexbox</a>
16+
<a href="#" target="_blank">CSS Grid</a>
17+
</nav>
18+
</header>
19+
20+
<article>
21+
<h2>The Basic Language of the Web: HTML</h2>
22+
<img src="laura-jones.jpg" alt="图片炸了" width="50" height="50" />
23+
<p>Posted by <strong>Laura Jones</strong> on Monday, June 21st 2027</p>
24+
<img src="post-img.jpg" alt="图片炸了" width="500" height="200" />
25+
<p>
26+
All modern websites and web applications are built using three
27+
<em>fundamental</em>
28+
technologies: HTML, CSS and JavaScript. These are the languages of the
29+
web.
30+
</p>
31+
<p>
32+
In this post, let's focus on HTML. We will learn what HTML is all about,
33+
and why you too should learn it.
34+
</p>
35+
<h3>What is HTML?</h3>
36+
<p>
37+
HTML stands for <b>H</b>yper<b>T</b>ext <b>M</b>arkup <b>L</b>anguage.
38+
It's a markup language that web developers use to structure and describe
39+
the content of a webpage (not a programming language).
40+
</p>
41+
42+
<p>
43+
HTML consists of elements that describe different types of content:
44+
paragraphs, links, headings, images, video, etc. Web browsers understand
45+
HTML and render HTML code as websites.
46+
</p>
47+
<p>In HTML, each element is made up of 3 parts:</p>
48+
<ol>
49+
<li>The opening tag</li>
50+
<li>The closing tag</li>
51+
<li>The actual element</li>
52+
</ol>
53+
<p>
54+
You can learn more at the
55+
<a href="https://www.baidu.com" target="_blank">MDN Web Docs.</a>
56+
</p>
57+
<h3>Why should you learn HTML?</h3>
58+
<p>
59+
There are countless reasons for learning the fundamental language of the
60+
web. Here are 5 of them:
61+
</p>
62+
63+
<ul>
64+
<li>To be able to use the fundamental web dev language</li>
65+
<li>
66+
To hand-craft beautiful websites instead of relying on tools like
67+
Worpress or Wix
68+
</li>
69+
<li>To build web applications</li>
70+
<li>To impress friends</li>
71+
<li>To have fun 😃</li>
72+
</ul>
73+
74+
<p>Hopefully you learned something new here. See you next time!</p>
75+
</article>
76+
</body>
77+
</html>

0 commit comments

Comments
 (0)