7. What is a collaboration tool? What are its features?

UNIT – 1 WEBSITE BASICS, HTML5, CSS3, WEB2.0

 Collaboration tools allow a group of people work together
Part-A virtually in real-time over the internet.
1. What is Web2.0? Features:-
 It is not the second version of Web Easy to use and set up. Clean interface
 2.0 denotes two-way data traffic on the Web(R/W) Secure Permissions control
 It is also called Participatory web (or) Read/Write Web Ability to upload documents File storage
 Earlier data traffic on the web was unidirectional(Read-Only) Scalable Document locking

2. Define website. 8. What is URL?

 A website is defined as a collection of web pages linked  Uniform Resource Locator (URL) is defined as an unique
together that has a unique domain name, that can be address for the file that has to be accessed over the internet
accessed from anywhere across the globe over internet.  If we want to access a website, we enter its URL in the
 It is hosted by a web server and viewed by web clients address bar of the web browser
 It can be developed in HTML, JavaScript, DHTML, PHP, etc.  Syntax: protocol: //www.exampleDomain.com/path/filename
 Ex: https://www.vit.ac.in / home.aspx
3. Define WWW.
 World Wide Web is defined as a collection of software and 9. What is IP?
corresponding protocols used to access the resources over  Internet Protocol (IP) is a network layer protocol which
the internet across the globe. consists of addressing information, that is the fundamental
 It contains huge amount of Docs, images, etc. protocol which is being used by data packets over the internet
 Internet can be accessed through the WWW  Using this protocol, communication between uniquely
 Invented by Tim Berners-Lee in 1994 (W3C) at MIT addressed computers has been made possible.

4. Mention the differences between website and web server. 10. Tabulate the differences between TCP and UDP
Website Web server TCP UDP
It is a collection of web pages It is a server on which web Connection oriented (link Connection less
application is executed between the packets)
It is a software application It is a physical entity that has ACK is available No ACK
that has unique domain name unique IP address Reliable Unreliable
It can host many web pages It can host many websites Heavy weight protocol Light weight protocol
They communicate with web They communicate with other Handshaking mechanism No handshaking concept
server servers such as DB server, Error control, flow control, No control mechanism
File server, etc congestion control, etc
Web server = It receives request and gives Complex, tough to implement Simple, easy to implement
HTML&CSS + JS+ DHTML corresponding response Ex: Telnet, SMTP, FTP, e-mail, Ex: VoIP, DHCP, DNS, RIP,
SSH, HTTP, HTTP, HTTPS SNMP
Ex: https://www.google.co.in Ex: IIS, Apache
11. What is HTTP?
5. Define web crawler.
 Hyper Text Transfer protocol (HTTP) is a request/Response,
 A web crawler is defined as the ability of the web to parse a
stateless protocol for communication, to transfer information
web page into different semantic elements (navigation links,
on LAN and WWW
friend links, group links, etc) and extract the social network
 It is used to deliver files virtually and other data on WWW
and other associated data.
 It takes place through TCP/IP sockets
6. What is RIA? What are the features of RIA?  A browser is a HTTP client – sends HTTP request
 RIA (Rich Internet Application) is defined as a web application  A web server is a HTTP server – sends HTTP reply
that is designed to give the same features and functions  It uses port no: 80 (HTTP servers listen to this port)
associated with desktop applications.
Features:- 12. What are the protocols used in email?
 It can work on the web SMTP POP IMAP
 Information in RIA always visible to users thereby reducing  Connection-  It uses port 110  Manipulate email
oriented  Current version:POP3  No downloading
unwanted page refreshes and navigations.
 Ability of web to present complex information to the users  Text-based  Single client  Can’t transfer
 Works in  Offline email access email
 Good user interactivity such as images, graphics, etc.
application  Can’t search email  Access the
 It helps users to understand complex business apps
layer  Download is needed received emails
 ACK is  Only 1 mailbox  Search the mails
available  Less internet usage  Many mailboxes
 It uses port 25  More internet
