Sei sulla pagina 1di 16

SGML

HTML XML

DHTML
SGML ---- Standard
Generalize Markup
Language
HTML ---- Hyper Text Markup Language

XML ---- eXtensible Markup Language

DHTML ---- Dynamic HTML

HTML
Html stands for hypertext markup language. It contains a
small markup tags. It tells the web browser how to display the
page. An html file can be created using a simple text editor.

Extension for html is ---> .html


Developer name : Tim berns lee
Html Contain 2 Sections

1. Head

It is used to display the title of the web page. It contains


the <title> tag.
2. Body

It contains the document itself.


<Html>
<Head>

Head sections <title>hello</title>

Html documents </head>

<Body>

Body sections
</body>

</html>

Body Tag Attributes:

 Bgcolor
 Text
 Background
 Vlink
 Alink

PICTURE FORMAT

BMP---->BITMAP (NOT SUPPORT)


JPEG(OR)JPG-->JOINT PHOTOGRAPHIC EXPERT
GROUP
GIF---->GRAPHICS INTERCHANGE FORMAT

EX:
<HTML>
<HEAD>
<TITLE>WEB PAGE
</TITLE>
</HEAD>
<BODY BGCOLOR=GREEN TEXT=RED
BACKGROUND="C:\Documents
and Settings\All Users\Documents\My Pictures\Sample
Pictures\Sunset.JPG">
WELCOME TO MY FIRST WEB PAGE
</BODY>
</HTML>

Comments In Html
The browser will ignore a comment.‘
<!-- this is a comment-->
Headings
They are defined with the <h1> to <h6>tag. <H1> defines the
Largest heading tag. <H6> defines the smallest heading.
<H1> heading level1
<H2> heading level2
<H3> heading level3
<H4> heading level4
<H5> heading level5
<H6> heading level6
ex:

<html>
<body>
<center>heading level</center>
<h1>Heading 1
<h2>Heading 2
<h3>Heading 3
<h4>Heading 4
<h5>Heading 5
<h6>Heading 6
</body>
</html>

Paragraph
Paragraph defines the <p> tag.

Attributes Value
Align left, right, center
Line Break: <BR>

It is used to break the line.

Hr (horizontal rule): <hr>

It is used to draw the horizontal line.

Attributes

 Height
 Color
 Width

Text (or) Character Formatting Tags:

There are several tags are to format the text.

Tag Description
<B> Defines bold text
<I> Defines italic
<U> Defines underline
<Small> Defines small text
<Big> Defines big text
<Strong> Defines strong text
Defines subscripted text
<Sub>
<Sup> Defines superscript text
<S> Defines strikethrough
<Pre> Defines preformatted text

Ex:
<HTML>
<HEAD>
<TITLE>WEB PAGE
</TITLE>
</HEAD>
<BODY TEXT=RED>
<pre><b><big>WELCOME </big></b><small>TO</small>
MY <u><strong>FIRST</strong></u> <i><s>WEB
PAGE</i></s>H<sub>2</sub>O
A<sup>2</sup>
</pre>
</BODY>
</HTML>

Font
To set the format of the text
Attributes
color
size
face(font name)
Ex:

<HTML>
<HEAD>
<TITLE>WEB PAGE
</TITLE>
</HEAD>
<BODY TEXT=RED>
<font color=blue size=12
face=scriptc>WELCOME TO MY FIRSTWEB
PAGE</font><p align="right">H<sub>2</sub>O
A<sup>2</sup>
</BODY>
</HTML>

Lists

It is used to list out the items


There are 3 types of list

1. Ordered list
2. Unordered list
3. Definition list

Ordered List(OL)

It is used to list out the items using numbering format


To use <ol> tag.

Attributes Value
Type I, i, A, a, 1(default)
Start It specifies the start value

EX:

<HTML>
<BODY>
<OL TYPE=1 START=5>
<LI>HDCA
<LI>DCA
<LI>PCP
<LI>DUC
</OL>
</BODY>
</HTML>

Unordered List <Ul>

It is used to list out the items using bullet format

Attributes Value
Type Circle, square, disk (default)

Ex:

<HTML>
<BODY>
<UL TYPE=square>
<LI>HDCA
<LI>DCA
<LI>PCP
<LI>DUC
</UL>
</BODY>
</HTML>

Definition List <Dl>

It contain the 2 tag

1. <dt>definition term
2. <dd> definition data

EX:
<dl>
<dt>RAM
<dd>Random Access Memory
<dt>ROM
<dd>Read Only Memory

ex :

<html>
<body>
<dl>
<dt>OL
<dd><u>O</u>rdered <u>L</u>ist
<dt>UL
<dd><u>U</u>nordered <u>L</u>ist
<dt>DL
<dd><u>D</u>efinition <u>L</u>ist
</dl>
</body>
</html>
Table Tag
It is used to set the table in the web page
It contain 3 tag

<th> table head


<td> table data
<tr> table row

Attributes:

 Border
 Border color
 Bgcolor
 Height
 Width
 Cell spacing
 Cell padding
 Align

