Basic HTML

Guide to HTML code Not case sensitive Use tag for formatting output: new line, paragraph, text size, color, font type, etc. Can be a single or coupled tag Tag general format: Single: Double:...

Very simple HTML code Simple HTML Hello World

More complex code More about HTML Text This is a normal text This is a text (bold) This is a text (italic) This is a text with font = Arial, size = 3, color = Red Please set me to bold, italic, font = Arial, size = 3, color = Red This is a preformatted text

Image

linked object reference object : Part of text in the same document Other document Image / animation / audio / video Application logic (CGI script) Client script (JavaScript / VBScript) linked object : Text Image Link

Table Begin table Begin row Column1, Column2,... End row... End table

Table Begin table = End table = Begin row = End row = Column = column content column content : text, image, linked object, etc.

Table Table with 2 rows & 3 columns for each row:

More complex table #1 There are two rows:...

More complex table #1 First row -> two columns Second row -> one column

More complex table #1 Span two columns for the single column in the second row:

More complex table #2 There are two rows (max):...

More complex table # Column:is the first column in the first row Column:is the second column in the first row Column:is the second column in the second row

More complex table # Span two rows for column:

More complex table #3 It’s your turn ???

Form Begin form Form object components End form

Form Begin form = Form object components = Textfiled, Password, Hidden, TextArea, List Box (single/multiple), Radio Button, Check Box, Submit Button, Reset Button, Buttons End form =

Form Form object components

Form object components Textfield Password Hidden

Form object components TextArea Default textarea value

List Box (single) Text 1 Text 2... Form object components

List Box (multiple selection) Text 1... Form object components

Radio Button Text 1 Text 2 Text 3... Check Box Text 1 Text 2 Text 3... Form object components

Button, Submit, Reset Form object components

Frame Object display multiple HTML doccument simultaneously in the same browser window Why use frame ? provide permanent navigation menu

Frame Object General Implementation Begin set of frame frame1 frame2 End set of frame

Frame Object Begin set of frame: Frame: End set of frame:

Frame Object Example

Frame Object Nested frame