Skip to content

Commit e7947fc

Browse files
author
Kaio Luiz Marques
committed
Minhas atividades
1 parent 10de6bc commit e7947fc

File tree

11 files changed

+668
-121
lines changed

11 files changed

+668
-121
lines changed

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

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<article>
2+
<h2>Converse Chuck Taylor All Star Low Top</h2>
3+
<img
4+
src="https://i.ibb.co/Jr7Wh1d/challenges.jpg"
5+
alt="Foto do All Star"
6+
height="250"
7+
widht="250"
8+
/>
9+
<p>$65.00</p>
10+
<p>Free Shipping</p>
11+
<p>
12+
Ready do dress up or down, these classic canvas Chucks are an everyday
13+
wardrobe staple.
14+
</p>
15+
<a href="#">More information &rarr;</a>
16+
<h3>Product Details</h3>
17+
<ul>
18+
<li>Lightweight, durable canvas sneaker</li>
19+
<li>Lightly paddled foothed for added comfort</li>
20+
<li>Iconic Chuck Taylor ankle patch</li>
21+
</ul>
22+
<button>Add to Cart</button>
23+
</article>

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

File renamed without changes.

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

File renamed without changes.

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

File renamed without changes.

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

File renamed without changes.

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

File renamed without changes.

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

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>The Basic Language of the Web: HTML</title>
7+
</head>
8+
<body>
9+
<!--
10+
<h1>The Basic Language of the Web: HTML</h1>
11+
<h2>The Basic Language of the Web: HTML</h2>
12+
<h3>The Basic Language of the Web: HTML</h3>
13+
<h4>The Basic Language of the Web: HTML</h4>
14+
<h5>The Basic Language of the Web: HTML</h5>
15+
<h6>The Basic Language of the Web: HTML</h6>
16+
-->
17+
18+
<header>
19+
<h1>The Chode Magazine</h1>
20+
21+
<nav>
22+
<a href="blog.html">Blog</a>
23+
<a href="">Chanllenges</a>
24+
<a href="">Flexbox</a>
25+
<a href="">CSS Grid</a>
26+
</nav>
27+
</header>
28+
29+
<article>
30+
<header>
31+
<h2>The Basic Language of the Web: HTML</h2>
32+
<img
33+
src="img/laura-jones.jpg"
34+
alt="Headshot of Laura Jones"
35+
height="50"
36+
width="50"
37+
/>
38+
39+
<p>Posted by <strong>Laura Jones</strong> on Monday, June 21st 2027</p>
40+
41+
<img
42+
src="img/post-img.jpg"
43+
alt="HTML code on a screen"
44+
width="500"
45+
height="200"
46+
/>
47+
</header>
48+
<p>
49+
All modern websites and web applications are built using three
50+
<em>fundamentals</em> technologies: HTML, CSS and JavaScript. There are
51+
the languages of the web.
52+
</p>
53+
<p>
54+
In this post, let's focus on HTML. We will learn what HTML is all about,
55+
and why you too should learn it.
56+
</p>
57+
<p>
58+
HTML stands for <strong>H</strong>yper <strong>T</strong>ext
59+
<strong>M</strong>arkup <strong>L</strong>anguage. It's a markup
60+
language that web developpers use to structure and describe the content
61+
of a webpage (not a programming language).
62+
</p>
63+
<p>
64+
HTML consistes of elements that describe different types of content:
65+
paragraphs, links, heading, images, video, etc. Web browsers understand
66+
HTML and render HTML code as websites.
67+
</p>
68+
<p>In HTML, each element is made up of 3 parts:</p>
69+
70+
<ol>
71+
<li>The opening tag</li>
72+
<li>The closung tag</li>
73+
<li>The actual element</li>
74+
</ol>
75+
76+
<p>
77+
You can learn more at
78+
<a
79+
href="https://developer.mozilla,org/en-US/docs/Web/HTML"
80+
target="_blank"
81+
>MDN Web Docs</a
82+
>
83+
</p>
84+
85+
<h3>Why should you learn HTML?</h3>
86+
87+
<p>
88+
There ar ecountless reasons for learning the fundamental language of the
89+
web. Where are 5 of them:
90+
</p>
91+
92+
<ul>
93+
<li>To be able to use the fundamental web dev language</li>
94+
<li>
95+
To hand-craft beautiful websites instead of relying on tools like
96+
Wordpress or Wix
97+
</li>
98+
<li>To build web applications</li>
99+
<li>To impress friends</li>
100+
<li>To have fun</li>
101+
</ul>
102+
103+
<p>Hopefully you learned something new here. See you next time!</p>
104+
</article>
105+
106+
<footer>Copyright &copy; 2027 by The Code Magazine.</footer>
107+
</body>
108+
</html>

‎starter/03-CSS-Fundamentals/challenge1.html

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Document</title>
7+
</head>
8+
<body>
9+
<link href="style-challenge.css" rel="stylesheet" />
10+
<article class="product">
11+
<h2 class="product-title">Converse Chuck Taylor All Star Low Top</h2>
12+
<img
13+
src="https://i.ibb.co/Jr7Wh1d/challenges.jpg"
14+
alt="Foto do All Star"
15+
height="250"
16+
widht="250"
17+
/>
18+
<p class="price">$65.00</p>
19+
<p class="shipping">Free Shipping</p>
20+
<p>
21+
Ready do dress up or down, these classic canvas Chucks are an everyday
22+
wardrobe staple.
23+
</p>
24+
<a href="#" class="more-info">More information &rarr;</a>
25+
26+
<ul class="colors-list">
27+
<li class="black"></li>
28+
<li class="blue"></li>
29+
<li class="red"></li>
30+
<li class="orange"></li>
31+
<li class="green"></li>
32+
<li class="brown"></li>
33+
</ul>
34+
35+
<h3 class="details-title">Product Details</h3>
36+
<ul class="details-list">
37+
<li>Lightweight, durable canvas sneaker</li>
38+
<li>Lightly paddled foothed for added comfort</li>
39+
<li>Iconic Chuck Taylor ankle patch</li>
40+
</ul>
41+
<button class="add-cart">Add to Cart</button>
42+
</article>
43+
</body>
44+
</html>

0 commit comments

Comments
 (0)