Skip to content

Commit 525725e

Browse files
andrewbarlowandrewbarlow
committed
working on course
1 parent 10de6bc commit 525725e

21 files changed

+455
-0
lines changed

‎mywork/02-HTML-Fundamentals/blog.html

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>BLOG</title>
5+
</head>
6+
<body>
7+
<h2>BLOG</h2>
8+
<a href="index.html">Main Page</a>
9+
</body>
10+
</html>

‎mywork/02-HTML-Fundamentals/content.txt

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
📘 The Code Magazine
2+
3+
The Basic Language of the Web: HTML
4+
5+
Posted by Laura Jones on Monday, June 21st 2027
6+
7+
All modern websites and web applications are built using three fundamental technologies: HTML, CSS and JavaScript. These are the languages of the web.
8+
9+
In this post, let's focus on HTML. We will learn what HTML is all about, and why you too should learn it.
10+
11+
What is HTML?
12+
13+
HTML stands for HyperText Markup Language. It's a markup language that web developers use to structure and describe the content of a webpage (not a programming language).
14+
15+
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.
16+
17+
In HTML, each element is made up of 3 parts:
18+
19+
The opening tag
20+
The closing tag
21+
The actual element
22+
You can learn more at the MDN Web Docs.
23+
24+
Why should you learn HTML?
25+
26+
There are countless reasons for learning the fundamental language of the web. Here are 5 of them:
27+
28+
To be able to use the fundamental web dev language
29+
To hand-craft beautiful websites instead of relying on tools like Worpress or Wix
30+
To build web applications
31+
To impress friends
32+
To have fun 😃
33+
34+
Hopefully you learned something new here. See you next time!

‎mywork/02-HTML-Fundamentals/img/challenges.jpg

120 KB
Loading

‎mywork/02-HTML-Fundamentals/img/laura-jones.jpg

6.64 KB
Loading

‎mywork/02-HTML-Fundamentals/img/post-img.jpg

53.4 KB
Loading

‎mywork/02-HTML-Fundamentals/img/related-1.jpg

50.2 KB
Loading

‎mywork/02-HTML-Fundamentals/img/related-2.jpg

33 KB
Loading

‎mywork/02-HTML-Fundamentals/img/related-3.jpg

43.5 KB
Loading

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

Lines changed: 136 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,136 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>The Basic Language of the Web: HTML</title>
6+
</head>
7+
8+
<body>
9+
<!-- Commenting Syntax!! -->
10+
<header>
11+
<h1>📘 The Code Magazine</h1>
12+
<div>
13+
<a href="blog.html">Blog</a>
14+
<a href="#">Challenges</a>
15+
<a href="#">Flexbox</a>
16+
<a href="#">CSS Grid</a>
17+
</div>
18+
</header>
19+
20+
<article>
21+
<header>
22+
<h2>The Basic Language of the Web: HTML</h2>
23+
<img
24+
src="img/laura-jones.jpg"
25+
alt="Headshot of Laura Jones"
26+
width="50"
27+
height="50"
28+
/>
29+
30+
<p>Posted by <strong>Laura Jones</strong> on Monday, June 21st 2027</p>
31+
32+
<img src="img/post-img.jpg" alt="HTML text" width="500" height="200" />
33+
</header>
34+
35+
<p>
36+
All modern websites and web applications are built using three
37+
<em>fundamental</em> technologies: HTML, CSS and JavaScript. These are
38+
the languages of the web.
39+
</p>
40+
41+
<p>
42+
In this post, let's focus on HTML. We will learn what HTML is all about,
43+
and why you too should learn it.
44+
</p>
45+
46+
<h3>What is HTML?</h3>
47+
48+
<p>
49+
HTML stands for <strong>H</strong>yper<strong>T</strong>ext
50+
<strong>M</strong>arkup <strong>L</strong>anguage. It's a markup
51+
language that web developers use to structure and describe the content
52+
of a webpage (not a programming language).
53+
</p>
54+
55+
<p>
56+
HTML consists of elements that describe different types of content:
57+
paragraphs, links, headings, images, video, etc. Web browsers understand
58+
HTML and render HTML code as websites. s
59+
</p>
60+
61+
<p>In HTML, each element is made up of 3 parts:</p>
62+
63+
<ol>
64+
<li>The opening tag</li>
65+
<li>The closing tag</li>
66+
<li>The actual element</li>
67+
</ol>
68+
<p>
69+
You can learn more at
70+
<a
71+
href="https://developer.mozilla.org/en-US/docs/Web/HTML"
72+
target="_blank"
73+
>MDN Web Docs</a
74+
>
75+
</p>
76+
77+
<h3>Why should you learn HTML?</h3>
78+
79+
<p>
80+
There are countless reasons for learning the fundamental language of the
81+
web. Here are 5 of them:
82+
</p>
83+
84+
<ul>
85+
<li>
86+
To be able to use the fundamental web dev language To hand-craft
87+
beautiful websites instead of relying on tools like Worpress or Wix
88+
</li>
89+
<li>To build web applications</li>
90+
<li>To impress friends</li>
91+
<li>To have fun 😃</li>
92+
</ul>
93+
94+
<p>Hopefully you learned something new here. See you next time!</p>
95+
</article>
96+
97+
<aside>
98+
<h4>Related Posts</h4>
99+
<ul>
100+
<li>
101+
<img
102+
src="img/related-1.jpg"
103+
alt="Related image 1"
104+
width="75"
105+
height="75"
106+
/>
107+
<a href="#" target="_blank">How to Learn Web Development</a>
108+
<p>By Jonas Schmedtmann</p>
109+
</li>
110+
111+
<li>
112+
<img
113+
src="img/related-2.jpg"
114+
alt="Related image 2"
115+
width="75"
116+
height="75"
117+
/>
118+
<a href="#" target="_blank">The Unknown Powers of CSS</a>
119+
<p>By Jim Dillon</p>
120+
</li>
121+
122+
<li>
123+
<img
124+
src="img/related-3.jpg"
125+
alt="Related image 3"
126+
width="75"
127+
height="75"
128+
/>
129+
<a href="#" target="_blank">Why JavaScript is Awesome</a>
130+
<p>By Matilda</p>
131+
</li>
132+
</ul>
133+
</aside>
134+
<footer>Copyright &copy; 2027 by The Code Magazine.</footer>
135+
</body>
136+
</html>

