What are Html Tags and Elements in web designing?
What are Html Tags and Elements in web
designing?
TAGS
Tags are the labels which are used to mark up the start and end of an element. Tags are commands inserted in a document that specifies how the document should be formatted .
The structure of an HTML tag consists of the following terms:
- Every HTML tag has a tag name, followed by an optional list of attributes , and with opening and closing angle brackets (<>). For example , <HTML>
- Tag attributes always come after the tag name, each separated by one or more space.
- A value of a tag attribute always comes after an equal (=) sign in quotes. For example , <A href=" http://www.google.com">
Types of Tags
Following are the two types of tags in HTML :
1.Container Tags (Paired Tags) :
The tags which include an opening as well as closing tag are called container tags.Example:
<HTML>-----------------------------</HTML>
<HEAD>-------------------------------</HEAD>
<TITLE>--------------------------------</TITLE>
<B>--------------------------------------</B>
<CENTER>-----------------------------</CENTER>
2.Empty Tags ( Singular Tags):
The tags that have a no companion tag means they include only opening tag are called empty tags.
Example:
<BR>
<HR>
<BASE>
<IMG>
<LINK>
HTML Elements
An element is the basic building block of HTML and is typically made up of two tags :an opening tag and a closing tag.
There are two categories of HTML elements:
Block Level Elements:
They include the tags for Paragraph <P>, Heading Levels <Hn>, Horizontal Rule <HR>, etc.Text Level Elements:
They are used for making up of bits of text including inserting images, sounds, etc. some commonly used text level elements are Bold <B>, Italic <I>, Line Break <BR>, etc.
STRUCTURE OF AN HTML DOCUMENT
The structure of an HTML document is as follows:
Sections | Description |
Header Section | It contains the header of the html document. |
Body Section | It contains the contents of the html document |
The structure of an HTML document contains some basic HTML tags that are used to create an HTML document. Let us learn these tags.
HTML BASIC TAGS
Following are the basic HTML tags to create an HTML document.
HTML Tag
The <HTML> tag is used to mark the beginning of an HTML document. It informs the browser to know that it is dealing with an HTML document. It does not impact the appearance of contents of the document. Inside the <HTML> tag <HEAD> and <BODY> tags are usually included.
Syntax: <HTML>-------------------------------------</HTML>
HEAD Tag
The <HEAD> tag defines the document header. It contains the information about a document , its titile and document’s description . It is written inside HTML tag.
Syntax: <HEAD>--------------------------------</HEAD>
TITLE Tag
The <TITLE> tag contains the title of the document. the title is displayed in the titlebar at the top of the web browser.
Syntax: <TITLE>--------------------------------------</TITLE>
BODY Tag
The <BODY> tag contains all the contents of a document or a web page.
Syntax: <BODY>-------------------------------------</BODY>
Example:
<html><head>
<title>My first HTML document</title>
</head>
<body>
Welcome to HTML
</body>
</html>
If you find any useful information in this post then please this to your friends on facebook, twitter and other social platforms...
For further reading:
If you find any useful information in this post then please this to your friends on facebook, twitter and other social platforms...
For further reading:
<< Home