Skip to content

Commit ea9bc24

Browse files
AbernachyAbernachy
authored
Merge pull request #1 from Aber-Learningforks/lessons/1
started lesson 1
2 parents 10de6bc + 43a3497 commit ea9bc24

File tree

9 files changed

+93
-0
lines changed

9 files changed

+93
-0
lines changed

‎projectfolder/02-HTML-Fundamentals/challenges.jpg

120 KB
Loading

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

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
📘 The Code Magazine
2+
3+
The Basic Language of the Web: HTML
4+
5+
Posted by Laura Jones on Monday, June 21st 2027
6+
7+
All modern websites and web applications are built using three fundamental technologies: HTML, CSS and JavaScript. These are the languages of the web.
8+
9+
In this post, let's focus on HTML. We will learn what HTML is all about, and why you too should learn it.
10+
11+
What is HTML?
12+
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).
14+
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.
16+
17+
In HTML, each element is made up of 3 parts:
18+
19+
The opening tag
20+
The closing tag
21+
The actual element
22+
You can learn more at the MDN Web Docs.
23+
24+
Why should you learn HTML?
25+
26+
There are countless reasons for learning the fundamental language of the web. Here are 5 of them:
27+
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 😃
33+
34+
Hopefully you learned something new here. See you next time!

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

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>The Basic Langauge of The Web: HTML</title>
5+
</head>
6+
<body>
7+
<!-- Comment Block, this his how you do comments in html-->
8+
<h1>📘 The Code Magazine</h1>
9+
<h2>The Basic Langauge of The Web: HTML</h2>
10+
<p>Posted by <strong>Laura Jones </strong> on Monday, June 21st 2027</p>
11+
<p>
12+
All modern websites and web applications are built using three <em>fundamental</em> technologies: HTML, CSS and
13+
JavaScript. These are the languages of the web.
14+
</p>
15+
<p>In this post, let's focus on HTML. We will learn what HTML is all about, and why you too should learn it.</p>
16+
<h3>What is HTML?</h3>
17+
<p>
18+
<strong>HTML </strong> stands for <strong>H</strong>yper<strong>T</strong>ext <strong>M</strong>arkup
19+
<strong>L</strong>anguage. It's a markup language that web developers use to structure and describe the content of
20+
a webpage (not a programming language).
21+
</p>
22+
<p>
23+
HTML consists of elements that describe different types of content: paragraphs, links, headings, images, video,
24+
etc. Web browsers understand HTML and render HTML code as websites.
25+
</p>
26+
<p>In HTML, each element is made up of 3 parts:</p>
27+
<ol>
28+
<li>The opening tag</li>
29+
<li>The closing tag</li>
30+
<li>The actual element</li>
31+
<li>You can learn more at the MDN Web Docs.</li>
32+
</ol>
33+
34+
<h3>Why should you learn HTML</h3>
35+
36+
<p>There are countless reasons for learning the fundamental language of the web. Here are 5 of them:</p>
37+
38+
<ul>
39+
<li>To be able to use the fundamental web dev language</li>
40+
<li>To hand-craft beautiful websites instead of relying on tools like Worpress or Wix</li>
41+
<li>To build web applications</li>
42+
<li>To impress friends To have fun 😃</li>
43+
</ul>
44+
<p>Hopefully you learned something new here. See you next time!</p>
45+
</body>
46+
</html>

‎projectfolder/02-HTML-Fundamentals/laura-jones.jpg

6.64 KB
Loading

‎projectfolder/02-HTML-Fundamentals/post-img.jpg

53.4 KB
Loading

‎projectfolder/02-HTML-Fundamentals/related-1.jpg

50.2 KB
Loading

‎projectfolder/02-HTML-Fundamentals/related-2.jpg

33 KB
Loading

‎projectfolder/02-HTML-Fundamentals/related-3.jpg

43.5 KB
Loading

‎starter/01-Test/index.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>My millions attempt at a webpage</title>
8+
</head>
9+
<body>
10+
<h1>Hello, world!</h1>
11+
<p>My name is Michael, and this is an attempt at a webpage and shit like that :D</p>
12+
</body>
13+
</html>

0 commit comments

Comments
 (0)