diff --git a/index.html b/index.html
index 378ee1d..fa7f517 100644
--- a/index.html
+++ b/index.html
@@ -66,7 +66,7 @@
Haus
(min-width: 1200px) 50vw, 100vw" srcset="img/haus-600.jpg 600w,
img/haus-900.jpg 900w,
img/haus-1800.jpg 1800w,
- img/haus-2700.jpg 2700w" alt="Large white rural house by Jesse Roberts on Unsplash">
+ img/haus-2700.jpg 2700w" loading="lazy" alt="Large white rural house by Jesse Roberts on Unsplash">
HTML.Haus is your home for learning how to build websites using HTML by starting with the foundation, the
structure, the bones of
diff --git a/learn.html b/learn.html
index b3134f1..5595246 100644
--- a/learn.html
+++ b/learn.html
@@ -155,7 +155,7 @@
Block Elements
img/brickwall-900.jpg 900w,
img/brickwall-1800.jpg 1800w,
img/brickwall-2700.jpg 2700w"
- alt="Red bricks peaking through white stucco wall by Gabriele Diwald on Unsplash">
+ loading="lazy" alt="Red bricks peaking through white stucco wall by Gabriele Diwald on Unsplash">
I lied before because the p tag should really be the first building block in your world of new materials. See how
the p tag is creating a new
@@ -277,7 +277,7 @@
Story
img/wooden-frame-900.jpg 900w,
img/wooden-frame-1800.jpg 1800w,
img/wooden-frame-2700.jpg 2700w"
- alt="Japanese building with red wooden frame and white roof by T.H. Chia on Unsplash">
+ loading="lazy" alt="Japanese building with red wooden frame and white roof by T.H. Chia on Unsplash">
Inline Elements
In the House of Usher example above, you probably noticed that certain text appear in italics and other
@@ -292,7 +292,7 @@
Inline Elements
might. That's because they're inline elements.
Inline elements only effect text in the same line and do not alter the visual flow of the page or document.
-
The book is an American Gothic masterwork
@@ -403,7 +403,7 @@
Accessibility
img/red-heart-brickwall-900.jpg 900w,
img/red-heart-brickwall-1800.jpg 1800w,
img/red-heart-brickwall-2700.jpg 2700w"
- alt="Black heart drawn on red brick wall by Ashkan Forouzani on Unsplash">
+ loading="lazy" alt="Black heart drawn on red brick wall by Ashkan Forouzani on Unsplash">
You've learned how to write a story. You can build a basic house using HTML, and now you understand why it's
important to build that house for everyone. Let's start learning
@@ -424,7 +424,7 @@
Attributes
Here's a visual example showing an attribute called style which you can use to change how your element is
displayed.
-
+
And here's how the actual HTML looks:
She's a brick haus!
@@ -529,7 +529,7 @@
Images
-
+
The src="img/red-house-150.jpg" is referencing a file in relation to where my current HTML page that references
the image is located. In this case, it's inside of a subfolder