‎mywork/02-HTML-Fundamentals/shoe_page.html

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<!DOCTYPE html>
2+
<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" />
7+
<title>Document</title>
8+
</head>
9+
<body></body>
10+
</html>

‎mywork/03-CSS-Fundamentals/blog.html

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>BLOG</title>
5+
</head>
6+
<body>
7+
<h2>BLOG</h2>
8+
<a href="index.html">Main Page</a>
9+
</body>
10+
</html>

‎mywork/03-CSS-Fundamentals/content.txt

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
📘 The Code Magazine
2+
3+
The Basic Language of the Web: HTML
4+
5+
Posted by Laura Jones on Monday, June 21st 2027
6+
7+
All modern websites and web applications are built using three fundamental technologies: HTML, CSS and JavaScript. These are the languages of the web.
8+
9+
In this post, let's focus on HTML. We will learn what HTML is all about, and why you too should learn it.
10+
11+
What is HTML?
12+
13+
HTML stands for HyperText Markup Language. It's a markup language that web developers use to structure and describe the content of a webpage (not a programming language).
14+
15+
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.
16+
17+
In HTML, each element is made up of 3 parts:
18+
19+
The opening tag
20+
The closing tag
21+
The actual element
22+
You can learn more at the MDN Web Docs.
23+
24+
Why should you learn HTML?
25+
26+
There are countless reasons for learning the fundamental language of the web. Here are 5 of them:
27+
28+
To be able to use the fundamental web dev language
29+
To hand-craft beautiful websites instead of relying on tools like Worpress or Wix
30+
To build web applications
31+
To impress friends
32+
To have fun 😃
33+
34+
Hopefully you learned something new here. See you next time!

‎mywork/03-CSS-Fundamentals/img/challenges.jpg

120 KB
Loading

‎mywork/03-CSS-Fundamentals/img/laura-jones.jpg

6.64 KB
Loading

‎mywork/03-CSS-Fundamentals/img/post-img.jpg

53.4 KB
Loading

‎mywork/03-CSS-Fundamentals/img/related-1.jpg

50.2 KB
Loading

‎mywork/03-CSS-Fundamentals/img/related-2.jpg

33 KB
Loading

‎mywork/03-CSS-Fundamentals/img/related-3.jpg

43.5 KB
Loading

‎mywork/03-CSS-Fundamentals/index.html