usage
13. What are the differences between internet and intranet? 21. Write a HTML5 code to display:
INTERNET INTRANET A B
Network of networks, open for Network of computers, for C D
all closed group < ! DOCTYPE HTML>
Limited no. of users Unlimited no. of users <HTML>
Different sources of info Limited sources of info <HEAD></HEAD>
Large no. of intranets Less number of systems <BODY>
<TABLE BORDER=”4”>
Internet =LAN + WAN + MAN Intranet = LAN | WAN | MAN <TR>
<TD>A</TD>
14. What are the flavours of HTML? (types of HTML DTD) <TD>B</TD>
 XHTML 1.0 Strict : When we want a clean mark-up code </TR>
 XHTML 1.0 Transitional: To use HTML features <TR>
 XHTML 1.0 Frameset: To make use of frames <TD>C</TD>
<TD>D</TD>
</TR>
15. What is XHTML?
</TABLE>
 Extensible HTML is the extended version of HTML that has </BODY>
strict rules when compared to HTML </HTML>
 It is more consistent, well-structured document
 Web pages made in XHTML can be easily understood by the 22. Write HTML5 code to play an audio file.
present and future web browsers <!DOCTYPE HTML>
<HTML>
<HEAD></HEAD>
16. What is the use of forms in HTML? <BODY>
 HTML form element is used to allow a user to give input data <AUDIO CONTROLS>
on the web page. <SOURCE SRC="KABALI.MP3"
TYPE="AUDIO/MPEG">
 To create registration forms, login forms, getting user info, </AUDIO>
conducting surveys </BODY>
 <form>……..</form> tags are used </HTML>
 Attributes used: action, method sempte.htm ..

Ex: e ~
<form action = http://www.google.co.in/ method = post>
.... - 6:40 1111•>) --
</form>

17. What is the use of frames in HTML?

 It allows the web developers to present the web document in
multiple views
 Using this, within a same window, one can keep some 23. Write an HTML5 code to display a video file.
information visible, other part of web page to contain some <!DOCTYPE HTML>
other information, other part of web page can be reloaded. <HTML>
<HEAD></HEAD>
 Ex: one frame can display company info, second frame can <BODY>
display navigation menu, etc. <VIDEO WIDTH = "400" HEIGHT = "300" CONTROLS>
<SOURCE SRC="kochadaiyaan.mp4" TYPE="VIDEO/MP4">
18. Why HTTP is stateless protocol? </VIDEO>
</BODY>
 HTTP cannot remember previous user information </HTML>
 It does not recall the number of page visits wmple.htm >
 It means it cannot remember its previous states.
 That is the reason why HTTP is stateless protocol.
c ft

19. Mention some of the protocols that are used in internet.

 FTP, HTTP, SNMP, SMTP, POP3, IMAP, TCP, UDP, IP

20. What are HTML tags? Give examples.

 An HTML tag is defined as a command that tells the web
browser, how to display the text, audio, video, and graphics
on a web page when loaded.
 They are mentioned in a pair of angular brackets < >
 Ex:
 <html>..</html> <h1>…</h1>
 <head>…</head> <br/> ..... -- 0:27 '4•>) ~
 <title>…</title> <hr/>
 <body>…</body> <p>…</p>
24. What is CSS? What are its types? Evolution of internet:-
 Cascading style sheet is defined as a style sheet in which, all  It was originated in 1969 at ARPANET (Advanced research
the style information of a web page can be defined. project Agency) of DoD (Department of Defense), USA
 It separates the contents and the decoration of a HTML page  It’s prime purpose was to connect among various bodies of US
 It helps developers to give consistent appearance to all the government
elements in the web page.  Initially there were only four nodes (Hosts)
Types:-  In 1972, ARPANET was spread across the globe with 23 nodes
 Inline style sheets <p style=”color:green; font-size:15px”> at different parts of the world
 Embedded style sheets <style>……</style>  Then all the other organizations in respective countries joined
 External style sheet Stored in a separate file (ex.css) to this network in order to send and receive data among other
 Imported style sheets @import URL(path) countries
 Thereby internet has got populated with number of networks,
25. What are the types of positioning in CSS? thus became a tech giant
 Relative positioning  Around 1990s, Tim Berners Lee and O-Reilly had developed
 Absolute positioning WWW and other internet communication protocols
 Float positioning
