Skip to content

Commit 7bcd2e1

Browse files
jamesacox53jamesacox53
committed
Completed Inline, Internal and External CSS
1 parent 319e2b9 commit 7bcd2e1

File tree

10 files changed

+28
-61
lines changed

10 files changed

+28
-61
lines changed

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

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
4-
<title>BLOG</title>
4+
<meta charset="UTF-8" />
5+
<title>Blog</title>
56
</head>
67
<body>
7-
<h2>BLOG</h2>
8-
<a href="index.html">Back to home</a>
8+
<h1>Blog</h1>
9+
<a href="index.html" target="_blank">📘 The Code Magazine</a>
910
</body>
1011
</html>

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

Lines changed: 0 additions & 34 deletions
This file was deleted.

‎myWork/03-CSS-Fundamentals/img/challenges.jpg‎ renamed to ‎myWork/03-CSS-Fundamentals/images/challenges.jpg‎

File renamed without changes.

‎myWork/03-CSS-Fundamentals/img/laura-jones.jpg‎ renamed to ‎myWork/03-CSS-Fundamentals/images/laura-jones.jpg‎

File renamed without changes.

‎myWork/03-CSS-Fundamentals/img/post-img.jpg‎ renamed to ‎myWork/03-CSS-Fundamentals/images/post-img.jpg‎

File renamed without changes.

‎myWork/03-CSS-Fundamentals/img/related-1.jpg‎ renamed to ‎myWork/03-CSS-Fundamentals/images/related-1.jpg‎

File renamed without changes.

‎myWork/03-CSS-Fundamentals/img/related-2.jpg‎ renamed to ‎myWork/03-CSS-Fundamentals/images/related-2.jpg‎

File renamed without changes.

‎myWork/03-CSS-Fundamentals/img/related-3.jpg‎ renamed to ‎myWork/03-CSS-Fundamentals/images/related-3.jpg‎

File renamed without changes.

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

Lines changed: 20 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -3,23 +3,15 @@
33
<head>
44
<meta charset="UTF-8" />
55
<title>The Basic Language of the Web: HTML</title>
6+
<link href="style.css" rel="stylesheet" />
67
</head>
78

89
<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-
1810
<header>
1911
<h1>📘 The Code Magazine</h1>
2012

2113
<nav>
22-
<a href="blog.html">Blog</a>
14+
<a href="blog.html" target="_blank">Blog</a>
2315
<a href="#">Challenges</a>
2416
<a href="#">Flexbox</a>
2517
<a href="#">CSS Grid</a>
@@ -31,19 +23,17 @@ <h1>📘 The Code Magazine</h1>
3123
<h2>The Basic Language of the Web: HTML</h2>
3224

3325
<img
34-
src="img/laura-jones.jpg"
35-
alt="Headshot of Laura Jones"
36-
height="50"
26+
src="images/laura-jones.jpg"
27+
alt="Photo of Laura Jones"
3728
width="50"
3829
/>
3930

4031
<p>Posted by <strong>Laura Jones</strong> on Monday, June 21st 2027</p>
4132

4233
<img
43-
src="img/post-img.jpg"
34+
src="images/post-img.jpg"
4435
alt="HTML code on a screen"
4536
width="500"
46-
height="200"
4737
/>
4838
</header>
4939

@@ -60,17 +50,20 @@ <h2>The Basic Language of the Web: HTML</h2>
6050
</p>
6151

6252
<h3>What is HTML?</h3>
53+
6354
<p>
6455
HTML stands for <strong>H</strong>yper<strong>T</strong>ext
6556
<strong>M</strong>arkup <strong>L</strong>anguage. It's a markup
6657
language that web developers use to structure and describe the content
6758
of a webpage (not a programming language).
6859
</p>
60+
6961
<p>
7062
HTML consists of elements that describe different types of content:
7163
paragraphs, links, headings, images, video, etc. Web browsers understand
7264
HTML and render HTML code as websites.
7365
</p>
66+
7467
<p>In HTML, each element is made up of 3 parts:</p>
7568

7669
<ol>
@@ -80,7 +73,7 @@ <h3>What is HTML?</h3>
8073
</ol>
8174

8275
<p>
83-
You can learn more at
76+
You can learn more at the
8477
<a
8578
href="https://developer.mozilla.org/en-US/docs/Web/HTML"
8679
target="_blank"
@@ -111,27 +104,31 @@ <h3>Why should you learn HTML?</h3>
111104

112105
<aside>
113106
<h4>Related posts</h4>
114-
115107
<ul>
116108
<li>
117109
<img
118-
src="img/related-1.jpg"
119-
alt="Person programming"
120-
width="75"
110+
src="images/related-1.jpg"
111+
alt="Learn Web Development"
121112
width="75"
113+
height="75"
122114
/>
123115
<a href="#">How to Learn Web Development</a>
124116
<p>By Jonas Schmedtmann</p>
125117
</li>
126118
<li>
127-
<img src="img/related-2.jpg" alt="Lightning" width="75" heigth="75" />
119+
<img
120+
src="images/related-2.jpg"
121+
alt="Lightning Strike"
122+
width="75"
123+
height="75"
124+
/>
128125
<a href="#">The Unknown Powers of CSS</a>
129126
<p>By Jim Dillon</p>
130127
</li>
131128
<li>
132129
<img
133-
src="img/related-3.jpg"
134-
alt="JavaScript code on a screen"
130+
src="images/related-3.jpg"
131+
alt="Code on Screen"
135132
width="75"
136133
height="75"
137134
/>

‎myWork/03-CSS-Fundamentals/style.css‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
h1 {
2+
color: blue;
3+
}

0 commit comments

Comments
 (0)