Skip to content

Commit e7cad34

Browse files
JenifferGenovesJenifferGenoves
committed
first commit
1 parent 10de6bc commit e7cad34

File tree

3 files changed

+132
-0
lines changed

3 files changed

+132
-0
lines changed

‎starter/01-Test/index.html

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
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>My first Webpage</title>
8+
</head>
9+
<body>
10+
<h1>Hello, World!</h1>
11+
<p1>My name is Jeniffer, and this is my first Webpage</p1>
12+
</body>
13+
</html>

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

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
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>BLOG</title>
8+
</head>
9+
<body>
10+
<h2>BLOG</h2>
11+
<a href="index.html">Back to home</a>
12+
</body>
13+
</html>

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

Lines changed: 106 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
<!DOCTYPE html>
2+
<html lan="en">
3+
<head>
4+
<title>The Basic Language of the web</title>
5+
</head>
6+
<meta charset="UFT-8" />
7+
<body>
8+
<!--
9+
<h1>The Basic Language of the web: HTML</h1>
10+
<h2>The Basic Language of the web: HTML</h2>
11+
<h3>The Basic Language of the web: HTML</h3>
12+
<h4>The Basic Language of the web: HTML</h4>
13+
<h5>The Basic Language of the web: HTML</h5>
14+
<h6>The Basic Language of the web: HTML</h6>
15+
-->
16+
<header>
17+
<h1>📘 The Code Magazine</h1>
18+
19+
<nav>
20+
<a href="blog.html">Blog</a>
21+
<a href="#">Challenges</a>
22+
<a href="#">Flex</a>
23+
<a href="#">CSS Grid</a>
24+
</nav>
25+
</header>
26+
27+
<article>
28+
<header>
29+
<h2>The Basic Language of the Web: HTML</h2>
30+
31+
<img
32+
src="laura-jones.jpg"
33+
alt="Headshot of Laura Jones"
34+
width="50"
35+
height="50"
36+
/>
37+
38+
<p>Posted by <strong>Laura Jones</strong> on Monday, June 21st 2027</p>
39+
40+
<img
41+
src="post-img.jpg"
42+
alt="HTML code on a screen"
43+
width="500"
44+
height="200"
45+
/>
46+
</header>
47+
48+
<p>
49+
All modern websites and web applications are built using three
50+
<em>fundamental</em>
51+
technologies: HTML, CSS and JavaScript. These are the languages of the
52+
web.
53+
</p>
54+
55+
<p>
56+
In this post, let's focus on HTML. We will learn what HTML is all about,
57+
and why you too should learn it. What is HTML?
58+
</p>
59+
60+
<h3>What is HTML?</h3>
61+
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+
69+
<p>
70+
HTML consists of elements that describe different types of content:
71+
paragraphs, links, headings, images, video, etc. Web browsers understand
72+
HTML and render HTML code as websites.
73+
</p>
74+
75+
<p>In HTML, each element is made up of 3 parts:</p>
76+
77+
<ol>
78+
<li>The opening tag</li>
79+
<li>The closing tag</li>
80+
<li>The closing tag The actual element</li>
81+
</ol>
82+
<p>
83+
You can learn more at the
84+
<a href="https://developer.mozilla.org/es/docs/Web/HTML" target="_blank"
85+
>MDN Web Docs</a
86+
>
87+
</p>
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 To have fun 😃</li>
101+
</ul>
102+
<p>Hopefully you learned something new here. See you next time!</p>
103+
</article>
104+
<footer>Copyright &copy; 2027 by The Code Magazine.</footer>
105+
</body>
106+
</html>

0 commit comments

Comments
 (0)