What is HTML ?
Hypertext markup Language
1) Hypertext :
It is an ordinary text with some additional features like font size,
color, underline, etc.
HTML HTML HTML HTML
2) Markup :
It is a process of converting an ordinary text into hypertext.
Advantages and Disadvantages of HTML
ADVANTAGES DISADVANTAGES
1) It is very easy to use, learn and 1) Basic HTML is not a programming
implement. language in true sense.
2) No any additional Software required. 2) Calculations can not be performed in
3) Only text editor is required Eg. basic HTML.
Notepad 3) Only basic webpages can be built by
4) No any specific hardware required. HTML.
5) Cost effective.
6) It is very easy to find and correct the
errors.
7) Only a part of code can be changed.
What is tag?
• A tag is a smallest unit of markup, used to convert an ordinary
text in to hypertext.
• Tag always starts with ‘ < ‘ & ends with ‘ > ‘ sign.
• In between these two brackets there some keywords (reserved
words- who’s meaning is already defined in HTML)
• There are two types of tag- 1. Pair tag 2. Single tag.
1. Pair tag - eg. <b> bold </b>
2. Single tag – eg. <hr> Horizontal rule tag
BASIC TAGS
1.<html>…………</html>
2.<head>………..</head>
3.<title>………….</title>
4.<body>………..</body>
Basic format
<html>
<head>
<title>
Title of the document
</title>
</head>
<body>
actual document
</body>
</html>
Text formatting tags
1. Bold tag : The text enclosed between start tag <b> & close tag </b> will be
displayed in bold format.
Eg. <b> bold </b>
2. Italic : The text enclosed between start tag <i> & close tag </i> will be
displayed in italic format.
Eg. <i> Italic </i>
3. Underline tag : The text enclosed between start tag <u> & close tag </u>
will be underlined.
Eg. <u> Maths </u>
4. Strike tag : The text enclosed between start tag <strike> & close tag
</strike> will be striked.
Eg. <strike> Bollywood </strike>
Text formatting tags
5. Small tag : The text enclosed between start tag <small> & close tag
</small> will be displayed in smaller font size reducing it by 1.
Eg : <small> chemistry </small>
6. Big tag : The text enclosed between start tag <big> & close tag </big>
will be displayed in bigger font size increasing it by 1.
Eg : <big> CS </big>
7. Superscript tag : The text enclosed between start tag <sup> & close tag
</sup> will be displayed superscript.
Eg : 2 <sup> 2 </sup> = 4
8. Subscript tag : The text enclosed between start tag <sub> & close tag
</sub> will be displayed in subscript.
Eg : H <sub> 2 </sub> O
Text formatting tags
9. Preformatted tag : The text enclosed between start tag <pre> & close tag
</pre> will be displayed as it is on the output screen.
Eg : <pre>
1
2 2
3 3 3
4 4 4 4
</pre>
[Link] tag : The text enclosed between start tag <p> and close tag</p>
will be displayed in paragraph format.
Heading Tags
There are 6 heading tags.
COMPUTER
<h1> COMPUTER </h1>
<h2> COMPUTER </h2>
COMPUTER
<h3> COMPUTER </h3> COMPUTER
<h4> COMPUTER </h4>
<h5> COMPUTER </h5> COMPUTER
<h6> COMPUTER </h6> COMPUTER
COMPUTER
What is Attribute?
1) An attribute is a keyword ,written inside a start tag to affect tag’s
behavior.
2) Each attribute has a particular name and corresponding values.
3) It is possible to use multiple attributes for the same tag.
Eg. <body bgcolor=“blue” text=“white”>
.
.
</body>
Bgcolor and textname blue and whitevalues
Attributes of <body/>,<hr>,<marquee> tag.
1. <body bgcolor=“blue” text=“white” background=“path of image”>
.
.
</body>
2. <hr size=“20” width=“60%” align=“right” color=“red”>
3. <marquee scrollamount=“80” direction=“right” behavior=“alternate”>
