HTML With Burmese Version TomGing

1|P a g e
HTMLBYSATURNGOD
HTML
Internet
Internet Homepage
Internet Internet
Network Information
Web Page Web Page HTML
Web Page Web Browser Software Web Broswer
Software Internet Explorer Firefox
HTML History
1989 Tim Berners-Lee Rober Calliau Research Documents

Berners-Lee browser
Tag
tage
Hyper-Link document tag
Berners-Lee
Hyber Text Markup Language HTML
Tag
Tag
Text
HTML
code
<b>This is bold </b> web browser bold

<b> </b> tag tag
/
HTML Editor
HTML Editor IDE Dreamweaver

HTML Website Dreamweaver HTML
code website
website
template
HTML
code
Notepad HTML web site
http://saturngod.mysteryzillion.com
2|P a g e
HTMLBYSATURNGOD
web
programming PHP, ASP.NET , JSP , Ruy On Rail
HTML
1.Starting To Creat and Edit Webpage
Notepad
. Windows Key + R Run Dailog Box notepad

OK notepad
. Notepad Format word warp check Word

Warp Notepad
HTML
. Notepad
3|P a g e
HTMLBYSATURNGOD
<html>
<head>
<title>This is title</title>
</head>
<body>
This is body
</body>
</html>
HTML HTML html code

Head Tag Head Tag Title
Title Browser bar
Body

. save Save Dialog box

filetype All file file name firstrun.html firstrun
.html file extension HTML page
.html .htm browser
. Save file first.html file

double click
page
4|P a g e
HTMLBYSATURNGOD
File
address
bar
title tag This is tile

Windos Title bar Tab Title bar
Body tag This is body

IE7
Page > View Source Notepad HTML
IE 6
View > Source
Notepad HTML
code page
save Internet Web site view > source save
Header Tag
5|P a g e
HTMLBYSATURNGOD
notepad
<html>
<head>
<title>Example Of Header</title>
</head>
<body>
<h1>This is Header</h1>
This is normal text
</body>
</html>
code notepad .. run Head Tag
h1 h6 h6
notepad save
<html>
<head>
<title>Example</title>
</head>
<body>
6|P a g e
HTMLBYSATURNGOD
<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
<h4>H4</h4>
<h5>H5</h5>
<h6>H6</h6>
</body>
</html>
html
page
bold italic underline
LineBreak
HTML <br/> close tag
<br/> <br>
<html>
<head>
</head>
<body>
First Line<br/>Second Line<br>Third Line
</body>
</html>
7|P a g e
HTMLBYSATURNGOD
Bold,Italic,UnderlineTag
bold <b> italic <i> Underline
<u> notepad
run
<html>
<body>
<b>This is bold</b> <br/>
<i>This is italic</i> <br/>
<u>This is underline</u> <br/>
</body>
</html>
Bold underline italic
tag tag
<i><b>This is bold italic </b></i>
<u><i><b>This is bold italic </b></i></u>

<i> <b><i></b></i>
<b><i> This is bold italic </i></b>

tag structure
code
PreTag
8|P a g e
HTMLBYSATURNGOD
Enter
dream
weaver
HTML
<pre> font
font
<pre> tab
<html>
<head>
</head>
<body>
<pre>Pre Tag, Now Enter
Now Tab
Tab
</pre>
</body>
</html>
ParagraphTag
paragraph
tag
<html>
<head>
</head>
<body>
<p>
9|P a g e
HTMLBYSATURNGOD
<h1>About Notepad</h1>
<p>Notepad is a basic text editing program and it is most commonly used to view or edit
text files. A text file is a file type typically identified by the .txt file name extension.</p>
<b> How do I change the font style and size?</b>
<p>Changes to the font style and size affect all the text in the document.<br/>
Click the Format menu, and then click Font.<br/>
Make your selections in the Font, Font style, and Size boxes.<br/>
An example of how your font will look appears under Sample.<br/>
When you are finished making font selections, click OK.<br></p>
</body>
</html>
HorizonalLine
horizonal <hr> close
tag
<html>
<head>
</head>
<body>
10|P a g e
HTMLBYSATURNGOD
<h1>About Notepad</h1>
<p>Notepad is a basic text editing program and it is most commonly used to view or edit
text files. A text file is a file type typically identified by the .txt file name extension. </p>
<hr>
<h1> How do I change the font style and size?</h1>

