Learn HTML In Arabic 2021 - #04 - Head And Nested Elements

In the name of God, the Most Gracious, the Most Merciful, and peace and blessings be upon the most noble of messengers, our master Muhammad Today, we will talk about the element of the head and the elements inside it and we will take some advanced information, God willing Let's do Ctrl + + to zoom in on the code and close the Explorer tab to focus here

In the previous videos we talked about the word "Meta Data" Meta Data is information about information This is the translation or meaning of the word Meta Data Today we have the first element in the head, an element called Meta The first thing we need to know about Meta before we go inside and talk about it and do anything about it is that this is an element of the self-closing tag The element that does not have a closing tag You will find that the title has a closing tag because it is inside

content in this way, the body is inside content so it has a closing tag, the HTML inside it is content so it has a closing tag and so on the meta element doesn't have a closing tag, that's why you'll find that it has a slash at the end and this indicates that it is a self closing tag, at the end the element closes itself, ok, great

Inside this meta we will use something called attributes These attributes are additional attributes in the element that express information about it and distinguish an element from another and so on We will talk about it in a complete video about attributes by the will of God Ok, the first attribute in the meta is called

CharSet or CharacterSet What is CharacterSet? Character is any letter or symbol you write in your content CharacterSet is called in Arabic or in the videos that explain this, the symbol The type of symbol or the type of content, the characters in your content We used to use a symbol called ISO for example

8859-1 this is a type of symbol that does not support Arabic if we write here Assalamu Alaikum like this and we go and see my website you will find the letters like this because it does not support these characters if we use the international symbol that all websites use called UTF-8 you will find it supports this this is an advanced information that you only need to know what this symbol means now ok, this is very great

We have another type of meta like the description We will write now meta and here you will write the name This is the name of our meta, it's name is description And after that you will tell it the content of your description What will you write in it? This is our book

store and let's look together where this "This is our book store" will appear as you can see it didn't appear here at all, I didn't tell you that the information in this head is data, information about your data, instructions or instructions that you give to the visitor to tell him where to go and where to come from, so these are not information that will appear at all, so where do these information appear? Let's look together at a site like Amazon or a site like a market, let's look for a market this is a market site, you will find it here for example, let's get the results like this

You will find a website called Egypt.sooc.com Let's open this website and search for two things in its page source The first thing we will search for is the description Let's write in the search box, description

this is the meta name = description the content discover and buy the best deals electronics let's see together this sentence we saw it in, you see guys? discover and buy the best deals this is our sentence, this is the description of your application so what you write in the meta description appears in this square part so you see this big first word, this is the title of the page

If we search for the title here or even without searching, it is above here. BestDealOnSuk.com Egypt, then White Friday Sale. Let's see together. BestDealOnSuk.com Egypt, White Friday Sale. So we have two things now, we see them from our meta.

the title and the meta description. So when I make my description like this and the content is like this, you will find that anyone who searches on my website will find it written "bookstore" or "L0 bookstore" and this description that you have written will be under your title. This is great and everything is fine. Thank God. Are there other types of meta? A lot. But you are not required to learn it now. Come here, if you write here "meta" like this and searched

I will get an article called "All you need to know about Meta" You will find a lot of types of Meta that you can use in a day or two. Meta for copyright, if you have something that has copyright and you want to tell people before they forget it. If you want to tell people who writes the articles. A lot of things. You have a site like Facebook that has a Meta for it. So that people who share an article from their Facebook site can control the word that will come out, the content, the image,

and where will it go and all that. So maybe after this course is over, God willing, another famous site will appear and it will have its own meta and the browser supports this meta and starts using it. So you don't need to know all the meta in the world at all. You use the meta that you want. You will tell me, okay, I mean, everyone is really inventing. I tell you, oh, let's look at the WordPress. This is a content management system. I have

It has a special meta that you can find and use in another place It's called "Meta Name Generator" and "Content WordPress" It has a special meta that you can use in another place It has a special meta that you can use in another place So there is no problem with the meta as we agreed to see the content you will use and start learning it and working with it

After we finished the meta, we have two very important elements here. The style element, and this is specific to CSS language, which we will take a full course on, God willing. You don't need to focus here. Unfortunately, the content of the previous courses in HTML when I used CSS code, people were confused and scared. Although these two languages will not be completely separated from each other.

This style is a tag for CSS blocks. You can write CSS blocks inside it. For example, I will tell it that I want the background color of my page to be red. You don't have to focus on this at all. These are things we will learn. So I just knew that I can put the styling blocks in the future when I learn CSS language.

Same thing, once I learn JavaScript I can add all my script tags here You can notice that the styling and the script are not things that appear on the page Not content that appears on the page, these are information The browser knows that I want to make the body red Or make it big or do this Same thing in the script, I tell it that I want to press the button to do this Because there is no content, these are all information for the user

Ok, ok, in the same case we have an element called link This link element has two attributes, as you saw, automatically, when I wrote the link, it made them real, which is the relationship, which is the relationship of this file with the page I'm in and the href, which we will talk about in detail, God willing, when we come to learn the part of CSS and the images and all these things, which tells you where the file is, the special one on this page, each page, God willing, you will do it after you

It will have a styling file that adjusts the shape and lines and all of that. So here it tells you where this file is located and where to find it. That's it guys, Alhamdulillah, we finished the most important elements in the head and we understood the world by the will of Allah. I hope you liked the lesson. See you in a new lesson.