Skip to content

Commit 1fda6d7

Browse files
jamesacox53jamesacox53
committed
Completed Structuring our Page
1 parent 47076ec commit 1fda6d7

File tree

1 file changed

+88
-78
lines changed

1 file changed

+88
-78
lines changed

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

Lines changed: 88 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -6,83 +6,93 @@
66
</head>
77

88
<body>
9-
<h1>📘 The Code Magazine</h1>
10-
11-
<a href="blog.html" target="_blank">Blog</a>
12-
<a href="#">Challenges</a>
13-
<a href="#">Flexbox</a>
14-
<a href="#">CSS Grid</a>
15-
16-
<h2>The Basic Language of the Web: HTML</h2>
17-
18-
<img src="laura-jones.jpg" alt="Photo of Laura Jones" width="50" />
19-
20-
<p>Posted by <strong>Laura Jones</strong> on Monday, June 21st 2027</p>
21-
22-
<img src="post-img.jpg" alt="HTML code on a screen" width="500" />
23-
24-
<p>
25-
All modern websites and web applications are built using three
26-
<em>fundamental</em>
27-
technologies: HTML, CSS and JavaScript. These are the languages of the
28-
web.
29-
</p>
30-
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-
36-
<h3>What is HTML?</h3>
37-
38-
<p>
39-
HTML stands for <strong>H</strong>yper<strong>T</strong>ext
40-
<strong>M</strong>arkup <strong>L</strong>anguage. It's a markup language
41-
that web developers use to structure and describe the content of a webpage
42-
(not a programming language).
43-
</p>
44-
45-
<p>
46-
HTML consists of elements that describe different types of content:
47-
paragraphs, links, headings, images, video, etc. Web browsers understand
48-
HTML and render HTML code as websites.
49-
</p>
50-
51-
<p>In HTML, each element is made up of 3 parts:</p>
52-
53-
<ol>
54-
<li>The opening tag</li>
55-
<li>The closing tag</li>
56-
<li>The actual element</li>
57-
</ol>
58-
59-
<p>
60-
You can learn more at the
61-
<a
62-
href="https://developer.mozilla.org/en-US/docs/Web/HTML"
63-
target="_blank"
64-
>MDN Web Docs</a
65-
>.
66-
</p>
67-
68-
<h3>Why should you learn HTML?</h3>
69-
70-
<p>
71-
There are countless reasons for learning the fundamental language of the
72-
web. Here are 5 of them:
73-
</p>
74-
75-
<ul>
76-
<li>To be able to use the fundamental web dev language</li>
77-
<li>
78-
To hand-craft beautiful websites instead of relying on tools like
79-
Worpress or Wix
80-
</li>
81-
<li>To build web applications</li>
82-
<li>To impress friends</li>
83-
<li>To have fun 😃</li>
84-
</ul>
85-
86-
<p>Hopefully you learned something new here. See you next time!</p>
9+
<header>
10+
<h1>📘 The Code Magazine</h1>
11+
12+
<nav>
13+
<a href="blog.html" target="_blank">Blog</a>
14+
<a href="#">Challenges</a>
15+
<a href="#">Flexbox</a>
16+
<a href="#">CSS Grid</a>
17+
</nav>
18+
</header>
19+
20+
<article>
21+
<header>
22+
<h2>The Basic Language of the Web: HTML</h2>
23+
24+
<img src="laura-jones.jpg" alt="Photo of Laura Jones" width="50" />
25+
26+
<p>Posted by <strong>Laura Jones</strong> on Monday, June 21st 2027</p>
27+
28+
<img src="post-img.jpg" alt="HTML code on a screen" width="500" />
29+
</header>
30+
31+
<p>
32+
All modern websites and web applications are built using three
33+
<em>fundamental</em>
34+
technologies: HTML, CSS and JavaScript. These are the languages of the
35+
web.
36+
</p>
37+
38+
<p>
39+
In this post, let's focus on HTML. We will learn what HTML is all about,
40+
and why you too should learn it.
41+
</p>
42+
43+
<h3>What is HTML?</h3>
44+
45+
<p>
46+
HTML stands for <strong>H</strong>yper<strong>T</strong>ext
47+
<strong>M</strong>arkup <strong>L</strong>anguage. It's a markup
48+
language that web developers use to structure and describe the content
49+
of a webpage (not a programming language).
50+
</p>
51+
52+
<p>
53+
HTML consists of elements that describe different types of content:
54+
paragraphs, links, headings, images, video, etc. Web browsers understand
55+
HTML and render HTML code as websites.
56+
</p>
57+
58+
<p>In HTML, each element is made up of 3 parts:</p>
59+
60+
<ol>
61+
<li>The opening tag</li>
62+
<li>The closing tag</li>
63+
<li>The actual element</li>
64+
</ol>
65+
66+
<p>
67+
You can learn more at the
68+
<a
69+
href="https://developer.mozilla.org/en-US/docs/Web/HTML"
70+
target="_blank"
71+
>MDN Web Docs</a
72+
>.
73+
</p>
74+
75+
<h3>Why should you learn HTML?</h3>
76+
77+
<p>
78+
There are countless reasons for learning the fundamental language of the
79+
web. Here are 5 of them:
80+
</p>
81+
82+
<ul>
83+
<li>To be able to use the fundamental web dev language</li>
84+
<li>
85+
To hand-craft beautiful websites instead of relying on tools like
86+
Worpress or Wix
87+
</li>
88+
<li>To build web applications</li>
89+
<li>To impress friends</li>
90+
<li>To have fun 😃</li>
91+
</ul>
92+
93+
<p>Hopefully you learned something new here. See you next time!</p>
94+
</article>
95+
96+
<footer>Copyright &copy; 2027 by The Code Magazine.</footer>
8797
</body>
8898
</html>

0 commit comments

Comments
 (0)