The presentation deals with short revision notes for students who are in semester 2 of b pharmacy , undergraduate course .
hope it will fruitful . it contain unit 2 short notes of web technologies which include HTML , its attributes , application , tags and its use and also about XML documents and its function , features , tags , and it application in pharmacy , it also deals with CSS ( cascading style sheet ) which will be a adjuvant to HTML .
2. PRESENTATION WORK SUBMITTED TO : DR RISHI PALIWAL, ASSISTANT PROFESSOR ,M PHARM,PHD,
CSIR/UGC-NET(LS)
PRESENTATION WORK SUBMITTED BY : SHIVAM ADITYA
ENROLLMENT NO: 2001109049
Date : 8TH JULY , 2021
SEMESTER : 02
3. HTML -(INTRODUCTION AND BASICS)
● Html stands for hyper text markup language.
● It include text and graphics.
● It is complete code package that allow the
users to create web pages.
4. CHARACTERISTICS OF HTML
● IT is easy to understand and modify.
● Provides a more flexible way to design web pages
along with text.
● Graphics , video and sound can be used.
● One can display html document on any platform
like windows and unix etc.
● One can create and publish web pages to share
information.
5. HTML DOCUMENT STRUCTURE
● HEAD SECTION : it contain the title that identifies
the first part of an HTML coded document.
● BODY SECTION:IT is the section where most of the
work is done.
6. S.no Tags DEFINITION SYNTAX
1. HTML TAG It determines the
standard html
document.
<HTML>..........</HTML>
2. HEAD TAG IT DETERMINES THE
HEADING AND LIES
ABOVE THE BODY
TAG.
<HEAD>.........</HEA
D>
3. TITLE TAG IT CONTAIN THE TITLE
OF DOCUMENT.
<TITLE>........</TITLE>
4. BODY TAG IT CONTAIN THE THE
TEXT WHICH IS GET
DISPLAYED ON WEB
PAGE ALONG WITH
OTHER TAGS AND
<BODY>.......</BODY>
7. DIFFERENCE BETWEEN TAGS AND ATTRIBUTES
TAGS
● It is a way of
representing an html
element in the program .
● Eg. <p>listening
devotional music is good
</p>
ATTRIBUTES
● It is way of
describing the
characteristics of an
html element.
● <BODY BGCOLOR= “RED”>.
8. TYPES OF CONTAINER ELEMENT IN HTML.
S.NO TAGS DEFINITION SYNTAX
1. HEADING TAG IT DEFINES THE THE
DIFFERENT HEADING LEVELS.
<H1>......</H1> TO
<H6>......</H6>
2. PARAGRAPH
TAG
IT IS USED TO DESCRIBE THE
LONG PIECE OF WORK OVER
WEB BROWSER.
<P>.....</P> OR <P
ALIGN=
“CENTER”>
3. CENTER TAG IT IS UESD TO ALIGN THE THE
TEXT AT CENTER .
<CENTER
>....</CENTER>
9. 4. COMMENT TAG THIS TAG IS USED THE WRITE
THE THE COMMENTS IN HTML
DOCUMENT
<COMMENT>...
</COMMENT>
5. BOLD TAG THIS TAG EMPHASIZE OUR
TEXT IN BOLD MANNER .
<BOLD> keep
learning </BOLD>
6. ITALIC TAG THIS TAG SHOWS OUR TEXT
IN ITALIC STYLE.
<I> KEEP
LEARNING </I>
7. PRE TAG THIS TAG IS USED WHEN WE
HAVE TO WRITE SOME
POEMS AND COUPLETS
<PRE>
………</PRE>
8. BIG TAG IT MAKES OUR TEXT LARGER
THAN SURROUNDING TEXT.
<BIG>KEEP
WORKING
HARD</BIG>
9. TYPEWRITER TAG THIS ENCLOSE OUR TEXT IN
TYPEWRITER FONT.
<TT>.......</TT>
10. STRIKE TAG IT DRAWS THE LINE <STRIKE>......
10. ATTRIBUTES OF BODY TAG
S NO. ATTRIBUTE DEFINITION SYNTAX
1. BACKGROUND It is used to set the background
image of page by specifying the
image file.
<BODY
background=”blog_b
ackground_flower_J
PG”>.
2. BGCOLOR This is used to change the
background colour of webpage.
<BODY
BGCOLOR=”RED”>
11. How HTML DOCUMENT LOOK LIKE
<HTML> <HEAD> <TITLE> CHANGING FONT FACE </TITLE> </HEAD>
<BODY BGCOLOR= “RED”> <FONT FACE = “LUCIDA HANDWRITING”> < P
ALIGN = “CENTER”> LIFE IS LIKE A SONG. WHICH TUNE YOU ARE
SINGING.</P> <FONT><BR> <BR>
<P ALIGN = “LEFT”> <FONT FACE = “BROOKLYN”> POSITION ,POWER
AND MONEY DONOT MAKES THE MAN GREAT. </FONT>
</BODY>
</HTML>
12. XML- (INTRODUCTION AND BASICS)
● XML stands for extensible markup languages.
● It uses the document type definition (DTD) to describe
its data to users and application that use it.
● It was designed only to structure ,store and transport
data.
● It don't contain predefined tags like html, but it has
its own tag.
13. Uses of xml :
● It can separate data from html .
● It is used to exchange data .
● It can be used to share data
● It can be used to store data.
● It can make data more useful.
● It is used as as base language for communication
protocols like xmpp.
● It can be used in web development.
14. PARTS OF XML DOCUMENT STRUCTURE
IT CONSIST OF ONLY TWO SIMPLE PARTS
● A PROLOG
● ROOT ELEMENT
A PROLOG IS JUST LIKE A
HEADER WHICH CONTAIN XML
DECELERATION.
Eg. <?xml version= “1.0”?>
A ROOT ELEMENT IS THE FIRST
ELEMENT OF AN XML DOCUMENT.
5Eg. <mail>
15. Tags in xml :
There are only two types of tag ie opening tag and closing
tag.
<mail>
<to> john </to>
<from> jane </from>
<subject> hello </subject>
</mail>
16. CERTAIN TAG NAMING RULES:
1. Names cannot contain letters ,numbers and other
characters.
2. It cannot start with with a number or punctuation mark.
3. It cannot start with the letter xml .
4. It cannot contain space .
5. While specifying name we can use underscore.
6. A name cannot be a reserved word.
17. Xml attributes:
Xml attributes defines the nature of an element by defining
a particular value to that attribute.
Eg. <student active= “true”>
<name>kabir</name>
<grade>A+</grade>
</student>
18. WELL FORMED XML DOCUMENT
A well formed xml document means synchronization with all
the rules of good markup language.
Eg.
<?xml version= “1.0”encoding=ISO-8859-1”?>
<videocollection>
<title id = “1”>hera pheri</title>
<genre>comedy</genre>
<year>2000</year>><language> hindi</language><cast>akshay
kumar </cast> <cast>paresh rawal</cast>
<crew><director>prakash mehra </director></crew>
</videocollection>
19. PROPERTIES OF WELL FORMED XML DOCUMENT
❏ It must have root element.
❏ It must have closing tag.
❏ Tag must be case sensitive.
❏ Elements must be properly nested.
❏ Attributes value must be quoted.
❏ Tag which has been opened must be closed at the end.
(XML PARSER CONVERTS THE XML CONTENT INTO JAVASCRIPT
ACCESSIBLE OBJECT CALLED XML DOM.)
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38. INTRODUCTION TO PROGRAMMING LANGUAGE
● It is a set of rules that provides a way of telling
a computer what operation to performs.
● It is a set of rules for communicating a language.
● It provides a linguistic framework for describing a
framework.
39. CHARACTERISTICS OF PROGRAMMING LANGUAGES
1. The language is independent of computer system.
2. Each instruction of programming language should get
converted into machine language instruction.
3. This language should be easy to understand and should use
abbreviation and words that is used in everyday
communication.
4. The language should be written using common words and
mathematical symbol.
40. Types of programming language.
● FIRST GENERATION LANGUAGE
● SECOND GENERATION LANGUAGE
● THIRD GENERATION LANGUAGE
● FOURTH GENERATION LANGUAGE
● FIFTH GENERATION LANGUAGE.
41. FIRST GENERATION LANGUAGE /MACHINE LANGUAGE:this is a machine dependent language that can
be understood by computer.
ADVANTAGE
● Directly understood by
computer.
● No translating program
required.
● It is very fast and
easy to processed.
DISADVANTAGE
● Machine dependent
● Vary from one computer
to another.
● Difficult for programmer
to remember dozen of
codes.
42. Second generation / assembly language: These are low level language that allow the users to use various
abbreviation instead of binary numbers.
ADVANTAGE
● It is easier to
understand.
● It is easier to locate
and rectify in th
language.
● Easier to modify the
programs
DISADVANTAGE
● It is hardware dependent
● Knowledge of hardware is
required to write the
program.
43. Third generation/ high level language:it describes the program in problem
oriented manner instead of computer oriented.eg v.b , c++
Advantage
● Independent of machine
● Easy to use and learn.
● Errors can be
rectified easily.
● Requires less time and
effort.
Disadvantage
● Program execution is
short ly.
● Requires more time to
run.
● Requires more main
memory.
44. Fourth generation language
● Very high level language.
● It is much more oriented.
● Saves lot of times for programmer.
● It is mostly used for input
generation and interactive database
management system.
45. Fifth generation /natural language
● These language allows question
and commands that can be framed
in an interactive manner.
● They bare the part of
artificial intelligence.
46. The 9 most demanded programming language.(2017)
1. Python
2. C++
3. C#
4. JAVA
5. PHP
6. iOS
7. JS
8. PERL
9. SQL
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57. INTRODUCTION TO DATABASE MANAGEMENT SYSTEM
● it is an organized collection of information that can
be accessed, managed and updated.
● It is a systematic and structured collection of data.
● The data can be stored in the form of tables , chart ,
views,reports and quries.
● Data is usually stored on disk and can be accessed by
users at a time.
● Databases are managed by database management system (
DBMS)
58. NEED FOR A DBMS
● To provide retrival flexibility.
● To facilitate reduction of data duplication
and elimination of multicopies of master
file.
● To ensure a high level dependence of data.
59. ADVANTAGE OF DBMS
● To reduce data efficency .
● Data concurrency
● Enforcement of data standards.
● Database can ensure data security.
● Integrity can be improved
● Backup and recovery management.
60. ● Components of a database
1. Tables : building blocks of data base.
2. Queries: used to ask question from
database
3. Forms:facilitate the process of
entering data.
4. Reports: used to display data in
printable format.
61. Types of DATABASE
● FLAT FILE DATABASE:IT is relatively a
simple database which stores the data in
single table. Eg. MS excel
● RELATIONAL DATABASE: IT STORES data in
several tables. Eg. Oracle,MS Access
62. How database looks!
ROLL NO NAME ENGLISH
MARKS
HINDI
MARKS
MATHS
MARKS
1. SANDEEP 89 79 60
2. NITIN 65 80 77
3. DIPITI 90 88 70
63.
64.
65.
66.
67.
68. TMORE OTHERS TYPES OF DATA BASE WITH EXAMPLES.
● Relational database(oracle, Mysql and IBM DB 2)
● NoSQL database( apache,cassandra, MongoDB and
couch db)
● Cloud database: (microsoft, amazon relational
database service)
● Columnar database: ( google, azure, mariaDB)
● Object oriented database:( wakanda,
objectstore)
71. APPLICATION OF DATABASE.
● Used in railway ticket resetvation
● Used in banking.
● Used in online course and examination.
● Used in social media.
● Used in online shopping.