Notes, Exercises, Videos, Tests and Things to Remember on Introduction to HTML and Types of Tags
Please scroll down to get to the study materials.
HTML (Hyper Text Markup Language) is text markup language used to create HTML documents (Web Pages) for The Internet. HTML is a set of logical codes or tags (markup) that are used to define the Web browser how to present the information in the Web page.
It can be applied and embedded in the text to add formatting, linking that constitute the appearance of the Web documents and the information. It is interpreted by the Web browser. The Web browser is software that runs on the Web client (user computer ) and it interprets HTML tags to display the contents of the Web page.
HTML is platform independent language. It is not a programming language like C, C++, java and BASIC.
Basically, it is a set of markup tags that tells the browser how to display the Web page content.
Some popular markup languages are DHTML, SGML (Standard Generalized Markup Language), XHTML (Extended HTML),XML (Extensible Markup Language), etc.
Tim Berners Lee developed HTML in 1990, at CERN (Conseil Europeenne pour la Recherche Nucleaire ), the European Particle Physics Laboratory in Geneva, Switzerland.
There are different versions of HTML; these are HTML, HTML+, HTML 1.0, HTML 2.0, HTML 3.2, HTML 4.01 (It has accessibility of Cascading Style sheet, and Multimedia) and now HTML 5.0 ( It has accessibility of local storage and offline database).
HTML is made up of different tags and attributes. The tag is an HTML command that shows the layout or displays the desired output of a whole or part of the Web page. HTML tag is bound by angular brackets ( < > ) that always opens with a < (less than ) sign and closes with a > (greater than) sign. It controls the appearance, layout and flow of the Web page.
A tag contains three parts: element (identification of tag), attribute and value.
The basic structure of tag is:
Here, is the beginning tag and is the ending tag.
1. Paired Tags
It is also called container tag. A tag is said to a paired tag if it along with a companion tag or closing tag appears at the end. For example, the tag is paired tag. The tag with its closing tag is used to rendered in Bold Text. In paired tag, first tag is called the opening tag and the second tag is called the closing tag.
2. Singular Tags
The second type of tag is the singular tag, which is also known as a stand-alone tag or empty tag. The stand-alone tag does not have companion tag or closing tag.
For example : Other singular tags are:
Insert a link break
Defines a horizontal rule
Defines a comment
The Meta tag is one of the head elements. Meta tag is used to make the Website or its content searchable on the WWW or internet. This tag offers information about page or description about page or author of page or keyword that is relevant to that page. Actually, it is used for search engine information. The search engine interacts with the Meta tag of the HTML page at first.
The HTML document is mainly divided into two sections. They are: Head section and Body section.
Head section is used as the first tag of any web page which signifies that it is beginning of web page.It has some elements that define header materials. It gives a descriptive title to a document. The HTML 4.0 for many good reasons requires a use of the tag. Titles show up in browser windows title bars and in bookmark and history listings. In each of these cases, one provides an important reader service when one specifies a title because the browser will display just the document’s URL. The remaining HTML elements are contained within.
Here’s the example of basic structure of HTML
<HEAD> <TITLE> Document Title </TITLE> </HEAD>
This is the Body of the Webpage.
We can prepare a web page in any text editor (e.g. notepad, word pad). After typing contents of the web page, we need to save a page with an extension of HTML. The prepared web page now can be viewed using a browser like Internet Explorer, Mozilla Firefox, Netscape, Opera, etc. While typing contents of the webpage, it can be in any case. HTML is not case-sensitive like HTML and HTML are same.
Comments in HTML
The comment tag is used to insert a comment in the HTML source code. The browser will not display comment. We can use a comment to explain tag / code, which can help us when we edit the source code later.
<!—This is comment à
Comment tag requires ! after opening bracket, but not before the closing bracket.
(Shrestha, Manandhar and Roshan, Computer Essentials)
Shrestha, Prachanda Ram, et al. Computer Essentials. Kathmandu: Asmita's Publication, 2014.
Adhikari, Deepal et.al. Computer Science- XI, Asia Publication Pvt. Ltd, ktm