Terminologies used in internet:-
PART - B  Host: A computer that is connected to internet
1. Explain the concept of internet with its evolution,  Communication service: Protocols to send and receive data
connection types. Describe the protocols used in it. over the internet such as FTP, HTTP, WWW, VoIP, etc.
 Internet = Interconnection Network  ISP: Internet Service providers are decentralized and those
 A network is defined as an interconnection of computing who provide internet connectivity to its subscribers. Ex: BSNL
devices in order to transfer data between them  Online: When a computer is connected to internet
 An internet is defined as an interconnection of networks in  Hyperlink: Allows an user to move from one page to another
order to transfer data between the networks across the globe  Protocols: Set of rules for communication
 It is a network connecting millions of computers across the  TCP/IP: to establish a virtual connection between source and
globe. destination. It guarantees data delivery, reliable, ordered
 Internet = Network of networks packet delivery, etc
 It is a network of computers, open for all  Client/Server Model: TCP/IP uses this model where a client
 Unlimited number of users can participate in internet to refers to any computing device that generates HTTP request
retrieve data from unlimited number of information sources and server refers to any computer that responds to the
 People and organizations connect into internet so that they corresponding request
can access its massive store of shared information  IP address: It is the unique address assigned to a computing
 Anybody can participate in internet and device that gets connected to the internet. It is also called as
upload/download/view/share information logical address or software address. It is mutable.
 There is no organization in charge of internet; Nobody claims  DNS: Domain Name Servers are used to translate the website
the ownership of internet, it is a cooperative endeavour names given by the users into machine understandable IP
addresses from a database.
Essentials for an internet connection:-  URL: Uniform Resource Locator (URL) is defined as an
Computer DSL Application unique address for the file that has to be accessed over the
software: internet. If we want to access a website, we enter its URL in
Browser, email, the address bar of the web browser.
etc Syntax: protocol: //www.exampleDomain.com/path/filename
Connection Modem ISP Ex: https://www.vit.ac.in / home.aspx
Cable Network software: Wired/Wireless  WWW: It is a standard in which all the websites are server on
TCP/IP line the internet via HTTP. It was invented by Tim Berner’s Lee at
Switzerland on 1990s. Later HTTP and HTML were invented,
Working of Internet:- In 1994, WWW was invented at MIT (Massachusetts Institute
of Technology) + DARPA

g---0--E]
.L
Working:-
 From a web browser, user sends HTTP request to a server
Modem  ISP finds the corresponding site from DNS and forwards it.
 The request reaches the server after a long travel
www.google.co.in
 Server responds to that request and the reply goes back
~  Any file transmitted in internet will not be sent as a whole
 All the information will be chopped into chunks (data packets)
 Packets have header and footer info, useful for ordering
 Advantages – internet Disadvantages – internet SMTP POP IMAP
 Connect with remote people  Loose personal info  Connection-  It uses port 110  Manipulate email
 Surf any kind of information  Spamming oriented  Current version:POP3  No downloading
 Education + entertainment  Virus attacks  Text-based  Single client  Can’t transfer
 E-commerce  Works in  Offline email access email
 Research purpose, etc application  Can’t search email  Access the
layer  Download is needed received emails
ISP Types:-  ACK is  Only 1 mailbox  Search the mails
 Access Providers available  Less internet usage  Many mailboxes
 Mailbox providers  It uses port 25  More internet
 Hosting ISP usage
 Virtual ISP
 Free ISP 2. Explain Web 2.0 and RIA with its architecture,
collaboration tools with their features, merits and demerits.
Connection types:- Web 2.0
 Dial-up connection (SLIP, PPP)  Internet has revolutionized the computer and communications,
 ISDN(Integrated Services Digital Network) undergoing extreme make-over
 DSL (Digital Subscribers Line)  In 1990s, it was used to retrieve information, information flow