Lines changed: 142 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,142 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link href="style.css" rel="stylesheet" />
6+
<title>The Basic Language of the Web: HTML</title>
7+
</head>
8+
9+
<body>
10+
<!-- Commenting Syntax!! -->
11+
<header>
12+
<h1>📘 The Code Magazine</h1>
13+
<div>
14+
<a href="blog.html">Blog</a>
15+
<a href="#">Challenges</a>
16+
<a href="#">Flexbox</a>
17+
<a href="#">CSS Grid</a>
18+
</div>
19+
<p>test Paragraph</p>
20+
</header>
21+
22+
<article>
23+
<header>
24+
<h2>The Basic Language of the Web: HTML</h2>
25+
<img
26+
src="img/laura-jones.jpg"
27+
alt="Headshot of Laura Jones"
28+
width="50"
29+
height="50"
30+
/>
31+
32+
<p id="author">
33+
Posted by <strong>Laura Jones</strong> on Monday, June 21st 2027
34+
</p>
35+
36+
<img src="img/post-img.jpg" alt="HTML text" width="500" height="200" />
37+
</header>
38+
39+
<p>
40+
All modern websites and web applications are built using three
41+
<em>fundamental</em> technologies: HTML, CSS and JavaScript. These are
42+
the languages of the web.
43+
</p>
44+
45+
<p>
46+
In this post, let's focus on HTML. We will learn what HTML is all about,
47+
and why you too should learn it.
48+
</p>
49+
50+
<h3>What is HTML?</h3>
51+
52+
<p>
53+
HTML stands for <strong>H</strong>yper<strong>T</strong>ext
54+
<strong>M</strong>arkup <strong>L</strong>anguage. It's a markup
55+
language that web developers use to structure and describe the content
56+
of a webpage (not a programming language).
57+
</p>
58+
59+
<p>
60+
HTML consists of elements that describe different types of content:
61+
paragraphs, links, headings, images, video, etc. Web browsers understand
62+
HTML and render HTML code as websites. s
63+
</p>
64+
65+
<p>In HTML, each element is made up of 3 parts:</p>
66+
67+
<ol>
68+
<li>The opening tag</li>
69+
<li>The closing tag</li>
70+
<li>The actual element</li>
71+
</ol>
72+
<p>
73+
You can learn more at
74+
<a
75+
href="https://developer.mozilla.org/en-US/docs/Web/HTML"
76+
target="_blank"
77+
>MDN Web Docs</a
78+
>
79+
</p>
80+
81+
<h3>Why should you learn HTML?</h3>
82+
83+
<p>
84+
There are countless reasons for learning the fundamental language of the
85+
web. Here are 5 of them:
86+
</p>
87+
88+
<ul>
89+
<li>
90+
To be able to use the fundamental web dev language To hand-craft
91+
beautiful websites instead of relying on tools like Worpress or Wix
92+
</li>
93+
<li>To build web applications</li>
94+
<li>To impress friends</li>
95+
<li>To have fun 😃</li>
96+
</ul>
97+
98+
<p>Hopefully you learned something new here. See you next time!</p>
99+
</article>
100+
101+
<aside>
102+
<h4>Related Posts</h4>
103+
<ul class="no-bullet-list">
104+
<li>
105+
<img
106+
src="img/related-1.jpg"
107+
alt="Related image 1"
108+
width="75"
109+
height="75"
110+
/>
111+
<a href="#" target="_blank">How to Learn Web Development</a>
112+
<p class="related-author">By Jonas Schmedtmann</p>
113+
</li>
114+
115+
<li>
116+
<img
117+
src="img/related-2.jpg"
118+
alt="Related image 2"
119+
width="75"
120+
height="75"
121+
/>
122+
<a href="#" target="_blank">The Unknown Powers of CSS</a>
123+
<p class="related-author">By Jim Dillon</p>
124+
</li>
125+
126+
<li>
127+
<img
128+
src="img/related-3.jpg"
129+
alt="Related image 3"
130+
width="75"
131+
height="75"
132+
/>
133+
<a href="#" target="_blank">Why JavaScript is Awesome</a>
134+
<p class="related-author">By Matilda</p>
135+
</li>
136+
</ul>
137+
</aside>
138+
<footer>
139+
<p id="copyright">Copyright &copy; 2027 by The Code Magazine.</p>
140+
</footer>
141+
</body>
142+
</html>

‎mywork/03-CSS-Fundamentals/shoe_page.html

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<!DOCTYPE html>
2+
<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" />
7+
<title>Document</title>
8+
</head>
9+
<body></body>
10+
</html>

0 commit comments

Comments
 (0)