HTML · Chapter 2: Basic HTML Elements
Use what you've learned so far to make a blog post
Now that you learned about some basic HTML elements and hopefully tried them out for yourself, you can make your own web page!
For this project, your goal is to make a blog post. Try using everything you've learned so far:
Here's an example:
The solution below will show you the code for the page shown above, but feel free to experiment with the design for your own page.
The horizontal line below the title on the example page is created using the <hr> tag. It stands for "horizontal rule".
<h1>A Fun Blog</h1>
<hr>
<h2>A Blog Post About Cheetahs</h2>
<h3>Table of Contents</h3>
<a href="#where">Where Do Cheetahs Live?</a>
<br>
<a href="#facts">Fun Facts About Cheetahs</a>
<br>
<br>
<h3 id="where">Where Do Cheetahs Live?</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis nunc lacus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin eget lorem ac lorem porta euismod. Integer consectetur ultrices eros vel malesuada. Maecenas urna nisl, fermentum nec placerat vitae, convallis vitae mi. Sed ornare fringilla auctor.</p>
<h3 id="facts">Fun Facts About Cheetahs</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis nunc lacus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin eget lorem ac lorem porta euismod. Integer consectetur ultrices eros vel malesuada. Maecenas urna nisl, fermentum nec placerat vitae, convallis vitae mi. Sed ornare fringilla auctor. Phasellus convallis, libero sit amet vehicula ornare, magna nibh consectetur eros, at porttitor risus lectus quis est. Integer luctus, ipsum vel euismod vehicula, est ex ullamcorper ante, id auctor erat nisl a dolor. </p>
<img src="https://images.pexels.com/photos/162313/cheetah-sitting-big-cat-feline-162313.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500">
Give the project a try first.