Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
HTML XML
DHTML
SGML ---- Standard
Generalize Markup
Language
HTML ---- Hyper Text Markup Language
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.
1. Head
<Body>
Body sections
</body>
</html>
Bgcolor
Text
Background
Vlink
Alink
PICTURE 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>
Attributes
Height
Color
Width
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
1. Ordered list
2. Unordered list
3. Definition list
Ordered List(OL)
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>
Attributes Value
Type Circle, square, disk (default)
Ex:
<HTML>
<BODY>
<UL TYPE=square>
<LI>HDCA
<LI>DCA
<LI>PCP
<LI>DUC
</UL>
</BODY>
</HTML>
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
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
Link
Attributes
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
<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>
Form attribute
Name
Method
1.get
2.post
Action (scripting language path)
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:
VB SCRIPT
SCRIPT
Vbscript
Data type:
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
Scope of variable
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
For
Sy:
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