0% found this document useful (0 votes)
4 views

HTML PDF

Uploaded by

gamerketan099
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
4 views

HTML PDF

Uploaded by

gamerketan099
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 25

Adarsh Education Society

Computer Science
Std:- XII
By :- Mr. Siddhesh Naik
v Important Elements For HTML
• WEB:- A place where we can store the information and that
information we can access from anywhere and any time.
• WEB SERVER:- The computer is used to store the information
globally that computer is called as Web Server.
• WEB PAGE:- It is used to store the information in web server.
• Web Site :- It’s collection of multiple interlink web pages.
• Web Browser:– It’s application Software used to download the web
page from server to client machine.
• Definition Of HTML:-
• HTML means Hyper text mark-up language.
• Hyper means is used to create link between multiple web pages
contain textual information.
• Markup is used to design the text or its create ordinary text using
different tags and tools.
• Language is used to create communication between client and
server.
• HTML is used to design the attractive web pages or web sites.
qAdvantages Of HTML:-
1. Html is easy to understand, implement and Maintain.
2. Html doesn’t required special Software its used any type text
editor like Notepad.
3. Html doesn’t required special Hardware that mean its work
any type of configration.
4. Html doesn’t cost any thing for there used.
5. Html its not case sensitive language.
6.Html support all the multimedia element.
7.Hyper link is most important advantage coz user can travel
from one page to another page easily.
qDisadvantages Of HTML:-
1. Html its not programming language.
2. Html doesn’t display todays date and time also.
3. Html doesn’t perform any type of calculation.
4. Html doesn’t have debugger .
5. Html doesn’t have compiler.
6. In a complex code its quite difficult to find out the
error.
7. Html doesn’t create interactive web pages.
• TAGS AND ATTRIBUTES:–
• TAG:- Instruction Followed by HTML or Web browser enclosed in
angular brackets < & >.
There are two types of two tag
1. Opening Tag <……> 2.Closing </….>
• Attributes:– Sub Instruction followed by Main Tag. Every attribute
having certain value.
• Ex:- <body bgcolor =“red”>
• Basic Tags Of HTML:-
1.<Html> :- It is used to define current page or web page.
2.<head> :- It is used to select heading part of web browser.
3.<Title>:- It is used to set the title of web page.
4.<body>:- it is most important tag of Html. The text available insid the body tag only that display by web browser.

Structure Of HTML:-
<html>
<head>
<title>..........</title>
</head>
<body>
.
.
.
.
.
</body>
</html>
Formatting Tags of HTML:-

1.<br> break line it is used to break the current line and move
to next new line.
2<p> paragraph it is used to break the current line and move to
next to next new line.
3<b> bold it is used to display the text in bold format enclosed
in<b>.
4<i>Italic it is used to display the text in italic format enclosed
in<i>.
5<u>underlin it is used to display the text with underline
enclosed in<u>.
6<sub> subscript is used to define base.
7<sup> superscript is used to define power.
8<font> it used to change the format of text like
size,color,and type of font.
attributes of <font>
1 size-- to define size of text.
2 color-- to change color of text.
3 face-- to change type of font of text.
9.Heading tag- to define the title of description.there are total six heading tag.
<h1>,<h2>,<h3>,<h4>,<h5> and <h6>
<h1> is used to display text with largest size and bold comparing to other
heading tag.
<h6> is used to display the text in smallest size and without bold.
10.<marquee> it is used to move text from one end to another.(left to right or right to left)
11. ImageTag it is used to upload image on web page.
"<img>" its called as Image Tag.
Attributes Of <img>
a. src(Source) it is used to difine which image upload on web page with ".jpg"e xtenstion.
b.height and width it is used to define height and width of Image.
c.Align It is used to define possition of Image . And Values Are Left/right/center Or
Top/Middle/bottom.
d.Hspace and Vspace Hspace is used to define Horizontal Space and Vspace is Used to
define Vartical Space in Pixel.
• Hyper Link :- It is used to create link between multiple web
pages , Images and URL.
It is most important advantage of HTML coz user can travel
from one page to another page easily.
<a> Anchor tag is used to create hyper link . Anchor means a
text enclosed in <a> representing a link .
Href is most important attributes of <a> tag to define the name
of page or UTR or name of Imaged.
vLIST:- It is used to display the elements in systematic
way. It’s followed some sequences or symbolic
representation. There are 4 types of list.
1. Order List 2. Unordered List
3. Definition List 4.Multilevel List
1. Order List:- It is used to display the elements in
sequence. Sequence will be alphabetical or numerical.
<Ol> tag is used to define Order list.
Lesson Explanation
Attributes Of <OL> tag:-
Lesson Explanation
Ex:- 1. 2.
2. UnOrdered List:- A symbolic representation of
elements it’s called as Unordered list .
<Ul> tag is used to define UnOrdered list.
<li> tag is used to display the elements in list.
In unordered list elements display with circle, disk and
square . Default value is disk.
Lesson Explanation
• Attributes of <ul> tag:-
Lesson Explanation
Ex:- 1. Unordered List
Lesson Explanation
3. Definition List:- It is used to display the information in
definition format.
<dl> tag is used to define definition.
<dt> tag is used to define definition term.
<dd> tag is used to define definition description.
4.Multilevel / Nested List:- The list inside the list is
called as nested list or multilevel list.
Lesson Explanation
Ex:- 2. Definition List
Lesson Explanation
Ex:- 3.Multilevel / Nested List
Lesson Explanation
Table:-
It used to display the data in Tabular format that consist
rows and column.
<Table> this tag is used create table.
Attributes of <table>
• Border – It display the table with border.
• Bgcolor :- It set the background color to entire table.
• Bordercolor:- It set the border color to table.
• Align :- It set the position of text in table.
Lesson Explanation
• Cellpadding – It is used to set the height and width of
Cell equally in pixel.
• Cellspacing:- It is used to put the space between Cell
equally including table border in pixel.
<Tr> this tag is used to create table row.
<th>and <td> this tags are used to insert the data into
table row wise. The difference is <th> displays the text
with bold &<td> display the text without bold.
Lesson Explanation
• Rowspan and Colspan :- This two are attributes of
<td>and <th> tag.
• Rowspan is used to Marge or combine multiple row into
single row.
• Colspan is used to combine multiple column into single
column.
Thank You!!!!!!!!!!!

You might also like