Lesson 1. overview of HTML
The Full Form of HTML is hypertext markup language. it would not be wrong to state that it is the base language for website development all around the world. if you are working in the website designing and development sector, knowledge of html is a must!
In order to understand the language better,let us understand the words that make the acronym html. it is a well known fact that web pages are linked to each other.The link that is available on a webpage and which takes you to another webpage is called hypertext.The phrase markup language refers to the fact that html marks up web pages with the help of tags. These tags are interpreted by the browser to understand how the webpage needs to be displayed.
The intent behind the development of this programming language was to create a generic structure for documents by classifying it's content into categories like header,paragraph ,table ,image ,list and footer , in addition to many others . It was primarily created for the research community to facilitate sharing of documents and easy understanding of the same.
Basic HTML document
before moving further, let us look at a basic html document. The example code given below corresponds to a webpage.
<!doctype html>
<html>
<head>
<title>Sample Webpage</title>
</head>
</body>
<h1>First heading</h1>
<p>content of the webpage will appear here.</p>
</body>
</html>
This code can be saved in any text file created using a text editor . the extension of the file must be changed from text to htm or html.
When this file os opened as a webpage using any of the Browsers installed on the system , it shall yield the following result.
Tags in HTML
1.<!doctype>
This tag is used to tell the browser the type of the document and the version of html that is used to create the same.
2.<html>
The whole html document is enclosed inside the html tag.All the other tags like <P></P>,<body></body>and <head></head>,in Addition to others,shall be enclosed inside this main tag.
3.<head>
This is the first tag that appears inside the html tag.it represents the head of the document and contains tags like title and link.
4.<title>
This tag is used to mention the title of the document and is the tag placed inside the head tag.
5.<body>
The body of the document is enclosed inside this tag.All other tags like <P></P>,<h1></h1> and <div></div>, in addition to others Are placed inside this tag .
6.<h1>
This tag represents the first level heading .There are tags like<h2>,
<h3>and <h4> that Change the font size and attributes to represent a lower level heading .
7.<p>
A paragraph is represented with the help of this tag.
Learning html is all about learning the different tags available in this programming language and how each of them behaves with a different set of attribute values.
Document Structure
The typical structure of a document is as follows
<html>
<head>header related tags appear
here</head><body>body related tags appear
here</body></html>
The <!doctype> declaration
In order to tell the browser the html version that is used to create a webpage ,the <!doctype> declaration is used. html-5 makes use of the following
Type of declaration for document type.
<!doctype html>
depending on the version of html being used, the declaration for the document type will also change.
0 टिप्पणियाँ