o ADSL (Asymmetric DSL) was unidirectional (Read-Only)
o SDSL (Symmetric DSL)  Around 2004, new web tools came up, to add contents to web
o HDSL (High bit Rate DSL)  People with no programming knowledge can publish an article,
o RDSL ( Rate Adaptive DSL) photo, video, ppt, pdf, etc.
o VDSL (Very High Bit Rate DSL)  Web has become 2-way communication medium (R/W)
o IDSL (ISDN DSL)  This is called Web 2.0 (bidirectional data traffic)
 Cable TV Connection  It is not the second version of Web
 Satellite Connection  It is also called Participatory web (or) Read/Write Web
 Wireless Connection  Get , post, manipulate, share information
 Web 2.0 refers to the transition of static HTML pages to
Protocols used in internet dynamic web
FTP (File transfer Protocol)  XML is used
 FTP is used to share files among the computers in the LAN  It offers freedom for everybody to contribute to the web
 It uses two connections (data transfer and control)  Ex: Wikipedia, FB, YouTube, Twitter, etc.
 FTP data transfer connection uses port 20 Components of web 2.0
 FTP control connection uses port 21  Blogs
 Some familiar commands in FTP are: USER, PASS, QUIT,  Wikis
CWD, DELE, LIST, RETR, STOR, HELP  Web services

HTTP (Hyper Text Transfer protocol) Features of Web 2.0

 Hyper Text Transfer protocol (HTTP) is a request/Response,  Classify and find required info
stateless protocol for communication, to transfer information  Get dynamic contents from the web
on LAN and WWW  Information is shared among all users on the web
 It is used to deliver files virtually and other data on WWW  Information is used and reused
 It takes place through TCP/IP sockets  Mass participation in discussion forum
 A browser is a HTTP client – sends HTTP request Technologies used in web 2.0:-
 A web server is a HTTP server – sends HTTP reply  At client side: client side scripting languages (AJAX, java
 It uses port no: 80 (HTTP servers listen to this port) script)
SNMP (Simple Network Management protocol)  At server side: server side scripting languages (PHP,
 It is used to manage a network such as its participants, etc PYTHON, RUBY, etc)
 Types of participants: Supervisors, Agents Parts of web 2.0:-
 UDP is used for message transfer between them  RIA
TCP:- o It has characteristics of a desktop app
 Connection oriented (link between the packets) o It is delivered by site-specific browsers
 ACK is available  WOA
 Reliable o It defines how web 2.0 apps show their
 Heavy weight protocol functionality, so that other apps join with it Ex:
 Handshaking mechanism available RSS Feeds, Web services
 Error control, flow control, congestion control mechanisms  Social web
 Complex, tough to implement o Interact with end user
 Ex: Telnet, SMTP, FTP, e-mail, SSH, HTTP, HTTPS o Make end user, an integral part of the app.
Advantages of web 2.0 Benefits of RIA:-
 Equal chance to all to post/view/comment/share  Increased productivity, new customers
 Latest/updated contents  Reduced operational costs
 Social networking sites are useful to be in contact  No installation required
 Write reviews about a product  Easy upgrade
 Digital ad  Available through internet
Disadvantages of web 2.0  Rich and more responsive UI
 Increased spam  Client/server balance
 Info overloaded (everybody posts)  Asynchronous communication
 Negative feedback may cause bad effect on business  Efficiency in network

RIA (Rich Internet Application):- Limitations of RIA:-

 RIA (Rich Internet Application) is defined as a web application  Too fast in displaying contents
that is designed to give the same features and functions  Maintain balance between HTML and RIA
associated with desktop applications.  GUI logic and app logic might be in different languages
 HTML is not having much capability and performance in web  Search engines are declining
apps  Proprietary
 Users need desktop type of interaction from web apps  Loss of integrity
 RIA fulfils this need, user interactivity  Complicated to develop apps, what to cache, what not to.
 It is the 3rd generation of web apps  Breaks web page paradigm
 It runs inside a web browser and does not need any special
software installation (plug&play) Collaboration tools:-
 Collaboration tools allow a group of people work together
Features of RIA:- virtually in real-time over the internet.
 Ability to work on web, presents complex info to users Features:-
 Rich set of visual elements like image, video, graphics, etc Easy to use and set up. Clean interface
 It works in real-time, helps business services Secure Permissions control
 Users can know how to use complex apps Ability to upload documents File storage
 Reduce unnecessary page navigations Scalable Document locking
 Responsiveness, interactivity
 Ex: Apache Flex, Quick PHP, .NET framework, JavaFX Examples:-
