Hi, in this chapter, we're going to talk about eggs. In this chapter, we're going to learn about what is what is the structure? What are the types and how you can modify an HTML code are going to create very simply page, printing our names so that we learn how to write and code the HTML. And then we'll go to them how to create a new line. Okay, now, first of all, what is a take? effect is an HTML comment actually takes are the building blocks for HTML language.

So, in order to write attic, you simply write its name. surrounded with angle brackets, like this angle bracket, Bobby, Bobby is the name of an itch in Of course, throughout this course you're going to learn more and more tags and how to use them. So, you have for example, body, body Take, for example means this is the body or the contents of the pitch, right in its title. And its section is the main source of information regarding your document. And HTML is the text that marks the start of an HTML code. Okay, now, a tag is constructed from three main issue from three main things.

First of all, the element itself element represents the technique. So for example, if you have HTML, head, title, body, this is enemy name. Then we have attribute for example, If you have a form, take for example, in order to avoid the form, I may have some attributes to define its font face, its size, its color. So a color is an attribute of the tag itself. Then we have a value. Value of course is a value course attribute.

Like for example, if I need to modify the form to be of size five, so from is the effect size is attribute and five it's, it's when you write the value surrounded with double quotations, or single quotations, or even like that without any quotations, but of course, now we're having much more standards. So take note take values, or attribute values must be surrounded with either single quote or double quotation. Both are good Okay, just some few information is that some tags are constructed from an element only. Okay, so you don't have an attribute or a value of course, okay. Some other things may have an element and attribute and value. So this means that the element is a mandatory part of the tech construction, while attributes and values are optional.

Also when writing tags in HTML code is case insensitive. This means that it still does not differentiate between capitals or small letters. So you can write all in capitals or in small automix. It doesn't matter. For each demand is the same. But for us, we're going to follow a convention The fake name will be written in all capital letters so that we differentiate between HTML code and the normal text.

But as I said, this is a convention, not Monday. Let's take an example. If we have a tag like this form, color equals red, form is enemy. This means I need to write a form. Color is its attribute, I need to modify its color and red is its value. So I need to define or write a form having color red okay.

We have two types of takes container takes is a first type container take means that it contains something between the takes. For example, if I musing tech mean all Italians This is to make the form Italian. So this economic is composed of three parts. The opening take with the opens like this, you write the name of the tech normally between angle brackets, then the contents, whatever you need to write in the color, then the closing tag, the closing tag is the same as opening tag, but you have a slash because it takes me so this is a 10th sentence of the tape. So in this case, whenever I see something like this, this means that the thickest most of our would be written in Italian. We have something called empty ticks.

Okay, empty tags do not require to have contents. For example, if you need to create a new line, well, a new line does not contain anything. So in this case, we call this an empty deck. This means it does no contained in or it does not have any effect on anything in between while atelic for example has an effect that this thickness will be written in ether, okay, now, let us start with our various things, we need to write our name in a webpage. First of all, you use any text editor as you mentioned, let's look at so I'm going to run start run type No. Okay.

Let us take the meat example you can take this with me is a font size. Okay? This is very simple If you like HTML extreme intake means I'm stocking in your HTML page head ahead the webpage is known muddy it's mean contents in gives information about each one of those the information that is required is the title, title of the page that appears like for example here, the title is untitled okay. So, we have changes of title to be welcome to my first page okay Typically, this is often take Okay, this is a contents and this is a closing take you close with the same opening tech, but they fix it with a slash. Then we close the head. Okay, so my information the recording is at page as in.

Now I need to stop the contents of it. Teach for the right body take and brought your own contents, my name isn't suppose and then you close the body, then you close it in a very simple page requiring a name to be displayed. That will now Let us save and do some tricks here. I'm going to save it from this top for example. I'm going to name this is various dot html. Now click here.

Regarding extension, it can be HTML or HTM. Actually, there is no difference between both of them. But what happened in the early computers. And like find the extension was unable to be three characters as maximum while of course with modern, you have much more 17 Z's. So they modified the extension to allow each team in it to describe the whole name of survey. Okay, now I'm going to navigate to my desktop.

This is where he would take care because sometimes your extension is hidden. So you may see you may see it filled with HTML, but as it is an extension it is taken. So take care of one small thing. Simply, if you have Windows eight, like what I have, you can open file explorer, then go to View and you have here an option called filename extensions you need to show the filename extension That you make sure that whatever is here is fair as though he made it non money if you don't show extensions and saves a file then shows extensions and it shows like this. But of course this is this is not an HTML page so you need to edit and make sure that file is named Faris dot html. Now, if you click it, it is going to open in your default browser on every year, Google Chrome as my default browser.

Now, let us analyze though this is a fatal welcome to my first page. This is what appears is the title of the browser and as a tooltip. And in the basketball, you can see this is the same is written along with To see that is from Windows. And this is my because this of course in the browser, you can right click and click View Source. You can see this is my source. One HTML tags.

Of course, I'm not within the page its effect is what appears in the page. So I have here My name is Gustav. But as you can see that I cannot modify these things. So what if I need to modify this source code is simple. Simply open again, no offense, and you can drag the file in here. Now I need to create a new line and drive by and then save the file.

You can open the file folder to open the prompts. Now it is very important to note that though I have written this in the new line, it did not have effects. Why is that? Because it's so simple. html does not recognize your new mind, no fades. In order to create a new lawn, you must use a date to create a new life.

So in this case, our take is in the or break. Whenever you are beyond this means mark and you learn. Now I'm going to say return back to my browser window and refresh using it. Now you have the new line written in the new line. This is what are requested to hit okay, so Let us summarize whatever we have written, we are going to have them side by side. Now as I said before, HTML marks the start of an HTML in peach.

This means I do not have normal text tears up. I'm using notepad in order to write my HTML code. So in this case, it means that I'm stuffing in your HTML code. Now, it has some information regarding your page. One of those information is its title. Now, this is the title of the page, then close the body monsters thought of my contents.

VR is a take to create a new life. Then close your body close you HTML and take care of the sentence. In this case, we have created our page and we have them with how to modify it and how to create a new one. Okay, so in order to summarize what we have learned in this chapter, we have created our first HTML in pitch. We have learned about the structure of HTML page, we have written our names, and we have learned how to create a new line. So this