Documentum and Java : HTML 4.0

HTML :

HTML is a Hyper Text Mark-up Language. It is used to create Static web pages. HTML contains the pre-defined Elements and Tags. The difference between Element and Tag is that Tag is independent which doesnt contain any attributes and value like <br>,<center> etc. It is not a case sensitive. It is an error-free language which will run on browser.

Basic HTML Syntax is

<tag-name attribute=value>

Structure of an HTML programs:

<html>
<head>
<title>Here some text which will display on Title bar </title>
</head>
<body>
Here you can add plain text and components which possess interaction with the user.
</body>
</html>

Get started with HTML:

Open Notepad
type above code or plain-text or embedded tags
save the file as <file-name>.html where file-name is your optional
Open Web browser(Internet Explorer,FireFox,Chrome etc..)

Go to File--->Select option Open--->click on Browse--->Import the file where you located that

Semantic-Based Style Types:

<EM>

Example : <EM>Some Text</EM>

<Strong>

Example :<Strong>Some Text</Strong>

<cite>

Example : <CITE> Some Text</CITE>

<address>

Example :<Address>Some Text</Address>

<KBD>

Example :<KBD>some text</KBD>

<small>

Example :<small>some text</small>

<Big>

Example :<Big>Some Text </Big>

Syntactic Based Style Types :

Example :<B>Some Text</B>

Example :<I>Text</I>

<Strike>

Example :<Strike>Text</Strike>

<Sub>

Example :<sub>Text</sub>

<sup>

Example :<sup>Text</sup>

Example <U>Text</U>

<blink>

Example :<blink>Text</blink>

Some more Basic Tags :

<br>
<hr>
<font>
<center>
<h1>
<p>
<Marquee>---for looping text

LIST :

Order List
Un-order List
Definitions List

Order List:

<OL> is a main Tag, Contains starting Tag <OL> and Ending Tag </OL>.

Pre-defined Attributes:

Type
Pre-defined Values:

A,B,C.....................
1,2,3.......................
a,b,c.......................
I,II,III,IV................
i,ii,iii,iv,.................

Class
Dir
ID

<LI> is a List Item, and it is a sub Tag of <OL>.

Example:

<OL type=1>

<LI>ABCD</LI>

<LI>Text</LI>
</OL>

            Un-order List :

                             <UL> is a Unorder List Tag. It is a main tag <UL>, contains starting Tag<UL> and Ending Tag</UL>.

                      Pre-defined Attributes:

CLASS
Dir
ID
TYPE

SQUARE
CIRCLE
DISC

<LI> is a List Item, and it is a sub Tag of <UL>.

Example :

<UL type=SQUARE>

<LI>ITEM 1 </LI>

<LI>ITEM 2 </LI>

</UL>

Definition List:

<DL>
<DT>
<DD>

IMAGES :

To insert a image into an web-page using Image Element. It contains starting Tag <img> and End Tag </img>.

Usage :

<img src="filename.extension"></img> if image is beside .html file

Pre-defined Attributes :

Src
Width
Height
Alt
Border
Align
Class
Dir
Dynsrc
Hspace
Vspace
ID
ISMAP
Name
Title
Style

LINKING Between Two Web Pages:

we can apply links to text,images etc. Linking can be done by using an Anchor Tag. Anchor Tag is defined in <a> and </a>.

Predefined Attributes:

href
CharSet
Class
ID
Name
Style
Lang
Rel
Type

Tables :

To show Tabular form in an web-page we use Table Tag. <table> is the starting end and </table> is an ending tag. It contains four sub-tags to show an table in a web-page.

Sub-Tags of Table:

<tr>
<th>
<td>
<caption>

Predefined Attributes :

Border
Cell Padding
Cell Spacing
Width
Height
Col
BGCOLOR

Forms :

Form Tag is consists of starting and ending Tag i.e, <form></form>

Predefined Attributes:

method
action

Predefined Values :

GET
POST
URL / Path of a next related page

Note : GET and Post are applicable to Method Attribute and URL/path for Action Attribute

Form Sub-Tags:

TextField : <input type="text">
Password : <input type="password">
Submit : <input type="Submit">
Reset : <input type="Reset">
Check box : <input type="Check box">
Radio Button:<input type="Radio">
Drop Down List: <select><option>text or use-cases1</option><option>use-cases 2</option> </select>
Uploading Files :<input type=file>

Predefined Attributes of Sub Tags :

Value
ID
Lang
Style
Name

VIDEO and Audio RELATED TAGS

<BGSOUND>
<EMBED>
<NOEMBED>

<BGSOUND> is for Background Music of an Web-page which is usually preferred for Online games for Audio Files.
<EMBED> is for Video's which play on web-pages. For Example You Tube.
Predefined Attributes :

SRC
Height
width
ID
NAME
style

PASSING PLUGIN'S INTO BROWSER

we can pass the plug-in's into the web browser. This can be done by using following two tags

<OBJECT>
<PARAM>

Predefined Attributes:

width
height
class id
name
src etc.....

Passing the plug-ins into browser can be depends upon the class id which passing into. And class id's are predefined.

Class id's for:

QuickTime : clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B

Flash Player : clsid:d27cdb6e-ae6d-11cf-96b8-444553540000

Windows Media Player : CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6

WORKING WITH WEB BROWSER

working with web browser is nothing but details regarding browser version,refresh,etc.... This is can be done by using the <meta> tag.

Documentum and Java

Search This Blog

HTML 4.0

LIST :

IMAGES :

LINKING Between Two Web Pages:

Forms :

VIDEO and Audio RELATED TAGS

PASSING PLUGIN'S INTO BROWSER

WORKING WITH WEB BROWSER

1 comment: