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:
```
<>...<>...</>...</>
```
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 ↗️🏹

--

--

--

I am a web developer who writes web development content for you to make web development easier

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Manipulating images using the canvas API

READ/DOWNLOAD![ The Majesty of Vue.js 2 FULL BOOK

java script Data Types

The MERN Stack Complete Guide.

MERN Stack

Javascript for beginners: clz32 method

React-Native adding Overlay / Date Stamp To Photo

Dotenv: An Unpackaged Review

Building and Designing a Portfolio Site Using Gatsby JS and Cosmic JS

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Ahmadullahnikzad

Ahmadullahnikzad

I am a web developer who writes web development content for you to make web development easier

More from Medium

Day 11: Intro To JavaScript

CSS Fundamentals

Script Your Idea With JavaScript

Learn Javascript for beginners