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.

- diagram of p block element and strong inline element

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.

- diagram of html style attribute for paragraph tag + diagram of html style attribute for paragraph tag

And here's how the actual HTML looks:

She's a brick haus!

@@ -529,7 +529,7 @@

Images

- Red house on side of green hill by Luke Stackpoole on Unsplash + Red house on side of green hill by Luke Stackpoole on Unsplash

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