Today's soundtrack is Timothy Brindle: The Restoration, a rap album filled with hope, forgiveness, and solid reformed theology. It's quite a change of pace from his debut, "Killing Sin."
We use the left and right angle brackets <x> to indicate opening tags, and </x> to indicate a closing tag. Every open tag needs to be closed.
We use the tags "h1" through "h5" to indicate different levels of headings; they get smaller the higher the number gets.
<h1>This is a large heading</h1>
We use the "p" tag to indicate a paragraph; text inside of this tag is the standard readable font.
<p>This is a paragraph.</p>
<!-- 42 is the answer to everything. -->
We can use HTML tags to improve SEO by tagging the main part of the page. <main><p>This is the main part of the page.</p></main>
To add an image to our webpage, we first use the img tag, then tag the src (the url goes inside quotation marks), and give the picture an alt description for mouseover and in case the image doesn't load. Even if we wish to leave the alt blank, we still need to include the tag - we would just leave it empty in that case. The whole thing is just enclosed inside of the img tag; there is no end img needed.
<img src="https://picturesofstuff" alt="A picture of a thing">
We can make links by using "anchors," indicated by the opening tag a href, and closed with the end tag a. We put the link in quotation marks inside the opening tag; we put the anchor text between the tags.
<a href="https://google.com">Here is the answer to your question</a>
Anchor elements will let us scroll to different sections of the same page - for example, a "go to top" button at the end of a long article, or an option to scroll to a specific definition in a glossary. To do so, we need to complete two steps: first, ad an id tag to the section we want to scroll to, then specify its name; second, create the a href link followed by a hashtag and the name of the portion of the page we wish to navigate to upon click.
<h1 id="top_of_page">Page Title</h1>
<a href="#top_of_page">Scroll to top</a>
That wraps it up for today! I've had a lot of fun getting back to HTML, which I learned the basics of in my teens. I'm actually really excited to keep going with this.