02. HTML Elements & Tags    ||   Web Development Course - video Dailymotion

Ahmad Alam

Watch 02. HTML Elements & Tags    ||   Web Development Course - Ahmad Alam on Dailymotion

Transcript

00:00Now, let's talk about any website, if I want to display some information, how do I display it?

00:05In HTML, there are things called elements.

00:08If I tell you that there will be a paragraph on my website,

00:12or an image, or a heading, then we create HTML elements.

00:18HTML elements are standard elements that our browser knows.

00:22I mean, Chrome knows what is going to be in HTML, what is going to be heading.

00:28Or, if I try to create an image, then what is going to be in HTML?

00:32Usually, we use these elements to show HTML tags.

00:36If I talk about paragraph, I write a paragraph in HTML, I write a p and write a slash with the ending.

00:47And it comes in angular brackets.

00:50I mean, less than or greater than sign, if I write a p,

00:55And here, this will start and this will end.

00:58Now, in the tags, whatever I write, I have written a b, c, d.

01:02This is a paragraph on my website.

01:05If I show my heading on my website, then I can write this for this.

01:10Let me show my heading on H1 level.

01:12There are also 6 different levels.

01:14If I show my heading on H1 level, then I will write H1.

01:19And inside, I will write any heading on my website.

01:25So, if I create different elements, then I have to use different HTML tags.

01:32And these tags work is to design my website structure.

01:36So, here, we have to remember the basic thing.

01:38If I have to display something on my website, I have to display something on my website.

01:42So, for that, we need elements.

01:44And different different elements to create in HTML, we use our HTML tags.

01:49So, in detail, let's talk about HTML tags.

01:52We can understand an HTML tag as a container.

01:56I mean, any content, any thing, any text, if I want to display it on a website,

02:01So, to contain it, we need to have a container.

02:04And we call this container.

02:06We call this container.

02:07Let's take a simple paragraph tag example.

02:09We write the paragraph tag in this way.

02:12In the beginning, we call it the opening tag.

02:16And we call it the closing tag.

02:20So, in the beginning, we call it the P.

02:22It means the paragraph in HTML.

02:25And again, we call it the closing tag.

02:28But here, there is a slash.

02:29It shows that this tag is finished here.

02:32And in these tags, whatever thing comes, we call it our content.

02:37That is, the material inside, the content.

02:41This is a paragraph.

02:42It is going to be displayed on my website.

02:44And this opening tag, content and closing tag,

02:47we call it the combination of a HTML element.

02:50So, there is a very simple hierarchy.

02:52There are HTML tags.

02:53One is my opening tag, one is my closing tag.

02:56And then, there is our HTML content.

02:58And when we get the tags and content,

03:01we call it a HTML element.

03:03Now, as I will write this thing on my web browser,

03:07in my HTML document,

03:09I will create a whole web page.

03:12In which, in a paragraph form,

03:15this is a paragraph line will be displayed.

03:18In this way, we think that I have to show a heading on my web page.

03:22So, to show a heading,

03:23if I want to show a heading,

03:25I will show a heading on the opening tag.

03:28And I will show a closing tag.

03:30And in this tag, whatever material has to come,

03:32I will write heading large.

03:35So, whatever I have written inside,

03:37this will be displayed on my web page.

03:41So, if I want to show a word bold,

03:43I want to show a highlight,

03:45then we use the bold tag.

03:48So, this will be my opening tag tag,

03:50this will be my closing tag tag.

03:52And under what I will write,

03:54I will write bold word.

03:56So, when it will display on my website,

03:58it will display bold.

04:00So, if I want to show a word underline,

04:03then I can show a tag underline tag.

04:05If I want to show a word italic tag,

04:07then I can add italics tag.

04:09So, in HTML, there are many multiple tags.

04:13I don't need to remember these tags.

04:15These are so simple tags,

04:17so intuitive tags.

04:18And we will use them so many times,

04:20that we will automatically remember them.

04:22But simply, we need to understand

04:24that an HTML tag is opening, closing,

04:26and within all our content.

02. HTML Elements & Tags || Web Development Course

Category

Transcript

Be the first to comment

Recommended