Tool Use
Architecture of RIA:- Google Docs Upload/modify/retrieve files anytime
Dropbox Store/share/sync files online
GUI logic App Logic Blogger Blogging site of google
Wordpress Flexible, FOSS, easy blogging tool
GUI oomcion<nts service PDFcatch e-books, PDF search engine
Service SlideShare PPT, PDF share/upload/download
GUI state
Service
Youtube Upload/download/view videos
Facebook Upload/download/view micro contents
Web browser(dient) Web server Twitter Upload/doenload/view thoughts
 GUI logic is moved from server to client
Advantages of Collaboration tools:-
 Because GUI is executed in browser, CPU time needed to
 Reduces distance between employees
generate GUI is taken off from server, thereby making server
 Work in same room, together in same documents
free for more CPU cycles to run app logic
 No need to send documents back and forth between offices
 GUI state is kept in browser
 Communication between employees is improved
 Because GUI is separated from app logic, it is easy to
implement  Increases team work and transparency
 RIA communicate with servers by exchanging data, not the  Easy to keep track of projects
GUI code (HTML, CSS, JS)  Easy to generate reports
 Data exchange: XML via HTTP (or) JSON via HTTP  Team members can be present anywhere
 If server side becomes completely free, then the app logic will  Online chatting
become very clear to understand  IRC (Internet relay Chat)
 App logic just need to focus on data in and data out  Video conferencing

Technologies used in RIA:-

 HTML5+CSS3, Java script, JS framework, jQuery, jQuery
Mobile, AngularJS, SmartClient, GWT, JavaFX, Flex, MS
Silverlight
3. Explain the features and flavours of HTML5. Develop a web
page to display Timetable of your class

<TR ALIGN=CENTER> <TH> Day</TH><TH> 1</TH><TH> 2</TH><TH> 3</TH><TH>4</TH><TH ROWSPAN=6>*</TH><TH>5</TH><TH> 6</TH><TH> 7</TH></TR>
HTML5:-
 HTML stands for Hyper Text Mark-up Language
 It is used to organize text, graphics, audio, video on a web
page

<TR ALIGN=CENTER> <TH> WED</TH><TD> IP</TD><TD> DM</TD><TD>CG</TD><TD>OO</TD><TD>TOC</TD><TD COLSPAN=2>Lab3</TD></TR>

<TR ALIGN=CENTER> <TH> MON</TH><TD> IP</TD><TD> DM</TD><TD>CG</TD><TD>OO</TD><TD>TOC</TD><TD COLSPAN=2>Lab1</TD></TR>
<TR ALIGN=CENTER> <TH> TUE</TH><TD> IP</TD><TD> DM</TD><TD>CG</TD><TD>OO</TD><TD>TOC</TD><TD COLSPAN=2>Lab2</TD></TR>

<TR ALIGN=CENTER> <TH> THU</TH><TD> IP</TD><TD> DM</TD><TD>CG</TD><TD>OO</TD><TD>TOC</TD><TD>DM</TD><TD>IP</TD></TR>

 It is a formatting language used to design the decoration and

<TR ALIGN=CENTER> <TH> FRI</TH><TD> IP</TD><TD> DM</TD><TD>CG</TD><TD>OO</TD><TD>TOC</TD><TD>DM</TD><TD>IP</TD></TR>

contents of a web page
 Hypertext means, the text which acts as a link
 Mark up means symbols that are used to define structure of
the text. It tells browser how to display the text (tags)
 Language refers to the syntax
 It was invented by Tim-Berners Lee at CERN
 HTML 1.0 (1991), HTML 2.0 (1995), HTML 3.2 (1997), HTML
4.0 (1999), XHTML (2000), HTML5 (2014)

<TABLE BORDER=5 BGCOLOR=SKYBLUE WIDTH=1000px HEIGHT=600px CELLPADDING=5 CELLSPACING=10>

