@@ -17,57 +17,126 @@ <h4>The BasicLanguage of the WEB: HTML</h4>
17
17
<h5>The BasicLanguage of the WEB: HTML</h5>
18
18
<h6>The BasicLanguage of the WEB: HTML</h6> -->
19
19
20
- < h1 > 📘 The Code Magazine </ h1 >
21
- < p > Posted by < strong > Laura Jones </ strong > on Monday, June 21st 2027 </ p >
20
+ < header >
21
+ < h1 > 📘 The Code Magazine </ h1 >
22
22
23
- < h2 > The BasicLanguage of the WEB: HTML</ h2 >
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
- < p >
31
- In this post, let's focus on HTML. We will learn what HTML is all about,
32
- and why you too should learn it.
33
- </ p >
23
+ < nav >
24
+ < a href ="blog.html "> Blog</ a >
25
+ < a href ="# "> Challenges</ a >
26
+ < a href ="# "> Flexbox</ a >
27
+ < a href ="# "> CSS Grid</ a >
28
+ </ nav >
29
+ </ header >
30
+
31
+ < article >
32
+ < h2 > The BasicLanguage of the WEB: HTML</ h2 >
33
+
34
+ < img
35
+ src ="img/laura-jones.jpg "
36
+ alt ="laura jones picture "
37
+ width ="50 "
38
+ height ="50 "
39
+ />
40
+
41
+ < p > Posted by < strong > Laura Jones</ strong > on Monday, June 21st 2027</ p >
42
+
43
+ < img
44
+ src ="img/post-img.jpg "
45
+ alt ="html code on a screen "
46
+ width ="500 "
47
+ height ="200 "
48
+ />
49
+
50
+ < p >
51
+ All modern websites and web applications are built using three
52
+ < em > fundamental</ em >
53
+ technologies: HTML, CSS and JavaScript. These are the languages of the
54
+ web.
55
+ </ p >
56
+ < p >
57
+ In this post, let's focus on HTML. We will learn what HTML is all about,
58
+ and why you too should learn it.
59
+ </ p >
60
+
61
+ < h3 > What is HTML?</ h3 >
62
+ < p >
63
+ HTML stands for < strong > H</ strong > yper< strong > T</ strong > ext
64
+ < strong > M</ strong > arkup < strong > L</ strong > anguage. It's a markup
65
+ language that web developers use to structure and describe the content
66
+ of a webpage (not a programming language).
67
+ </ p >
68
+ < p >
69
+ HTML consists of elements that describe different types of content:
70
+ paragraphs, links, headings, images, video, etc. Web browsers understand
71
+ HTML and render HTML code as websites.
72
+ </ p >
73
+ < p > In HTML, each element is made up of 3 parts:</ p >
74
+ < ol >
75
+ < li > The opening tag</ li >
76
+ < li > The closing tag</ li >
77
+ < li > The actual element</ li >
78
+ < li >
79
+ You can learn more at the
80
+ < a
81
+ href ="https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwjrgJ6Hme_4AhUSwQIHHYY-D9IQFnoECAsQAQ&url=https%3A%2F%2Fdeveloper.mozilla.org%2Fru%2Fdocs%2FWeb%2FHTML&usg=AOvVaw0YvkoYxUiS2wgcOEbLc4cf "
82
+ target ="_blank "
83
+ > MDN Web Docs</ a
84
+ > .
85
+ </ li >
86
+ </ ol >
87
+
88
+ < h3 > Why should you learn HTML?</ h3 >
89
+ < p >
90
+ There are countless reasons for learning the fundamental language of the
91
+ web. Here are 5 of them:
92
+ </ p >
93
+ < ul >
94
+ < li > To be able to use the fundamental web dev language</ li >
95
+ < li >
96
+ To hand-craft beautiful websites instead of relying on tools like
97
+ Worpress or Wix
98
+ </ li >
99
+ < li > To build web applications</ li >
100
+ < li > To impress friends</ li >
101
+ < li > To have fun 😃</ li >
102
+ </ ul >
103
+ < p > Hopefully you learned something new here. See you next time!</ p >
104
+ </ article >
34
105
35
- < h3 > What is HTML?</ h3 >
36
- < p >
37
- HTML stands for < strong > H</ strong > yper< strong > T</ strong > ext
38
- < strong > M</ strong > arkup < strong > L</ strong > anguage. It's a markup language
39
- that web developers use to structure and describe the content of a webpage
40
- (not a programming language).
41
- </ p >
42
- < p >
43
- HTML consists of elements that describe different types of content:
44
- paragraphs, links, headings, images, video, etc. Web browsers understand
45
- HTML and render HTML code as websites.
46
- </ p >
47
- < p > In HTML, each element is made up of 3 parts:</ p >
48
- < ol >
49
- < li > The opening tag</ li >
50
- < li > The closing tag</ li >
51
- < li > The actual element</ li >
52
- < li > You can learn more at the MDN Web Docs.</ li >
53
- </ ol >
106
+ < aside >
107
+ < h4 > Related posts</ h4 >
108
+ < ul >
109
+ < li >
110
+ < img
111
+ src ="img/related-1.jpg "
112
+ alt ="coders picture "
113
+ width ="75 "
114
+ height ="75 "
115
+ /> < a href ="# "> How to Learn Web Development</ a >
116
+ < p > By Jonas Schmedtmann</ p >
117
+ </ li >
118
+ < li >
119
+ < img
120
+ src ="img/related-2.jpg "
121
+ alt ="coders picture "
122
+ width ="75 "
123
+ height ="75 "
124
+ /> < a href ="# "> The Unknown Powers of CSS</ a >
125
+ < p > By Jim Dillon</ p >
126
+ </ li >
127
+ < li >
128
+ < img
129
+ src ="img/related-3.jpg "
130
+ alt ="coders picture "
131
+ width ="75 "
132
+ height ="75 "
133
+ /> < a href ="# "> Why JavaScript is Awesome</ a >
134
+ < p > By Matilda</ p >
135
+ </ li >
136
+ </ ul >
137
+ </ aside >
54
138
55
- < h3 > Why should you learn HTML?</ h3 >
56
- < p >
57
- There are countless reasons for learning the fundamental language of the
58
- web. Here are 5 of them:
59
- </ p >
60
- < ul >
61
- < li > To be able to use the fundamental web dev language</ li >
62
- < li >
63
- To hand-craft beautiful websites instead of relying on tools like
64
- Worpress or Wix
65
- </ li >
66
- < li > To build web applications</ li >
67
- < li > To impress friends</ li >
68
- < li > To have fun 😃</ li >
69
- </ ul >
70
- < p > Hopefully you learned something new here. See you next time!</ p >
139
+ < footer > Copyright © 2027 by The Code Magazine.</ footer >
71
140
72
141
< script src ="" async defer > </ script >
73
142
</ body >
0 commit comments