In this session, let us get an introduction to HTML. Let us also see the HTML file structure. html Hypertext Markup Language. This is used for creating web pages. html, use a good look and feel for your web page. This is easily understood by the browser.
That is why it is called as the mother tongue of the browsers. with HTML, you can get good appearance and a structure for your web page. This is achieved with the help of predefined tags that are in HTML. Say for example, if you want to add a table to your webpage, you can go in for a table tag. If you want to make your content bold, you can go in for the tab. similar to this.
There are many more tasks which are there in HTML. We will be learning how to use them India Coming session. Next, let us see the features of html5. html5 is a new generation HTML. With html5, you can create advanced web pages. Say for example, if you want to add audio and video to your webpage, it is possible with the audio and video tags that are in html5.
In older versions of HTML, if you want to add audio or video, you need to use external plugins like flash. html5 also supports basic validation. For example, if you are having a registration form, if you want to validate phone number or if you want to validate the email check whether it is having at the rate and.or. If you want to validate a text field specifying that it is required. All these basic validations can be performed with the help of HTML. html5 has gotten Few tabs, which support these features.
In older versions of HTML, you need to use JavaScript to perform these validation. So html5 provides better error handling support. This is also supported by major browsers. Now, we will be learning about the new tags that are in html5 in the upcoming sessions. Now, let us talk about HTML elements or HTML tags. As I told you, HTML has got a set of predefined tags.
These are also called us HTML elements. All the tags are embedded visit angle bracket that does it starts with an angle bracket and end with an angle bracket. The tags are categorized as empty tags, tag with body content tag with attribute tag with body content and attribute. What is the meaning of it. Let me explain you As an example, let me first start with empty, I have added via with an angry bracket and I'm ending the tag where it says it is not having any content, this BR is called as break, it is used for giving a line break, this is an empty tag because it is not having a content. Next, which body content I have got a content Hello word and this is enclosed with this be an angle bracket b b is bold.
The use of content is enclosed with B tack the content will be converted into bold. So, this bolt be tagged as God body content within itself. Next, with attributes, few tags I've got attributes. Here my tag name is input that attribute is type and the value is text. Next, with body content and attribute, I have got a form tab. The form tag has got its attribute a name with a value.
And I'm ending the form tags later, which is having content within itself, which can be direct content or it can be child tag. In this case, the form tag is having a child tag as input. So these are the different categories of HTML tags for HTML elements. They are all I mean, they are already set. So you have to use it appropriately. Now, let us see the HTML file structure.
Any HTML document is HTML. I have started that HTML page with HTML, and I'm ending it with slash HTML. Above the HTML, I've got doctype HTML. This line indicates that this is a html5 document. This is to inform the browser that you are using the html5 version. So these the tags like audio and video are Getting supported.
This is only for integration to the browser. This HTML stack has got two choices that one is head fat, the other one is body fat. head is having its own set of child that body will be having its own set of child tabs. What is the use of head head the head that that to give information to this particular page, we are using head tag. Suppose if I want to specify that this page needs this particular styling, this page should have this title. This page needs this particular JavaScript.
If I want to give information to the States, I have to add them in the head but adding in the body part will be rendered in the browser. How to Save this file. Then once you have created a HTML file, you can save it as any name dot htm or any name dot html. Now, let us discuss about the child tab head body in detail the head tag, as I told the head tags defines the head that it has got few child tags within itself. What are the title, meta link style and script title to give a title for your page meta, this is just to do the information for the search engines, like who is thought that what actually this page is about. So these kinds of information can be given and meta tags data about this particular page.
This link if you want to add an external stylesheet to the current page, you have to use this link that if you want to add a styling into this page itself directly, you need to use style tag and script if you want to add an external JavaScript or if you want to add scripting in the same page, you have to use script tag. Basically script as you wish for doing validation, doing animation, modifying email All these can be performed with this script. So script is done the JavaScript style is done the CSS cascading style sheets for adding styles to your web page and body are the child tags will be added in the body tag. This is for rendering the information to the browser. So whatever I have explained is given over here, script, meta style and link. This will be the final HTML file structure doctype which specifies that this is a html5 document.
The starting and ending will be the HTML tag having two child tags head and body part. Inside head. I have got meta title to give a title for the webpage link to link an external stylesheet to the current page style to add a styling to the current page. Here it says and script to add an external script file To add a JavaScript here result in the same page. So this is all about the introduction to HTML. To work with HTML, we need a text editor.
In the next session, let us learn how to download and install a text editor to work with HTML. Thank you.