<p>Changes to the font style and size affect all the text in the document.<br/>
Click the Format menu, and then click Font.<br/>
Make your selections in the Font, Font style, and Size boxes.<br/>
An example of how your font will look appears under Sample.<br/>
When you are finished making font selections, click OK.<br></p>
</body>
</html>
code run <hr> line
Attribue
11|P a g e
HTMLBYSATURNGOD
tag attribute attribute

tag properties tag attribute body color
attribute
BodyColor
<html>
<head>
</head>
<body bgcolor=silver>
Body BGCOLOR
</body>
</html>
code run background color

Table color 16
Silver
Gray
Maroon
Green
Navy
Purple
Olive
Teal
White
Black
Red
Lime
Blue
Magenta
Yellow
Cyan
color code RGB color

Hex code number #FF0000

color photoshop
12|P a g e
HTMLBYSATURNGOD
photoshop
color
double click color dialog box
color hex code copy color
#
<html>
<head>
</head>
<body bgcolor=#e5bb2c>
Body BGCOLOR Hex code
</body>
</html>
13|P a g e
HTMLBYSATURNGOD
attribute color attribute

tag tag
<hr> attribute
Hr Attribute
tag attribute tag
attribute
<html>
<head>
</head>
<body bgcolor=#e0e0e0>
Default HR
<hr>
Hr with size=1
<hr size=1>
Hr with size=5
<hr size=5>
hr
14|P a g e
HTMLBYSATURNGOD
Hr with size=10
<hr size=10>
Hr with size=10 and noshade
<hr size=10 noshade>
Hr with size=5 and color
<hr size=5 color=#D60000>
</body>
</html>
size noshade shade
color

List
List order list unorder list list
list
defination
list
Unorder list
<html>
<head>
</head>
<body>
<h3>Unorder List</h3>
<ul>
<li>First Item</li>
<li>Second Item</li>
unorder
list
15|P a g e
HTMLBYSATURNGOD
<li>Third Item</li>
</ul>
</body>
</html>
<ul> unorder list <li> list list <li>1</li> <li>1</li>

<li>2</li> code run list
List attribute
<html>
<body>
<h3>Unorder List</h3>
<h5>Disc</h5>
<ul type="disc">
<li>First Item</li>
<li>Third Item</li>
</ul>
<h5>Square</h5>
<ul type="square">
<li>First Item</li>
16|P a g e
HTMLBYSATURNGOD
<li>Third Item</li>
</ul>
<h5>Circle</h5>
<ul type="circle">
<li>First Item</li>
<li>Third Item</li>
</ul>
</body>
</html>
unorder list disc, square, circle default disc
Ordered List
<html>
<head>
</head>
<body>
<h3>Ordered List</h3>
<ol>
<li>First Item</li>
<li>Third Item</li>
</ol>
17|P a g e
HTMLBYSATURNGOD
</body>
</html>
<ol> order list code run

attribute
<html>
<head>
</head>
18|P a g e
HTMLBYSATURNGOD
<body>
<h3>Ordered List</h3>
<ol type="1">
<li>First Item</li>
<li>Third Item</li>
</ol>
<h5>Type A</h5>
<ol type="A">
<li>First Item</li>
<li>Third Item</li>
</ol>
<h5>Type a</h5>
<ol type="a">
<li>First Item</li>
<li>Third Item</li>
</ol>
<h5>Type a</h5>
<ol type="I">
<li>First Item</li>
19|P a g e
HTMLBYSATURNGOD
<li>Third Item</li>
</ol>
<h5>Type i</h5>
<ol type="i">
<li>First Item</li>
<li>Third Item</li>
</ol>
</body>
</html>
Order List Unorder List type

