(HTML tags can be referred from www.w3schools.com) 1.1 BASIC HTML TAGS (HTML tags can be referred from www.w3schools.com)
An HTML element usually consists of a start tag and end tag, with the content inserted in between . There are two types of HTML tags. 1. Container Tags. 2. Empty tags. Container tags: They are the tags that encloses the content with a starting tag and ending tag. The examples of container tags are <b>, <i>, <u> etc Empty tags: They are the tags that have a start tag, but doesn’t have an end tag and content . The examples of empty tags are <br>, <hr>,<img>, <input> etc. Empty tags can also be represented as <br/>, <hr/>, </img>, </input> etc.
<BR> :: The <br> tag defines a line break. Example1.html Welcome <br> to<br> html OUTPUT:
2. <HR> :: The <hr> tag defines a horizontal line. Example1.html Department of Computer Science & Engineering <hr> OUTPUT:
3. <SUP> :: It defines a superscript. Example1.html (A + B)<sup>2 </sup> OUTPUT:
4. <SUB> :: It defines a subscript. Example1.html H<sub> 2</sub> O OUTPUT:
5. <pre> :: It is used for indicating preformatted text. Example1.html Welcome To HTML OUTPUT: Welcome to HTML Reason: The browser removes any extra lines or extra spaces from the program while displaying the output on the window.
Example1.html <pre>Welcome To HTML </pre> OUTPUT: Welcome to
6. <P> :: It defines a paragraph. Example1.html Welcome to html.<p>HTML stands for Hyper Text Markup Language. It is an interpreted language. It was developed by tim berners-lee. It was first introduced in the year 1991. It is maintained by World Wide Web Consortium(W3C).</p>The latest version of HTML is HTML5 introduced in the year 2014. OUTPUT:
The important attribute of <p> tag is align. The possible values for align attribute are left, right and center. Example1.html <p align=“right”>Welcome to html</p>. OUTPUT:
Example1.html <p align=“center”>Welcome to html</p>. OUTPUT:
7. <H1> to <H6> :They define HTML headings. Example1.html <h1>welcome to html</h1> <h2>welcome to html</h2> <h3>welcome to html</h3> <h4>welcome to html</h4> <h5>welcome to html</h5> <h6>welcome to html</h6> OUTPUT:
8.<A> : It is called anchor tag. It defines a hyperlink, which is used to link from one page to another page. The important attributes of <a> tag are: Example1.html <a href=D:\cse.pdf>Click here</a> to download CSE syllabus OUTPUT: Attribute Name Description href target
OUTPUT 1: (example1.html) OUTPUT 2: (history.html)
Example1.html <html> <a href=D:\history.html>Click here</a> to get history of HTML </html> history.html <P> HTML stands for Hyper Text Markup Language. It was introduced in the year 1991 by Tim Berners lee. It is an interpreted language. It is maintained by World Wide Web Consortium(W3C). HTML is Case sensitive. </p>
9.<strike> or <s> or <del> :: It displays a strikethrough text. Example1.html <strike>Department of Computer Science & Engineering </strike> OUTPUT:
10.<u> :: It displays underlined text. Example1.html <u>Department of Computer Science & Engineering </u> OUTPUT:
It allows designer to change size, color and face of the text. 11.<font> :: It allows designer to change size, color and face of the text. The attributes for font tag are size and color. The possible values for the attributes are listed in the table given below: Attribute Name Values Description Size 1,2,3,4,5,6,7 Default value for size is 3. Size=1 represents smallest font. Size=7 represents largest font. color Red,green,blue.magenta etc Color can be represented in 2ways: Using color codes Using color names For Eg: #FF0000 represents red color. #800000 represents gray color.
Attribute Name Values Description Size 1,2,3,4,5,6,7 Default value for size is 3. Size=1 represents smallest font. Size=7 represents largest font. If the user mentions a value less than 1 for size attribute, browser treats value of size as 1. Example: size=0 size=1 size= -5 size=1 If the user mentions a value greater than 7 for size attribute, browser treats value of size as 7. size=90 size=7 size= 500 size=7
Example1.html <font color=red> welcome to html </font> OUTPUT:
Example1.html <font color=red size=7> welcome to html </font> OUTPUT:
12.<marquee> :: It moves the text across a defined section of web page. Direction=up, down, left, right Default value is left Behavior=scroll, alternate Example1.html <marquee> welcome to html</marquee> OUTPUT:
13.<div> :: It . Example1.html OUTPUT:
14.<span> :: It . Example1.html OUTPUT:
15.<center> :: It displays the text at the center of the line . Example1.html <center> welcome to html</center> OUTPUT:
16.<b> :: It displays text in bold. Example1.html <b> welcome to html</b> OUTPUT:
17.<i> :: It displays text in italic. Example1.html OUTPUT:
18.<blockquote> :: It . Example1.html OUTPUT:
19.<small> :: It . Example1.html OUTPUT:
20.<strong> :: It . Example1.html OUTPUT:
21.<header> :: It . Example1.html OUTPUT:
22.<footer> :: It . Example1.html OUTPUT:
23.<q> :: It . Example1.html OUTPUT:
24.<mark>: It is used to highlight a text. Example1.html <mark>this text is highlighted</mark> OUTPUT: The default color to highlight the text is yellow. The default color of text is black.
25.<address> :: It . Example1.html OUTPUT:
26.<blink> :: It . Example1.html OUTPUT: