DEV Community

Cover image for HTML TUTORIAL FOR BEGINNERS PART 5
ahmadullah
ahmadullah

Posted on

HTML TUTORIAL FOR BEGINNERS PART 5

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:

<>...<>...</>...</>
Enter fullscreen mode Exit fullscreen mode

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>
Enter fullscreen mode Exit fullscreen mode

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>
Enter fullscreen mode Exit fullscreen mode

If you have any questions or suggestions let me know in the comment section below πŸ—¨πŸ‘‡πŸ‘.
Please like ❀ and share β†—οΈπŸΉ

Top comments (0)