We learned how to add heading elements, paragraph element, image and anchor element, today it's time to learn how to nest them within themselves.
Like example below:
<>...<>...</>...</>
If you notice we encapsulated one element within other element, let's break it down a little bit for better understanding 👇
For example if we want to nest paragraph element inside heading elements we could do this👇
<h1>I am heading element<p>,but I am paragraph element encapsulated within heading elements</p></h1>
The above code is the general formula or method of nesting HTML elements within each other.
For if we want to convert an image into a link we could do this 👇
<a href="https://www.unsplash.com" target="_blank"><img src="https://www.unsplash.com/logo.png" alt="unsplash logo"></a>
If you have any questions or suggestions let me know in the comment section below 🗨👇👍.
Please like ❤ and share ↗️🏹
Top comments (0)