-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
145 lines (136 loc) · 4.48 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF 8" />
<title>The Basic Language of the web: HTML</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="container">
<!-- <h1>The Basic Language of the web: HTML</h1>
<h2>The Basic Language of the web: HTML</h2>
<h3>The Basic Language of the web: HTML</h3>
<h4>The Basic Language of the web: HTML</h4>
<h5>The Basic Language of the web: HTML</h5>
<h6>The Basic Language of the web: HTML</h6> -->
<header class="main-header">
<h1>📘 The Code Magazine</h1>
<nav>
<a href="Blog.html">Blog</a>
<a href="#">Challenges</a>
<a href="#">Flexbox</a>
<a href="#">CSS GRID</a>
<a href="e-commerce.html">Checkout My Trial E-Commerce page</a>
</nav>
</header>
<article>
<header class="post-header">
<h2>The Basic Language of the Web: HTML</h2>
<img
src="images/laura-jones.jpg"
alt="Headshot of Laura Jones"
height="50"
width="50"
/>
<p id="author">
Posted by <strong>Laura Jones</strong> on Monday, June 21st 2027
</p>
<img
class="post-image"
src="images/post-img.jpg"
alt="HTML code on screen"
width="500"
height="200"
/>
<button>💖Like</button>
</header>
<p>
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.
</p>
<h3>What is HTML?</h3>
<p>
HTML stands for <strong>HyperText Markup Language</strong>. It's a
markup language that web developers use to structure and describe the
content of a webpage (not a programming language).
</p>
<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>
<p>In HTML, each element is made up of 3 parts:</p>
<ol>
<li class="first-li">The opening tag</li>
<li>The closing tag</li>
<li>The actual element</li>
</ol>
<p>
you can learn more at
<a
href="https://developer.mozilla.org/en-US/docs/Web/HTML"
target="_blank"
>MDN Web Docs.</a
>
</p>
<h3>Why should you learn HTML?</h3>
<p>
There are countless reasons for learning the fundamental language of
the web. Here are 5 of them:
</p>
<ul>
<li class="first-li">
To be able to use the fundamental web dev language
</li>
<li>
To hand-craft beautiful websites instead of relying on tools like
Worpress or Wix
</li>
<li>To build web applications</li>
<li>To impress friends</li>
<li>To have fun 😃</li>
</ul>
<p>Hopefully you learned something new here. See you next time!</p>
</article>
<aside>
<h4>Related Post</h4>
<ul class="related">
<li>
<img
src="images/related-1.jpg"
alt="person programming"
width="75"
height="75"
/>
<a href="#">How to learn Web development</a>
<p class="related-author">By Jonas Schmedtman</p>
</li>
<li>
<img
src="images/related-2.jpg"
alt="Thunder"
width="75"
height="75"
/>
<a href="#">The unknown power of CSS</a>
<p class="related-author">By Jim Dillon</p>
</li>
<li>
<img
src="images/related-3.jpg"
alt="Coding"
width="75"
height="75"
/>
<a href="#">Why JavaScript is Awesome</a>
<p class="related-author">By Mitilda</p>
</li>
</ul>
</aside>
<footer>
<p id="copyright">Copyright © 2022 by the Code Magazine.</p>
</footer>
</div>
</body>
</html>