Features of HTML5:-
 HTML 5.0 is the 5th version of HTML by W3C (Oct 2014)
 To support latest multimedia, more readable
 <audio>, <video>, <canvas>, <svg> tags are supported
 <header>, <footer>, <article>, <section> are supported
 Number, date, time, calendar, range are suooprted
 API available for geolocation, drag&drop, local storage, etc.
 Allows Javascript to run in BG
 2D and 3D drawings supported
 Need for flash plugin is reduced
 Simple DOCTYPE : < ! DOCTYPE HTML>

SGML Superset ~f XML

SGML XML
Tool Tool

Flavours of HTML:-
 XHTML 1.0 Strict : When we want a clean mark-up code
 XHTML 1.0 Transitional: To use HTML features
 XHTML 1.0 Frameset: To make use of frames

HTML Code to display class Timetable with all Table

properties:-

c:JDDDD DOD
[:] r [:] [:] [:] GI LabI

r= r [:] [:] [:] .Gt Lab2

I

c:J r r= [:] [:] GI

I
<HEAD></HEAD>

LabJ

r= r [:] [:] [:] Gc:Jc:J I

</TABLE>
<BODY>

r= r r= [:] [:] ~ Gc:J r

</BODY>
</HTML>
<HTML>
4. Explain the following using HTML code:-
Header tag, Paragraph tag, divide tag, text alignment, change
font colour, change background colour, display an image,
and insert a hyperlink, lists.

<!DOCTYPE HTML>
<HTML>
<HEAD></HEAD>
<BODY BGCOLOR=YELLOW>
<center>
<h1>Sachin Tendulkar</h1>
<h2>Abdul Kalam</h2>
<h3>A R Rahman</h3>
<h4>Vish Anand</h4>
<h5>Kamal Hassan</h5>
<h6>Dhoni</h6>
</center>
<font color=GREEN size=9>
<hr><br>
<p>These are the legends in their respective arena.
They have remarkably did their homeworks and set a bench
mark in their fields.</p>
<hr><br>
<div>I fail in my duty if I forget to salute the martyrs and army
men because whom we reside safely</div>
</font>
<hr><br>
<img src=deer.jpg width=150px height=150px>
<hr><br>
<a href="https://www.google.co.in">Click me</a>
<hr><br>
<ol type="i" start="iii">
<li>Bala</li>
<li>I Love India</li>
<ol>
<hr>
<ul type=SQUARE>
<li>Bala</li>
<li>I Love India</li>
<ul>
</BODY>
</HTML>

5. Explain forms in HTML5. Develop a student registration

form using Text, Text area, Check box, Radio buttons, Button,
Dropdown Menu items.
 Form is a layout on web page by which a user can interact
with web page. Its components are: text, textarea, checkbox,
radiobutton, dropdown menu.

Purpose of forms:-
 HTML form element is used to allow a user to give input data
on the web page.
 To create registration forms, login forms, getting user info,
conducting surveys
 <form>……..</form> tags are used
 Attributes used: action, method
Ex:
<form action = http://www.google.co.in/ method = post>
</form>
 6. What is CSS3.0? Explain the types of CSS with examples
<HTML> of selector classes.
<BODY>  Cascading style sheet is defined as a style sheet in which, all
<FONT SIZE=14> the style information of a web page can be defined.
<FORM>  It separates the contents and the decoration of a HTML page
<TABLE BORDER=5>  It helps developers to give consistent appearance to all the
<TR> elements in the web page.
<TD>Name</TD>  Style information is defined in separate file (ex.css)
<TD><input  One or more style rules given
type=text></TD>  Collection of these rules are called rule set
</TR>  Each rule set consists of selector string and declaration block
<TR> Types:-
<TD>Password</TD>
 Inline style sheets <p style=”color:green; font-size:15px”>
<TD><input
 Embedded style sheets <style>……</style>
