0:05
In the name of Allah, the Most Merciful, the Most Gracious and peace and blessings be upon the most noble messengers, our master Muhammad Today, insha'Allah, we will talk together about the elements of HTML
0:16
any information that I will mention in this video, you are not required to understand or memorize it these are just some random information to understand before you start writing code and before you start creating these elements by yourself I am not asking you to look at me and look at me
0:37
Today we will see together a google site, a site like ElZero.org Any site you choose and apply what I will do Our site is a set of elements in HTML that form the page that you see in front of you All of these elements have a name, a name, and other elements All of these elements we will learn in detail
1:01
To start looking at these elements, you have to go to the website and click on the right side and say "View Page Source" or press CTRL+U View Page Source brings you the page source that we created on this page. You can see this in any website in the world. Not only that, we have something called "Developer Tool"
1:26
We will talk about it in detail. You can for example in this element, if you want to know what this element is, you can click on the right and say "Inspect" This is like the researchers, you can check what this element is. You will find the element here, the words inside and the type of the element. And this is another element. And by the arrow above, I will go for example, this is another element, a picture. The same story is found in Google.
1:49
We can do this here to make sure. This is one image, and this is another one. All of these are elements that make up our web page. We agreed on that, guys. We'll talk about it in detail, God willing. Okay. We said in the introduction of the course that the HTML language
2:06
It builds the structure of the web, but I don't think this is a structure If we assume that this website is a human, I don't think this is a whole structure It's a complete human, with flesh and blood, wearing a dress, a hat, glasses and a scarf at the end I'll show you the shape of the website without the language that defines the website Which we will have a complete and detailed course, by God's will, which is the CSS language
2:30
Let's go down a little bit and find the CSS file I'll just remove it and show you what our website looks like which is the main structure This is our page without the languages that connect the page This is the shape of our page as you can see It's a structure and there are words and squares There are no combinations at all, there is no beautiful shape that you saw a while ago And this is what we can call the structure of the page
3:08
Visual Studio Code is the first editor we have of the two we recommend and the second is Atom, you will also write download Atom and both are available In Visual Studio Code you have the Windows, Linux and Mac versions choose the one that suits your operating system, of course most people use Windows so choose Windows and here you can download this next to it and both will be with you and work on both until you see which one is suitable I will tell you again as I said in the previous video
3:36
you can write it here or here, it will get the same result but it's up to you, there is one that is comfortable and one that is not, its colors are good and this is not, this is your eye that you can see it well, this is not, you can do it easily and you don't have any problem this is the icon shape of Visual Studio Code and this is the icon shape of Atom and you can open both of them
3:55
you will find it in the form in front of you and I congratulate you on the beginning, God willing, we will start to say in the name of God from the next video to open your first page. I hope, guys, the lesson is simple and easy and you like it. I will see you, God willing, in the next lesson. Peace be upon you.
