Important Tags in Html
- Introduction
- Text formatting
- List tag
- Image Tag
- Conclusion
Introduction:
Now we will learn the grammatical methods for HTML tags one by one. The tag is used to type an information. There are two parts of tags opening tag and closing tag. To Start information for using opening tag and to end type information for using closing tag. Opening tags contain Left angle bracket, one character add right angle bracket. Closing tags contain Left angle bracket, forward slash, one character and right angle bracket. Each tag is set within the parentheses and each open tag contains a closing tag. HTML tag as opening with <HTML> and ends with </HTML> and it is a root tag of HTML. Every closing tag have needed forward slash and next you need to get the corresponding tag name.
One HTML file contain starting with <HTML>tag and ending with </HTML> in html tags it is compulsory. This language commands can be written in small or large letters anyway. This tags are also called as attribute. That is, a tag called <img> helps to display an image (image, photo, graphic, picture) on the screen. Thus the width and height of the image displayed on the screen can be determined by the height and Width attribute itself. We will see the tags used in the HTML language and their attributes one by one.
Text formatting in Html tags :
General Syntax:
<!DOCTYPE html> <html> <head> <title>Welcome</title> </head> <body> Type your tags here.... </body> </html>
<P> TAG:
Each message tag called paragraph tag<p> in the HTML language if it is to be expressed in each line. This <p>paragraph tag has an attribute called align. This allows a message to be displayed on the right, center, and left side of the screen. The browser software will know where the <p> tag is used when creating the html document and the information next to that <p> command should appear in the next section. If you want to divide the information in the document into different sections, you can use the <p> command at the beginning of each paragraph.
Syntax: <p align = "left (or) right (or) center (or) justify"> Left = align left " Right = "align right " Center = "align center " Justify = "two sides are even"
<H1> to <H6> TAGS:
<H1.,<H2>,<H3>,<H4>,<H5>,<H6> The six tag are called title or heading tags. The six heading tags having align, src, dingbat, nowrap and clear attributes. The <H1> is used for main title and headings and other tags is used for sub-headings.
Syntax: <H1>...HEADING 1...</H1> <H2>...HEADING 2...</H2> <H3>...HEADING 3...</H3> <H4>...HEADING 4...</H4> <H5>...HEADING 5...</H5> <H6>...HEADING 6...</H6>
<BR> TAG:
Using this you can also provide a blank line between one message and another message. For that using <br> break tag. This tag alone does not have a closing tag and attributes. It is a blank tag
Syntax: <p> ...Text....</p> <br> <p> ...text...</p>
<B> TAG:
This <b> tag helps to express a message in bold. The important keywords and news use to bold, viewers are easy to identify the main keywords.
Syntax: <p><b> ...Text...</b></p>
<CENTER> TAG:
This <center> TAG allows all messages to be centered on the screen. This <center> tag focuses on all the messages until it encounters its closing tag </center>.
Syntax: <center> ...Text... </center>
List in Html Tags :
When compiling information in an HTML document, the commands in the List-tag help to sort and display such information in an orderly manner on the screen. When creating a document, the list tag is used to give us the information given in it, sort it and make it appear on the screen in small sections. There are three types of list in html tags .
Unordered list – <UL>
Ordered list – <OL>
Description or Definition list – <DL>
Unordered List – <UL> TAG:
The list starts with the opening tag <UL> and closing in </UL> tag. Then you have to enter the list element followed by a line <LI> and Each element must have a separate <LI> tag. The bullet character display is in front of the sections, sub-sections and each information generated using the unordered list method.<UL> tag is a pair tag. It have type attribute and the values ??of disc, circle and square. You can use any one of these values in the Type attribute. Usually the type attribute “Disc” in the unordered list is the permanent type attribute. The list item text is displayed on the screen in the bullet character corresponding to the value (disc, circle, square) given in the type attribute.
Syntax: <UL Type = "disc / square / circle"> <LI>.....Text.....</LI> <LI>.....Text.....</LI> ........ </UL>
Ordered list – <OL> TAG:
The numbers are displayed in before partitions, subdivisions and information created using the Ordered list method. These numbers are arranged in ascending order in the same order. Numbers are in the ordered list is, Numeral (1,2,3…), Roman Numeral (i, ii, iii…) and Case Alphabets (A,B,C,a,b,c…). In HTML file using <OL> tag to create Ordered List.
Syntax: <OL Type = "1 / A / a / I / i " Start = N> <LI>.....Text.....</LI> <LI>.....Text.....</LI> ........ </OL>
Description or Definition list – <DL> TAG:
The definition or description list allows you to display a text (term) in the first line of a document, followed by a description of that text, on the screen. Even if the information is given in the any manner in the html document, it will all appear in the same paragraph. It depending on the type of pair tag and it starts with the start-tag <DL> and ends with the End tag </DL>. The <DL> and <DD> tags are also know as term definition pairs.
1.Definition List – Term (DL) = Text to be given
2.Definition List – Definition (DD) = The explanation of that text should also be given
Syntax: <DL> <DT> Term Text <DD>Definition <DT>Term Text <DD>Definition ..... ..... </DL>
Image Tag:
<img> tag to use image markup in HTML Language and it is a self-closing tag. It have the attribute of SRC for locating a image file. You can make the image larger or smaller on the screen by adjusting the values of the width and height attributes to set the image size. This will display the message presented here as an alternative if the image could not be displayed by the browser. Revealed quickly on the web page Jpg and any type of images. When I upload images to a document via the <img> html tags , the Html document file is saved. The directory should contain the file containing those images. Only if there is an element is visible in the browser window otherwise it is not visible.
Syntax: <img src="image location" alt="Text" Width ="80px" height ="50px" Border=" 2px" align="left">
Conclusion:
These types of tags in html language is very use full and developers also using.