code order list unorder
list
start attribute
<ol type="A" start=4> D

HTML list web page list
definition list
Definition List

<html>
<head><title>Example</title></head>
<body>
20|P a g e
HTMLBYSATURNGOD
<h3>Definition List</h3>
<dl>
<dt>HTML
<dd>Language used to develop Web Pages
<dt>Image
<dd>Any graphic such as an icon,bullet, line, photo , or illustration
</dl>
</body>
</html>
Defination List List defination term defination

dl defination term <dt> defination <dd>
list
tag
</dl>

...
HTML
21|P a g e
HTMLBYSATURNGOD
2.Creating Web Page With Apperance And Link
bold,italic,underline font
font font size
color page link
<center>
Optional Tag
MoveToCenter
center
<html>
<body>
<center>
This is center
</center>
</body>
</html>
This is center

<html>
<body>
<h1 align="justify">Test</h1>
22|P a g e
HTMLBYSATURNGOD
</body>
</html>
code header
Marquee
marquee
<html>
<body>
<marquee>Im moving</marquee>
</body>
</html>
code
Marquee attribute
Attribute Name
Properties
Descripton
behavior
alternate
<marquee behavior="alternate">I'm moving</marquee>
scroll
default value

<marquee behavior="scroll">I'm moving</marquee>
direction
slide
<marquee behavior="slide">I'm moving</marquee>
left
default value
23|P a g e
HTMLBYSATURNGOD
<marquee direction="left" >I'm moving</marquee>
right
<marquee direction="right" >I'm moving</marquee>
up
<marquee direction="up" >I'm moving</marquee>
down
<marquee direction="down" >I'm moving</marquee>
loop
[number]
marquee number

<marquee loop="1" >I'm moving</marquee>
scrollamount
[number]
pixel

<marquee scrollamount="10">I'm moving</marquee>
scrolldelay
[number]
millisecond
1000 1 second

<marquee scrolldelay="1000">I'm moving</marquee>
Bgcolor
[hex code] OR marquee back color #009933

[Color Name]
background
color

<marquee bgcolor="#009933" >I'm moving</marquee>
24|P a g e
HTMLBYSATURNGOD
marquee
font
Font
Font HTML Web Page font
font tag
<html>
<body>
<font face="Zawgyi-one">Zawgyi Font </font>
</body>
</html>
<font> </font> zawgyi-one font face="font name"
font tag attribute

Name
Properties
color
[hex code] OR color

[color name]
Description

<font
face="Zawgyi-one"
color="#006699">Zawgyi
Font
</font>
size
[number]
font size=3 size

size=4 7 1 7 3
+1
+6
+2 3 5
-1 -6 -1 3

25|P a g e
HTMLBYSATURNGOD
<font face="Zawgyi-one" size="5">Zawgyi Font </font>

<font face="Zawgyi-one" size="+2">Zawgyi Font </font>
<font face="Zawgyi-one" size="-2">Zawgyi Font </font>
text formatting tags

Tag
Description
<b></b>
font blod
<big></big>
bold
<blockquote></blockquote>
tab

<i></i>
italic
<pre></pre>
code enter tab
<small></small>
<strike></strike>
<sub></sub>
H2
<sup></sup>
22
<tt></tt>
typing font typing
<u></u>
underline
26|P a g e
HTMLBYSATURNGOD
Link Link Web Page

Page Link
Page Link And Image Link

Page Link page page
example
Home Page Gallery Page Go To Home
Gallery Home Page Home Home
page File
index.html gallery.html C:\example\index.html
C:\example\gallery.html
Index.html
<html>
<head><title>Example</title>
<body>

27|P a g e
HTMLBYSATURNGOD
<a href="gallery.html">Gallery</a>
</body>
</html>
Gallery.html
<html>
<head><title>Example</title>
<body>

