HTML Basics-Important Tags Used While Creating a WebPage-The tags , , , have already been discussed in the post HTML Basics- Webpage, HTML document and principles of HTML writing and therefore discussing them again here will be irrelevant. There a number of html tags but in this article tags mostly used are discussed. The Heading tag has six stages from ‘h1’ to ‘h6’ and discussed separately and other tags are discussed separately. An HTML document can be written in any text editor but the windows ‘Notepad’ is most preferred text editor. It is written like other text document except the extension must be .htm’ or ‘.html’ and use of some tags like
, etc.
, etc.
HTML Heading Tags
HTML provides a very fine system to highlight our important items to differentiate from others by using the heading tags. The heading tags are 6 in all, ,
–
, , , , and . Heading tag is a container tag hence requires a closing tag. Contents of ---
will be displayed largest in size and as we decrease the number associated with ‘H’ the display size will also decrease gradually. See the Example
–, , and . Heading tag is a container tag hence requires a closing tag. Contents of ---
will be displayed largest in size and as we decrease the number associated with ‘H’ the display size will also decrease gradually. See the Example
and . Heading tag is a container tag hence requires a closing tag. Contents of ---
will be displayed largest in size and as we decrease the number associated with ‘H’ the display size will also decrease gradually. See the Example
---
will be displayed largest in size and as we decrease the number associated with ‘H’ the display size will also decrease gradually. See the ExampleExample Heading Result -
Example HeadingExample Heading Result -
Example HeadingExample Heading Result -
Example Heading Example Heading Result - Example Heading
Example Heading Result -
Example HeadingExample Heading Result -
Example HeadingOther Most used HTML Tags
· --- - This tag is used to display the text in the centre.
‘This text in centre’
· ,--- Text written between these tags will appear bold.
· Display this text in bold Result - Display this text in bold
· --- - This tag will convert the text written between these into italic.
Convert this text into italic. Result - Convert this text into italic
· --- - This tag is used to underline the text
Underline this text Result - Underline this text
· ---This tag is used to strike through the text.
· --- This tag is used for text subscript
a5 Result – a5
· --- This tag is used for text superscript
b4 Result – b4
· --- This tag is used to increase the size of the fonts by 1 unit
This text is big Result – This text is big
· --- This tag is used to decrease the size of the fonts by 1 unit
This text is small Result - This text is small
·
--- This tag is used to for breaking the row. This is an empty tag i.e.it need not to be closed.
--- This tag is used to for breaking the row. This is an empty tag i.e.it need not to be closed.
Write a test page using the above HTML Tags
Open the text editor ‘notepad’ and create a file with ‘.htm’ or ‘.html’ extension. And write the document,
1. a5
2. This text in centre
3. b4
4. Display this text in bold
5. This text is big
6. This text is new
7. This text is small
8. Underline this text
9. Convert this text into italic
10.
This is Heading
If you have every thing correctly, your page will display like this -
a5 This text in centre b4 Display this text in bold Display this text in big This text is small Convert this text into italic Underline this text This is Heading |
No comments:
Post a Comment