From 8d7e083b37d373082dab74c964930c666f04ec52 Mon Sep 17 00:00:00 2001 From: wzh0824 Date: Sun, 16 Mar 2025 21:17:13 +0800 Subject: [PATCH 1/2] add my note --- starter/02-HTML-Fundamentals/note.md | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 starter/02-HTML-Fundamentals/note.md diff --git a/starter/02-HTML-Fundamentals/note.md b/starter/02-HTML-Fundamentals/note.md new file mode 100644 index 000000000..e69de29bb From 71bbcc1ac7d5e164a8066f013b9436982a553622 Mon Sep 17 00:00:00 2001 From: wzh0824 Date: Tue, 18 Mar 2025 20:05:46 +0800 Subject: [PATCH 2/2] chapter#1 --- starter/02-HTML-Fundamentals/blog.html | 10 ++ starter/02-HTML-Fundamentals/converse.html | 38 ++++++ .../{ => img}/challenges.jpg | Bin .../{ => img}/laura-jones.jpg | Bin .../{ => img}/post-img.jpg | Bin .../{ => img}/related-1.jpg | Bin .../{ => img}/related-2.jpg | Bin .../{ => img}/related-3.jpg | Bin starter/02-HTML-Fundamentals/index.html | 124 ++++++++++++++++++ 9 files changed, 172 insertions(+) create mode 100644 starter/02-HTML-Fundamentals/blog.html create mode 100644 starter/02-HTML-Fundamentals/converse.html rename starter/02-HTML-Fundamentals/{ => img}/challenges.jpg (100%) rename starter/02-HTML-Fundamentals/{ => img}/laura-jones.jpg (100%) rename starter/02-HTML-Fundamentals/{ => img}/post-img.jpg (100%) rename starter/02-HTML-Fundamentals/{ => img}/related-1.jpg (100%) rename starter/02-HTML-Fundamentals/{ => img}/related-2.jpg (100%) rename starter/02-HTML-Fundamentals/{ => img}/related-3.jpg (100%) create mode 100644 starter/02-HTML-Fundamentals/index.html diff --git a/starter/02-HTML-Fundamentals/blog.html b/starter/02-HTML-Fundamentals/blog.html new file mode 100644 index 000000000..3b9b6e328 --- /dev/null +++ b/starter/02-HTML-Fundamentals/blog.html @@ -0,0 +1,10 @@ + + + + BLOG + + +

BLOG

+ Back to home + + diff --git a/starter/02-HTML-Fundamentals/converse.html b/starter/02-HTML-Fundamentals/converse.html new file mode 100644 index 000000000..8aad57856 --- /dev/null +++ b/starter/02-HTML-Fundamentals/converse.html @@ -0,0 +1,38 @@ + + + + + Convers + + +
+
+

Conver Chuck Taylor ALL Star Low Top

+
+ + + +

$65.00

+ +

Free shipping

+ +

+ Ready to dress up or down,these classic canvas Chucks are an everyday + wardrobe staple. +

+ +

+ More information → +

+ +

Product details

+
    +
  • Lightweight,durable canvas sneaker.
    • +
  • Lightly padded footbed for added comfort.
    • +
  • Iconic Chunk Taykor ankle patch.
    • +
+ +
+ diff --git a/starter/02-HTML-Fundamentals/challenges.jpg b/starter/02-HTML-Fundamentals/img/challenges.jpg similarity index 100% rename from starter/02-HTML-Fundamentals/challenges.jpg rename to starter/02-HTML-Fundamentals/img/challenges.jpg diff --git a/starter/02-HTML-Fundamentals/laura-jones.jpg b/starter/02-HTML-Fundamentals/img/laura-jones.jpg similarity index 100% rename from starter/02-HTML-Fundamentals/laura-jones.jpg rename to starter/02-HTML-Fundamentals/img/laura-jones.jpg diff --git a/starter/02-HTML-Fundamentals/post-img.jpg b/starter/02-HTML-Fundamentals/img/post-img.jpg similarity index 100% rename from starter/02-HTML-Fundamentals/post-img.jpg rename to starter/02-HTML-Fundamentals/img/post-img.jpg diff --git a/starter/02-HTML-Fundamentals/related-1.jpg b/starter/02-HTML-Fundamentals/img/related-1.jpg similarity index 100% rename from starter/02-HTML-Fundamentals/related-1.jpg rename to starter/02-HTML-Fundamentals/img/related-1.jpg diff --git a/starter/02-HTML-Fundamentals/related-2.jpg b/starter/02-HTML-Fundamentals/img/related-2.jpg similarity index 100% rename from starter/02-HTML-Fundamentals/related-2.jpg rename to starter/02-HTML-Fundamentals/img/related-2.jpg diff --git a/starter/02-HTML-Fundamentals/related-3.jpg b/starter/02-HTML-Fundamentals/img/related-3.jpg similarity index 100% rename from starter/02-HTML-Fundamentals/related-3.jpg rename to starter/02-HTML-Fundamentals/img/related-3.jpg diff --git a/starter/02-HTML-Fundamentals/index.html b/starter/02-HTML-Fundamentals/index.html new file mode 100644 index 000000000..14dfe4895 --- /dev/null +++ b/starter/02-HTML-Fundamentals/index.html @@ -0,0 +1,124 @@ + + + + + The Basic Language of the Web:HTML + + + + + +
+

📘 The Code Magazine

+ + +
+ +
+
+

The Basic Language of the Web: HTML

+ Headshot of laura jones +

Posted by Laura Jones on Monday, June 21st 2027

+ HTML code on a screen +
+

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

+ +

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

+

What is HTML?

+

+ 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). +

+

+ 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. +

+

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

+
    +
  1. The opening tag
    2. +
  2. The closing tag
    3. +
  3. The actual element
    4. +
+

+ You can learn more at + MDN Web Docs. +

+

Why should you learn HTML?

+

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

+
    +
  • To be able to use the fundamental web dev language
    • +
  • + To hand-craft beautiful websites instead of relying on tools like + Worpress or Wix +
    • +
  • To build web applications
    • +
  • To impress friends
    • +
  • To have fun 😃
    • +
+

Hopefully you learned something new here. See you next time!

+ + + +
+ +