<a href="index.html">Home</a>
</body>
</html>
code 
home page home.html index.html
 comment 

home page index.html web page
page index.html default.html www.example.com page
www.example.com/index.html
index.html Home Page index.html

default.html
..
Link
link
<a
href="address">Name</a>
address page Name

Link
vistied click
body vlink
attribute link attribute <body vlink="green" link="green">
link color link
28|P a g e
HTMLBYSATURNGOD
file
download
link address file

<a
href="file.zip>Download</a>
..
Link
path
PathForLink
Path <a href=" path link">Path</a>
./file.html OR file.html
C:\example\index.html
C:\example\gallery.html ./
directory
./download/download.html OR download/download.html
folder folder
../file.html
folder up
C:\example\download\index.html
C:\example\gallery.html download
folder file
../../file.html
../
folder directory up
http://www.mysteryzillion.com
website
./download/file.zip OR download/file.zip
download
file
image
image
site
site structure Link

file
29|P a g e
HTMLBYSATURNGOD
.. page
Image
web page page
...
<html>
<head>
</head>
<body>
<img src="Apple-logo.jpg"> Apple Logo</body>
</html>
image
image extension image

extension jpg gif png image size
<html>
<head>
</head>
30|P a g e
HTMLBYSATURNGOD
<body>
<img src="Apple-logo.jpg" width=80px height=80px> Apple Logo</body>
</html>
width height attribute size width
height size
<img src="Apple-logo.jpg" width=80px height=80px alt="Apple Logo"> Apple Logo
alt
Mouse
tool tip
Image attribute
text align text align img code align attribute
Align
top
align
bottom
default
middle
left
page
right
Left
31|P a g e
HTMLBYSATURNGOD
: img top
: img bottom
: img middle
: img left
: img right
image
size width height attribute
Photo size
32|P a g e
HTMLBYSATURNGOD
click size page

click
<html>
<head>
</head>
<body>
<a href="fullsize.jpg"> 

<img src="smallsize.jpg" width=80px height=80px border=0>
</a>
</body>
</html>
code border
href image border
Link
: border image
: border
link page
sample
web page
table frame
Table And Frame
table
33|P a g e
HTMLBYSATURNGOD
Table web page table

web page frame professional stylesheet
div CSS page
HTML CSS Advance

table web page
table
Table
Table roll column cell

Table HTML web site
Gallery Page
Page Layout CSS Table CSS
CSS Cascading Style Sheets CSS
Web Page HTML
HTML CSS

site HTML
34|P a g e
HTMLBYSATURNGOD
table cell
cell .. code
<head>
<title>Example Table</title>
</head>
<body>
<table>
<tr> 
<td> 
Row
</td>
35|P a g e
HTMLBYSATURNGOD
<td>
Row
</td>
</tr>
</table>
</body>
</html>
Table
<table> </table>
Row <tr></tr> row
<tr></tr><tr></tr>
column <td></td> <td></td> <tr>
</tr> column <tr><td></td><td></tr>
column
... row column
row
<tr> </tr> column <td></td>
row row table
<table>
<tr> 
<td> 
1
</td>
<td>
36|P a g e
HTMLBYSATURNGOD
2
</td>
<td>
3
</td>
</tr>
<tr> 

<td> 
4
</td>
<td>
5
</td>
<td>
6
</td>
</tr>
</table>
Example row column
table
table
table
... example row
column table
row <tr></tr> column <tr> </tr> <td></td>
code
37|P a g e
HTMLBYSATURNGOD
<html>
<body>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
</table>
</body>
</html>
38|P a g e
HTMLBYSATURNGOD
...
table
width
table
width
% pixel
table width <td> width % Pixel
% broswer width
pixel %
broswer
pixel browser ..
<html>
<body>
<table width="100%">
<td>1</td>
<td>2</td>
<td>3</td>
</tr>