type=password></TD>
</TR>  External style sheet Stored in a separate file (ex.css)
<TR>  Imported style sheets @import URL(path)
<TD>Sex</TD> Features of CSS3.0
<TD><input type=radio  Backward compatible with older versions of CSS
value=Male>Male  It also supports selectors, box model, background, borders,
<input type=radio text effects, animations, multiple column0 layouts, 3D
value=Female>Female</TD> transformations, etc.
</TR> Example for Embedded CSS with all selector types:-
<TR> <HTML><HEAD>
<TD>Type</TD> <STYLE TYPE="TEXT/CSS">
<TD><select> P{FONT-FAMILY:TIMES NEW ROMAN; }
<option H3.A{COLOR:BLUE; }
value=Hosteller>Hostel</option> H3.B{FONT-SIZE:40PX}
<option .C{COLOR:BROWN; }
value=DayScholar>DayScholar</option> #D{COLOR:RED; }
</select> </STYLE></HEAD>
</TD> <BODY>
</TR> <P>SELECTOR</P>
<TR> <H3 CLASS="A">CLASS SELECTOR 1</H3>
<TD>Languages</TD> <H3 CLASS="B">CLASS SELECTOR 2</H3>
<TD><input <H4 CLASS="C">GENERIC SELECTOR 1</H4>
type=checkbox value=Tamil>Tamil <DIV CLASS="C">GENERIC SELECTOR 2</DIV>
<input type=checkbox <H1 CLASS="C">GENERIC SELECTOR 3</H1>
value=Tamil>English</TD> <P ID="D">ID SELECTOR 1</P>
</TR> <DIV ID="D">GENERIC SELECTOR 2</DIV>
</TABLE> </BODY>
</FORM> </HTML>
</FONT>
</BODY> forms_ 2 htm ·

</HTML> ~ C' ~
SELECTOR
, file:///C:/User ... ktop/forms.htm X \_:¬ ___, CLASS SELECTOR 1
~, ~ file:///C:/Users/Balamurugan/Desktop/forms.htm

CLASS SELECTOR 2
I Name 111 11

I Password 111 I GE!\"ERIC SELECTOR 1

I sex I @Male 0 Female I OE!\"ERIC SELECTOR 2

!Type Il Hostel vi I GENERIC SELECTOR 3

ILanguagesll OTamil 0 English I
ID SELECTOR 1

OEi\"ERIC SELECTOR 2
Example for External style sheet with all text formatting:-
EXTERNALCSS.HTM
<HTML>
<HEAD>
<LINK REL="STYLESHEET TYPE="TEXT/CSS" HREF="EX.CSS">
</HEAD>
<BODY>
<P CLASS="FORMATTING">FORMATTING</P>
<P CLASS="WEIGHT">WEIGHT</P>
<P CLASS="STYLE">STYLE</P>
<P CLASS="DECORATION">DECORATION</P>
<P CLASS="SHADOW">SHADOW</P>
<H3 CLASS="DOTTED">DOTTED</H3>
<P CLASS="DASHED">DASHED</P>
<P CLASS="DOUBLE">DOUBLE</P>
</BODY>
</HTML>
EX.CSS
P.FORMATTING
{
FONT-FAMILY:ARIAL;
FONT-SIZE:25PX;
COLOR:BLUE;
FONT-VARIANT:SMALL-CAPS;
}
P.WEIGHT
{
FONT-WEIGHT:BOLD;
FONT-WEIGHT:BOLDER;
FONT-WEIGHT:BOLDER;
}
P.STYLE
{
FONT-STYLE:ITALIC;
FONT-STYLE:OBLIQUE;
}
P.DECORATION
{
TEXT-DECORATION:LINE-THROUGH;
TEXT-DECORATION:UNDERLINE;
TEXT-DECORATION:OVERLINE;
}
P.SHADOW
{
TEXT-SHADOW:-5PX 15PX 3PX GRAY;
}
.DOTTED
{
BORDER-STYLE:DOTTED;
BORDER-COLOR:GREEN;
}
.DASHED
{
BORDER-STYLE:DASHED;
BORDER-WIDTH:5PX;
}
.DOUBLE
{
BORDER-STYLE:DOUBLE;
BACKGROUND-COLOR:YELLOW;
}
EXTERNALCSS.HTM x

~ C' ~
FORMATTING
\VEIGHT
STYLE

DECORATION
SHADOW

~!?:f.rt;~::::::::::::::: :::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::: ::::

OUBLE