Ex:
<html>
<body>
<table border=2 bordercolor=red bgcolor=yellow
cellspacing=15 cellpadding=10 align=center height=250
width=300>
<th colspan=4>Student infromation<tr>
<th>sno<th>sname<th>result<tr>
<td>111<td>aaa<td>pass<tr>
<td>222<td>bbb<td>pass
</table>
</body>
</html>

Character Entities

Screen o/p Entity


< &lt;
> &gt;
& &amp;
Space &nbsp;
“ &quot;

Link

Html uses the <a>(anchor) tag to create the link to another


document.
Blue is the default color of the link

Attributes

Href (hyper references)

Marquee
It displays a scrolling text string in the document like an
advertisement marquee.

Attributes :

Attributes value
Behavior Scroll(default), slide, alternate
Bgcolor back color
Direction Left, right,
up, down
Height
Width

Frames

To display more than one html document in the same browser


window. Each html document is called a frame.

Tag Attributes Description


<Frameset> Rows, cols Defines a set of frames
<Frame> Name, src (source) Defines a sub window
Ex:

<html>
<frame>
<frameset cols=30%,40%,*>
<frame name=f1 src="d:/siva/html/ol.html">
<frame name=f1 src="d:/siva/html/ul.html">
<frame name=f1 src="d:/siva/html/dl.html">
</frame>
</html>

Images
It is used to display the image for particular location.
Attributes

 Src (source)
 Height
 Width
 Align

Ex :

<html>
<body><center>
welcome to my new picture<br><br><br><br>
<img src="c:/documents and settings/all users/documents/my
pictures/sample pictures/sunset.jpg" height=200 width=200>
</center>
</img>
</body>
</html>

Forms & Input

A form is an area that can contain form elements. They are


used to obtain kinds of user input. A form is defined with the
<form> tag, which is as follows.
The most used from tag is the <input> tag. The type of input
is specified with the type attribute.

Form attribute

 Name
 Method
 1.get
 2.post
 Action (scripting language path)

Input tag attributes

 Name
 Type
 Value
 Size

Form elements

 Text text

 Password *

 Radio

 Checkbox
 Button
 Submit
 Reset
Hello
<Textarea>  rows, cols Welcome

<Select>
<Option>
Protocol

It is a set of rules.

Types:

HTTP ---- Hyper Text Transfer Protocol


TCP/IP ---- Transmission Control Protocol / Internet Protocol
UDP ---- User Data gram (Or) Definition Protocol
SMTP ---- Simple Mail Transfer Protocol
POP ---- Post Office Protocol
FTP ---- File Transfer Protocol

VB SCRIPT

SCRIPT

Client side Server side

Client side is used for validation purpose


Ex: vbscript, JavaScript, jscript

Server side is used for verification purpose


Ex: ASP, JSP, and PHP

ASP --- Active Server Page


JSP --- Java Server Page
PHP --- hypertext process

Vbscript

It is a client side scripting language. It is used for validation


purpose. It is a not case sensitive.

Adding vbscritpt code to an html page.


You can use the script element to add vbscript code to an
html page.

Data type:

Vbscript has only one data type called a variant.


Variant sub types:

Boolean, byte, integer, currency, long, single, double, date, string,


object, error

Variables:
It is used to store the values in memory location. It is used to
change the values.

Declare variable:
Sy: Dim var_name [as data type]
Ex: dim a as integer

Assigning values to variables:


Sy: Var_name=value
Ex: a=100

Scope of variable

Procedure level---it is declare at procedure level. It is used at


procedure only.
Script level – it is declare at script level. It is used at any where in
the program.

Array:
It is a group of related data items that share a common name.
Sy: dim arr_name (size) [as data type]
Ex: dim a (5)
Constant
It is used to store the values in memory location. It does not
change the values.
Operator
Arithmetic  +, -, *, /, mod
Relational  >, <, >=, <=, =, <>
Logical  and, or, not.

Conditional statements:
 If…then…Else
 If... then…else if
 Select case

If..then..else
Sy:
If (tc)
Statement
Else
Statement
End if

If..then..elseif
Sy :
If(tc)
Statement
Else if(tc)
Statement
Else
Statement
End if

Select case
Sy:
Select case (exp)
Case “label1”
Stat
Case “label2”
Stat
Case “label3”
Stat
Case else
stat
End select

Looping statement:

 Do while … loop
 Do until…. Loop
 Do…. loop while
 Do… loop until
 For

Do… while
Sy:
Do while (TC)
Stat
Loop

Do … loop while
Sy:
Do
Stat
Loop while(tc)

Do until … loop
Sy:
Do until (tc)
Stat
Loop

Do.... loop until


Sy:
Do
Stat
Loop until (tc)

For
Sy:

For var =initial value to final value


Stat
Next [var]

Procedure
A particular piece of code in the program. It perform
particular task.

Function procedure

Function funname()
Stat
End function

Sub

Sub subname()
Stat
End sub

Event

[private/public] sub ctrlname_eventname()


stat
end sub

Potrebbero piacerti anche