<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<td>6</td>
<td>7</td>
<td>8</td>
39|P a g e
HTMLBYSATURNGOD
</tr>
</table>
</body>
</html>
width 100%
browser table
first row
<td width="30px">1</td>
<td>2</td>
<td>3</td>
</tr>
column width 30px row
row column px %
column
<td width="45%">1</td>
40|P a g e
HTMLBYSATURNGOD
</tr>
column width % colum width
... table time table
<html>
<body>
<td>Date</td>
<td>Time</td>
<td>Subject</td>
</tr>
<td>Oct 07</td>
<td>1:00 PM - 3:00 PM</td>
<td>Hardware</td>
</tr>
<td>Oct 08</td>
<td>1:00 PM - 3:00 PM</td>
<td>Software Install</td>
</tr>
<tr>
<td>Oct 08</td>
41|P a g e
HTMLBYSATURNGOD
<td>1:00 PM - 3:00 PM</td>

<td>Windows Install</td>
</tr>
</table>
</body>
</html>
.. table border
border attribute
Border,Cellpadding,Cellspacing
<table width="100%" border="1"> border
border
border
<table width="100%" border="1" bordercolordark="red" bordercolorlight="#FF3300">
bordercolordark bordercolorlight bordercolor

<table width="100%" border="1" cellspacing="0" bordercolor="#0066CC" >
42|P a g e
HTMLBYSATURNGOD
border cell padding cell padding cell

spacing
cellpadding table border cellpadding
cellpadding 30
border

<table width="100%" border="1" cellpadding="30" bordercolor="#0066CC" >
cellspacing
cell
border
cellspacing 0
<table width="100%" border="1" cellspacing="0" bordercolor="#0066CC" >
43|P a g e
HTMLBYSATURNGOD
... cell
merge
table
CellMerge
Cell Merge table Cell Merge
Cell Cell Cell Merge table
row <tr> <tr> <td>
<tr> <td>
cell merge column

<td> column
cell
<td>
column
merge
row column merge code

<html>
<head>
</head>
<body>
<table border="1">
<tr>
<td>
Cell 1
</td>
<td>
Cell 2
44|P a g e
HTMLBYSATURNGOD
</td>
<td>
Cell 3
</td>
</tr>
<tr>
<td colspan="2">
Cell 1
</td>
<td>
Cell 3
</td>
</tr>
</table>
</body>
</html>
code <td colspan="2"> Cell

cell <td colspan="3"> code

<html>
<head>
45|P a g e
HTMLBYSATURNGOD
<title>Untitled Document</title>
</head>
<body>
<table border="1">
<tr>
<td>
Cell 1
</td>
<td>
Cell 2
</td>
<td>
Cell 3
</td>
</tr>
<tr>
<td colspan="3">
Cell 1
</td>
</tr>
</table>
46|P a g e
HTMLBYSATURNGOD
</body>
</html>
column column
<td> ... example
<html>
<head>
</head>
<body>
<table border="1">
<tr>
<td colspan="3">
List Of Adboe Software
</td>
</tr>
<tr>
<td>
Adobe Acrobat
</td>
<td>
47|P a g e
HTMLBYSATURNGOD
Adobe Dreamweaver
</td>
<td>
Adboe Flash
</td>
</tr>
<tr>
<td>
Adobe InDesign
</td>
<td>
Adobe Photoshop
</td>
<td>
Adboe Bridge
</td>
</tr>
</table>
</body>
</html>
48|P a g e
HTMLBYSATURNGOD
code List Of Adboe Sofware Column merge

Column merge
column <td>
Column Merge Row Merge

Row Merge
column merge code
<html>
<head>
</head>
<body>
<table border="1">
<tr>
<td rowspan="2">
Cell Left
</td>
<td>
Cell 2
</td>
</tr>
<tr>
<td>
49|P a g e
HTMLBYSATURNGOD
Cell 3
</td>
</tr>
</table>
</body>
</html>
Column <td rowspan="2"> Column Row

