What's up guys, you are back to the Sigma web development course. I'm really very happy that you guys have given so much love to this course. Like this course with high energy. Because for a Sigma free course, you need to be like the Sigma chads. In today's video, I'll explain you the basic structure of a website. Along with that, I'll tell you a mobile trick which will help you know how to preview your website on your phone I have a request from you all, write in the comment section if you know HTML or not That will help me structure this course better In this video, I will tell you the impact of chat gpt Because there are a lot of talks going on about chat gpt In the coming videos, I am going to make you do quizzes So understand this video very carefully and learn all the concepts Let's go to the computer screen. Let's roll the intro. Intro So guys, I have come to my computer screen. And now we will talk about how to open text, close text, structure basic, a website lay. So here is my folder I will make a folder named video3 new folder, video3 and in video3, I will open with code by right clicking and here you can see that my theme is of blue color and many people said that blue theme is not good see, the theme is our own choice if you want to change the color theme so you can change your color theme, I want to use the dark one of Github, so I can use the dark one of Github, it's your choice. To make a new file, I will put index.html here. We had already talked about that if I write the title of the page here, and write the content here, and then using the link tag here, I can use Emmet here and link Emmet to link style.css I am doing it so fast because we have already talked about it in the last video and if I write script.js here and if I write let us say alert hello then I will not tell you again and again that if I put a script tag here just before the body and after that I put script colon src and did script.js and then I clicked put script.js and then I will click here and open with browser and then this hello will come and if I change the background to red then it will be red I will not tell you all this because I have already told you all this I will tell you now that what is the meaning of this structure why did I write so big this is a doubt for a beginner that we can't write this title and content directly What is the need to write so much? So I will tell you what is the need to write so much? I will reload it, see the content that was here It came and it became red here Now here you saw that I needed to reload the page Many of you will ask why did I need to reload? When it already reloads live So see I changed the CSS file when I change the CSS file, at times we need to reload if you are using HTML file and making changes you don't need to reload the changes of HTML file now here what I will do I will come back and explain to you this is a basic structure of any HTML website first we write doc type HTML then we write HTML tag. Now see this is the opening tag of HTML tag, this is the closing tag. This is the opening tag of body, this is the closing tag. This is the opening tag of head, this is the closing tag. Means whatever is inside it is the content of head. Whatever is inside HTML is the content of HTML. Accordingly, whatever is inside title is the content of title. Now you will say what is the content of meta? So meta is a self is the title content. Now you will ask what is the content of meta? So meta is a self-closing tag. There are two types of tags in HTML. One is self-closing tag and the other is pair tag. What happens in pair tag is that your opening tag is a closing tag. So this is the basic structure of the HTML website. Now here you saw that the background has turned red. Who is the reason for this background red? This is happening because of CSS. If I remove CSS from here and tell CSS to move away what will I say to CSS move away quickly and as soon as I tell CSS to move away it will have to move away, I will reload the page so you can see it has moved similarly I can also tell JavaScript move away quickly now see if I say from here, the alert will also stop so you see now if I reload the alert has also stopped, So now you see, when I reload, the alert has also stopped. So the CSS and JavaScript I added to the HTML content, This is additionally CSS and JavaScript functionalities We used to link with this HTML page. Now I have already told you about the title tag. This page is used to set the title. Now the only purpose of this is that you see the title above. The search engines also use this That is, the search engines are Google If you write here Code with Harry HTML So I have put all the titles of Code with Harry's HTML introduction, HTML working on the page You see here above HTML introduction is the title of the page So these titles of the page are used by the search engines and are parsed Now if I change the page here, So here the HTML title is working. Now if I change the page again, You can see that the HTML title has been installed here. So the titles keep changing. With that, as I keep changing it, It will keep changing, As you can see. So the title of HTML pages doesn't mean that you can see this here It is also very useful in SEO And it tells what is the content inside the page So it describes the page content Like I am getting to know what is HTML execution HTML execution means how HTML is being executed I am being told about this page So changing the title of the page is a very good SEO practice So we will make a website from any framework We will keep changing the title of the page. Now here is the head section, in the head section, there is a page metadata, like the title, and which script you want to link, along with that, there are other meta tags, about which I will tell you later. Meta tags basically mean that how is the HTML document, it is told about it, keywords are added, descriptions are added, meta description is is told, keywords are added, description is added meta description is a very important keyword for SEO that is, you can write about what this page is about if you go to my website, then you will get to see here in view page source that meta description tag is there this is compressed html, so don't be confused by this but here you can see that meta description tag is there which describes this page if we talk about google then meta description is shown here now i want to show you that dog type, html what happens inside the head key, page, meta tags, title tags, script tags link tags are also there so the script tag you can put it just before the body and above and what is the difference we will talk about it in the next course But here you can see I used the link and added CSS again Then after this, the body is the main content of the website Which you can see on this page So what you will see on this page That will be the body Whatever you put inside the body, you will see it here And whatever script you put, it will be executed Now by putting a script here And by putting a script and by putting script in head what will happen I will tell you in the course but this is a basic structure of HTML website lang is equal to en is an attribute it is inside any tag lang is equal to en so lang is an attribute whose value is en so these key value pairs are used which tell about this tag like in meta tag name is equal to description is used so name is equal to description is an attribute and if you hover in VS code it will tell you many things about it see I hovered on name so it is telling about this attribute that why this attribute is used and how now most of the content inside the body mostly you will copy the HTML raw mostly from websites like codewithari.com you will come here and copy the source code like if I talk about forms, then you will come to this page of HTML forms and you will copy it from here and you will start making your form and you will modify it, so copying and pasting is very important according to me, as a senior developer you should know that from where to copy and paste and when to do it and I am not saying this sarcastically, okay, I am not saying sarcastically this thing will always be same now you can type it or copy paste it obviously you will prefer to copy paste it because it's not going to change and if you copy paste it then your time will be saved then innovation is to put your mind where it can't be copied so you can consider it as a sigma rule that you will copy paste that thing which has to be copied and where you have to copy paste and where you have to think, it can't be copied so you will save time and think there The most important part of being a senior software developer is to where to copy paste from which stack overflow question to copy paste from and how to paste it from where Copyright Code Ve Dayari, 2026, whatever you understand I have said my copyright statement, but this statement is very strong Now I will tell you about a technique, with which you can see this website Whatever we will develop here, you will be able to see it in this mobile Now listen to the steps carefully, right click, open terminal And write ipconfig, if you are in the old version, then you can open command prompt or powershell after writing ipconfig, as soon as you enter you will see ipv4 address 192.168.1.199 now the ip address we have got here, I will copy it so I will copy this ipv4 address and in my settings, I will write live preview this local IP host address to host your files on is written I will write my ip address in its place and on This is written I will write my IP address instead of this And after doing this I will restart my VS code You have to ensure one more thing That you go to your Wi-Fi settings Make your network a private network It should not be a public network It should be a private network Network and internet Wi-Fi Whichever Wi-Fi you are connected to Make it a private network And now you will right click and click on show preview and you will see your ip address I can use this on my phone as well so I will quickly enter my ip address so I have entered 192.168.1.199 colon 5000, you can also enter 3000 whatever your port is, you can enter that and you can see my website has been previewed on the mobile. This trick is very useful when we want to preview on our mobile. Because nowadays most of the websites are seen on the phone. So we want our phone users to be able to enjoy our website. And we are developing in the computer, so that testing will be done. Now if you have not put your review in the first video, then I will request you to come to the first video and review your course. I told you in the last video, please review it. Put an initial review, how did you feel after seeing so much course? Now write initial review there. As soon as you write the initial review, people will know what is the initial review of this course. You give me 5 stars, along with that, do access it from the playlist description. Click here and bookmark it. Or click on the star and it will be bookmarked. And it will start showing in your bookmarks. I have bookmarked it here. Click here and save it. Very few people have accessed the playlist. So I want everyone to access this playlist. Bookmark and save this playlist. So access the playlist. Like the video. Give your village and your uncle land to me.