Skip to content

Commit 6f19c4e

Browse files
mirmak4mirmak4
committed
Created the structure of index page. Added header article and footer elements. Added also another header for the article itself.
1 parent 47199ae commit 6f19c4e

File tree

1 file changed

+94
-81
lines changed

1 file changed

+94
-81
lines changed

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

Lines changed: 94 additions & 81 deletions
Original file line numberDiff line numberDiff line change
@@ -15,89 +15,102 @@ <h5>The Basic Language of the Web: HTML</h5>
1515
<h6>The Basic Language of the Web: HTMLW</h6>
1616
-->
1717

18-
<h1>📘 The Code Magazine</h1>
18+
<header>
19+
<h1>📘 The Code Magazine</h1>
1920

20-
<a href="blog.html">Blog</a>
21-
<a href="#">Challenges</a>
22-
<a href="#">Flexbox</a>
23-
<a href="#">CSS Grid</a>
21+
<nav>
22+
<a href="blog.html">Blog</a>
23+
<a href="#">Challenges</a>
24+
<a href="#">Flexbox</a>
25+
<a href="#">CSS Grid</a>
26+
</nav>
27+
</header>
2428

25-
<h2>The Basic Language of the Web: HTML</h2>
29+
<article>
30+
<header>
31+
<h2>The Basic Language of the Web: HTML</h2>
32+
33+
<img
34+
src="laura-jones.jpg"
35+
alt="Picture of Laura Jones, the author of the article"
36+
width="50"
37+
height="50"
38+
/>
39+
40+
<p>
41+
Posted by <strong>Laura Jones</strong> on Monday, June 21st
42+
2027
43+
</p>
44+
45+
<img
46+
src="post-img.jpg"
47+
alt="HTML code on a screen"
48+
width="500"
49+
height="200"
50+
/>
51+
</header>
52+
53+
<p>
54+
All modern websites and web applications are built using three
55+
<em>fundamental</em> technologies: HTML, CSS and JavaScript.
56+
These are the languages of the web.
57+
</p>
58+
59+
<p>
60+
In this post, let's focus on HTML. We will learn what HTML is
61+
all about, and why you too should learn it.
62+
</p>
63+
64+
<h3>What is HTML?</h3>
65+
<p>
66+
HTML stands for <strong>H</strong>yper<strong>T</strong>ext
67+
<strong>M</strong>arkup <strong>L</strong>anguage. It's a markup
68+
language that web developers use to structure and describe the
69+
content of a webpage (not a programming language).
70+
</p>
71+
<p>
72+
HTML consists of elements that describe different types of
73+
content: paragraphs, links, headings, images, video, etc. Web
74+
browsers understand HTML and render HTML code as websites.
75+
</p>
76+
<p>In HTML, each element is made up of 3 parts:</p>
77+
78+
<ol>
79+
<li>The opening tag</li>
80+
<li>The closing tag</li>
81+
<li>The actual element</li>
82+
</ol>
83+
84+
<p>
85+
You can learn more at
86+
<a
87+
href="https://developer.mozilla.org/en-US/docs/Web/HTML"
88+
target="_blank"
89+
>MDN Web Docs</a
90+
>.
91+
</p>
92+
93+
<h3>Why should you learn HTML?</h3>
94+
<p>
95+
There are countless reasons for learning the fundamental
96+
language of the web. Here are 5 of them:
97+
</p>
98+
99+
<ul>
100+
<li>To be able to use the fundamental web dev language</li>
101+
<li>
102+
To hand-craft beautiful websites instead of relying on tools
103+
like
104+
</li>
105+
<li>
106+
Worpress or Wix To build web applications To impress friends
107+
</li>
108+
<li>To have fun 😃</li>
109+
</ul>
110+
111+
<p>Hopefully you learned something new here. See you next time!</p>
112+
</article>
26113

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

0 commit comments

Comments
 (0)