column Column
First Column First Column Column
example
<html>
<head>
</head>
<body>
<table border="1">
<tr>
<td>
Row1 , Cell1
</td>
<td>
50|P a g e
HTMLBYSATURNGOD
Row1 , Cell2
</td>
<td>
Row1 , Cell3
</td>
</tr>
<tr>
<td rowspan="2">
Left
</td>
<td>
Center
</td>
<td rowspan="2">
Right
</td>
</tr>
<tr>
<td> Cell 1</td>
</tr>
</table>
</body>
</html>
51|P a g e
HTMLBYSATURNGOD
example row span Left Right row

row column
<td>
Appearnce
Table background color border
cell background
<html>
<head>
</head>
<body>
<table border="1">
<tr>
<td bgcolor="blue">
<font color="#FFFFFF">BLUE</font>
</td>
<td bgcolor="red">
Red
</td>
<td bgcolor="#EABCDF">
Hex Color
</td>
</tr>
52|P a g e
HTMLBYSATURNGOD
</table>
</body>
</html>
background
bgcolor
font
color
background
CSS
CSS bg color
<tr> bgcolor attribute

<html>
<head>
</head>
<body>
<table border="1">
<tr>
<td bgcolor="blue">
<font color="#FFFFFF">BLUE</font>
</td>
<td bgcolor="red">
row
53|P a g e
HTMLBYSATURNGOD
Red
</td>
<td bgcolor="#EABCDF">
Hex Color
</td>
</tr>
<tr bgcolor="#FF6699">
<td>
a
</td>
<td>
b
</td>
<td>
c
</td>
</tr>
</table>
</body>
</html>
54|P a g e
HTMLBYSATURNGOD
<tr bgcolor="#FF6699"> row
table
table
HTML
Dreamweaver software table
table
merge
dreamweaver
dreamweaver HTML

frame
Frame
Frame HTML Page

Frame Page Frame
AJAX
Frame
menu
menu
.. frame
Frame1.html
<html>
<head>
</head>
<body>
page
Name
55|P a g e
HTMLBYSATURNGOD
This is frame 1
</body>
</html>
Frame2.html
<html>
<head>
</head>
This is frame 2
</html>
index.html
<html >
<head>
</head>
<frameset cols="80,*" frameborder="no" border="0" framespacing="0">

<frame src="frame1.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" />
<frame src="frame2.html" name="mainFrame" id="mainFrame" />
</frameset>
56|P a g e
HTMLBYSATURNGOD
<noframes><body>
</body>
</noframes></html>
frame file index.html Frame1
Frame2 frame1 frame2
index.html <body> frame Main

Page Body frameset HTML frame
IDE
Dreamweaver
frame

<frameset> </frameset> cols column
column cols="80,*" column 80
px percentage
cols="50%,*" 50% frame
50% frameborder="no" frame boder
border="0" framespacing="0" border 0 frame spacing
0 column <frame>
<frame src="frame1.html" name="leftFrame" scrolling="No" noresize="noresize" />

<frame src="frame2.html" name="mainFrame" id="mainFrame" />
src frame Link file
Name
.. scrolling scrollbar Yes

noresize frame resize frame resize
column
57|P a g e
HTMLBYSATURNGOD
index.html
<html>
<head>
</head>
<frameset cols="20%,30%,*">
<frame src="frame1.html" />
</frameset>
<noframes>Your Browser Dont Support Frame</noframes></html>
<noframes> browser
frame support frame support browser
Message browser support .. code

<html>
<head>
</head>
58|P a g e
HTMLBYSATURNGOD
<frameset rows="20%,30%,*">
</frameset>
<noframes><body>
</body>
</noframes></html>
frameser cols rows

cols rows
frame
rows
column
<html>
<head>
</head>
<frameset cols="*,50%" framespacing="0" frameborder="NO" border="0">
<frame src="frame2.html" name="rightFrame" scrolling="NO" noresize>
</frameset>
59|P a g e
HTMLBYSATURNGOD

