Skip to content

Commit 66391af

Browse files
jcsmith3jcsmith3
committed
Finished first challange
1 parent 49d8716 commit 66391af

File tree

7 files changed

+95
-75
lines changed

7 files changed

+95
-75
lines changed

‎starter/02-HTML-Fundamentals/challenges.jpg renamed to ‎starter/02-HTML-Fundamentals/images/challenges.jpg

File renamed without changes.

‎starter/02-HTML-Fundamentals/laura-jones.jpg renamed to ‎starter/02-HTML-Fundamentals/images/laura-jones.jpg

File renamed without changes.

‎starter/02-HTML-Fundamentals/post-img.jpg renamed to ‎starter/02-HTML-Fundamentals/images/post-img.jpg

File renamed without changes.

‎starter/02-HTML-Fundamentals/related-1.jpg renamed to ‎starter/02-HTML-Fundamentals/images/related-1.jpg

File renamed without changes.

‎starter/02-HTML-Fundamentals/related-2.jpg renamed to ‎starter/02-HTML-Fundamentals/images/related-2.jpg

File renamed without changes.

‎starter/02-HTML-Fundamentals/related-3.jpg renamed to ‎starter/02-HTML-Fundamentals/images/related-3.jpg

File renamed without changes.

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

Lines changed: 95 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -1,86 +1,106 @@
11
<!DOCTYPE html>
22
<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">
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" />
77
<title>The Basic Language of the Web: HTML</title>
8-
</head>
9-
<body>
8+
</head>
9+
<body>
1010
<header>
11-
<h1>📘 The Code Magazine [DEMO]</h1>
12-
<nav>
13-
<a href="#">Blog</a>
14-
<a href="#">Challenges</a>
15-
<a href="#">Flexbox</a>
16-
<a href="#">Flexbox</a>
17-
</nav>
11+
<h1>📘 The Code Magazine [DEMO]</h1>
12+
<nav>
13+
<a href="#">Blog</a>
14+
<a href="#">Challenges</a>
15+
<a href="#">Flexbox</a>
16+
<a href="#">Flexbox</a>
17+
</nav>
1818
</header>
1919
<main>
20-
<article>
21-
<section>
22-
<h2>The Basic Language of the Web: HTML</h2>
23-
<img src="laura-jones.jpg" />
24-
<p>Posted by <strong>Laura Jones</strong> on Monday,June 21st 2027</p>
25-
</section>
26-
<section>
27-
<div>
28-
<img src="post-img.jpg" alt="picture of code" >
29-
<p>
30-
All modern websites and web applications are built using three <em>fundamental</em> technologies: HTML, CSS and JavaScript. These are the languages of the web.
31-
</p>
32-
<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>
33-
</div>
34-
<div>
35-
<h2>What is HTML?</h2>
36-
<p>HTML stands for <strong>H</strong>yper<strong>T</strong>ext<strong>M</strong>arkup <strong>L</strong>anguage. It's a markup language that web developers use to structure and describe the content of a webpage (not a programming language).</p>
37-
<p>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.</p>
38-
</div>
39-
<div>
40-
<p>In HTML, each element is made up of 3 parts:</p>
41-
<ol>
42-
<li>The opening tag</li>
43-
<li>The closing tag</li>
44-
<li>The actual element</li>
45-
</ol>
46-
<p>You can learn more at the <a href='#'>MDN Web Docs</a>.</p>
47-
</div>
48-
<div>
49-
<h2>Why should you learn HTML?</h2>
50-
<p>There are countless reasons for learning the fundamental language of the web. Here are 5 of them:</p>
51-
<ul>
52-
<li>To be able to use the fundamental web dev language</li>
53-
<li>To hand-craft beautiful websites instead of relying on tools like Worpress or Wix</li>
54-
<li>To build web applications</li>
55-
<li>To impress friends</li>
56-
<li>To have fun 😃</li>
57-
</ul>
58-
<p>Hopefully you learned something new here. See you next time!</p>
59-
</div>
60-
</section>
61-
</article>
20+
<article>
6221
<section>
63-
<h3>Related posts</h3>
22+
<h2>The Basic Language of the Web: HTML</h2>
23+
<img src="./images/laura-jones.jpg" />
24+
<p>Posted by <strong>Laura Jones</strong> on Monday,June 21st 2027</p>
25+
</section>
26+
<section>
27+
<div>
28+
<img src="./images/post-img.jpg" alt="picture of code" />
29+
<p>
30+
All modern websites and web applications are built using three
31+
<em>fundamental</em> technologies: HTML, CSS and JavaScript. These
32+
are the languages of the web.
33+
</p>
34+
<p>
35+
In this post, let's focus on HTML. We will learn what HTML is all
36+
about, and why you too should learn it.
37+
</p>
38+
</div>
39+
<div>
40+
<h2>What is HTML?</h2>
41+
<p>
42+
HTML stands for
43+
<strong>H</strong>yper<strong>T</strong>ext<strong>M</strong>arkup
44+
<strong>L</strong>anguage. It's a markup language that web
45+
developers use to structure and describe the content of a webpage
46+
(not a programming language).
47+
</p>
48+
<p>
49+
HTML consists of elements that describe different types of
50+
content: paragraphs, links, headings, images, video, etc. Web
51+
browsers understand HTML and render HTML code as websites.
52+
</p>
53+
</div>
54+
<div>
55+
<p>In HTML, each element is made up of 3 parts:</p>
56+
<ol>
57+
<li>The opening tag</li>
58+
<li>The closing tag</li>
59+
<li>The actual element</li>
60+
</ol>
61+
<p>You can learn more at the <a href="#">MDN Web Docs</a>.</p>
62+
</div>
63+
<div>
64+
<h2>Why should you learn HTML?</h2>
65+
<p>
66+
There are countless reasons for learning the fundamental language
67+
of the web. Here are 5 of them:
68+
</p>
6469
<ul>
65-
<li>
66-
<img src="related-1.jpg" alt="guy coding">
67-
<a href="#">How to Learn Web Development</a>
68-
<p>By Jonas Schmedtmann</p>
69-
</li>
70-
<li>
71-
<img src="related-2.jpg" alt="ligtning">
72-
<a href="#">The Unkown Powers of CSS</a>
73-
<p>By Jim Dillon</p>
74-
</li>
75-
<li>
76-
<img src="related-3.jpg" alt="code">
77-
<a href="#">Why JavaScript is Awesome</a>
78-
<p>By Matilda</p>
79-
</li>
70+
<li>To be able to use the fundamental web dev language</li>
71+
<li>
72+
To hand-craft beautiful websites instead of relying on tools
73+
like Worpress or Wix
74+
</li>
75+
<li>To build web applications</li>
76+
<li>To impress friends</li>
77+
<li>To have fun 😃</li>
8078
</ul>
79+
<p>Hopefully you learned something new here. See you next time!</p>
80+
</div>
8181
</section>
82-
<footer>Copyright &copy; 2027 by The Code Magazine</footer>
82+
</article>
83+
<section>
84+
<h3>Related posts</h3>
85+
<ul>
86+
<li>
87+
<img src="./images/related-1.jpg" alt="guy coding" />
88+
<a href="#">How to Learn Web Development</a>
89+
<p>By Jonas Schmedtmann</p>
90+
</li>
91+
<li>
92+
<img src="./images/related-2.jpg" alt="ligtning" />
93+
<a href="#">The Unkown Powers of CSS</a>
94+
<p>By Jim Dillon</p>
95+
</li>
96+
<li>
97+
<img src="./images/related-3.jpg" alt="code" />
98+
<a href="#">Why JavaScript is Awesome</a>
99+
<p>By Matilda</p>
100+
</li>
101+
</ul>
102+
</section>
103+
<footer>Copyright &copy; 2027 by The Code Magazine</footer>
83104
</main>
84-
85-
</body>
86-
</html>
105+
</body>
106+
</html>

0 commit comments

Comments
 (0)