</frameset>
<noframes><body>
</body>
</noframes></html>
<frameset> <frameset>
</frameset>
rows cols rows columns
<frame>
code
rows
colums
60|P a g e
HTMLBYSATURNGOD
<html>
<head>
</head>

</frameset>

</frameset>
<noframes><body>
</body>
</noframes></html>
61|P a g e
HTMLBYSATURNGOD
rows rows frameset

columns rows rows cols cols
rows
Link And Frame Frame
Link
frame
Web HTML
..
62|P a g e
HTMLBYSATURNGOD
LinkAndFrame
Link Page

frame frame
Page frame index.html
<html>
<head>
<title>Menu</title>
</head>
<frameset cols="100,*">
<frame src="menu.html" id="menu">
63|P a g e
HTMLBYSATURNGOD
<frame src="home.html" name="main">

</frameset>
<noframes></noframes>
</html>
.. name="main"
menu frame
.. menu.html ...
<html>
<head>
<title>Menu</title>
</head>
<body>
<a href="home.html" target="main">Home</a><br>

<a href="download.html" target="main">Download</a><br>
<a href="link.html" target="main">Link</a><br>
</body>
</html>
link target index.html
name="main" frame download
frame download.html page Home home.html
frame
64|P a g e
HTMLBYSATURNGOD
menu.html page home.html

Home Page news
<html>
<head>
65|P a g e
HTMLBYSATURNGOD
<title>Menu</title>
</head>
<body>
<iframe src="home.html" width="500" height="200"></iframe>

</body>
</html>
code <iframe> src page width height
HTML
code

".. code "

CSS
HTML
Dreamweaver Javascript
photoshop
Flash
Webdesigner
web developer CSS , Javascript, Phtoshop, Flash

web programming .NET
ASP.NET
Java
JSP
php technology Ruby On

Rails python HTML

CSS By Saturngod coming soon.

HTML With Burmese Version TomGing

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML With Burmese Version TomGing

Uploaded by

Copyright:

Available Formats

1|P a g e

1989 Tim Berners-Lee Rober Calliau Research Documents

<b>This is bold </b> web browser bold

HTML Editor IDE Dreamweaver

Notepad HTML web site

programming PHP, ASP.NET , JSP , Ruy On Rail

1.Starting To Creat and Edit Webpage

. Windows Key + R Run Dailog Box notepad

. Notepad Format word warp check Word

HTML HTML html code

. save Save Dialog box

. Save file first.html file

title tag This is tile

bold italic underline

<b><i> This is bold italic </i></b>

<h1> How do I change the font style and size?</h1>

tag attribute attribute

code run background color

color code RGB color

attribute color attribute

<ul> unorder list <li> list list <li>1</li> <li>1</li>

<ol> order list code run

Order List Unorder List type

<ol type="A" start=4> D

Defination List List defination term defination

2.Creating Web Page With Apperance And Link

<marquee behavior="alternate">I'm moving</marquee>

<marquee behavior="slide">I'm moving</marquee>

<marquee direction="left" >I'm moving</marquee>

<marquee direction="right" >I'm moving</marquee>

<marquee direction="up" >I'm moving</marquee>

<marquee direction="down" >I'm moving</marquee>

[hex code] OR marquee back color #009933

font tag attribute

[hex code] OR color

font size=3 size

<font face="Zawgyi-one" size="5">Zawgyi Font </font>

text formatting tags

code enter tab

typing font typing

Link Link Web Page

Page Link And Image Link

comment

index.html Home Page index.html

address page Name

link address file

site structure Link

image extension image

click size page

Table And Frame

Table web page table

Table roll column cell

<tr>

<tr>

<td>1:00 PM - 3:00 PM</td>

border cell padding cell padding cell

cell merge column

row column merge code

code <td colspan="2"> Cell

code List Of Adboe Sofware Column merge

Column <td rowspan="2"> Column Row

example row span Left Right row

<tr> bgcolor attribute

<tr bgcolor="#FF6699"> row