You are on page 1of 11

( ) .

( )
%3 %300 .

.

Majdi.masood@gmail.com



.
.

HTML Microsoft ShairPoint
.Adobe Dreamweaver Designer

PHP.ASP
HTML
. Server
Notepad .HTML
.
PHP
.
HTML

Tags HTML
.
HTML ..

><html></html
><head></head
><body></body

) / ( ( ) /
. Notepad ..
><html
><head></head
><body
></body
></html
) ( .html
.
> </head> <head .
><title> My Frist Web Page </title
> <title HTML .
. </body> <body>
.
.

HTML > <html


> .</html </head> <head>
( .) CSS body
.
HTML
HTML
. HTML
Fonts Tags Table
..


></font
_____________
></b
></strong
></I
></em
></u
></sup
></sup
></small
></big
></strike
></s
></tt


><font
><basefont
><b
><strong
><I
><em
><u
><sup
><sub
><small
><big
><strike
><s
><tt

HTML

. > <font ..

face
color
Size

Notepad
..
"<html><head><title>Fonts In HTML</title></head><body><font color="#2020769
size="7" face="Calibri"><strong><em><u> I am trying to use Fonts Tags On
>HTML</u></em></strong></font> Out of tags </body></html
.
.

HTML HTML.
HTML

Photoshop
HTML CSS
.
HTML
> <body
..

Bgcolor
Background
link
vlink
alink
text

HTML body
> <body ..
>"<body bgcolor="#000000" text="#ffffff


.Photoshop
HTML

. HTML
> <br HTML
> <p
.
..
><p align="center"> Write you Article here</p
align .(right, left, center)

PHP .
HTML
HTML
PHP .
..
>"<img src="myimage.png" width="200" height="200" align="left

SRC
height width
align .
HTML
Links
><A
><a href="www.google.com"></a
Google
..
><a href="www.google.com">Go to Google</a
><a href="www.google.com"><img src="myimag.png"></a
HTML
HTML
.
.
HTML :
><table
></table
><tr
></tr
><td
></td

HTML
6
....
><table
><tr> <td> &nbsp; </td> <td>&nbsp; </td> </tr
><tr> <td> &nbsp; </td> <td> &nbsp; </td> </tr
><tr> <td> &nbsp; </td> <td>&nbsp; </td> </tr
><tr> <td> &nbsp; </td> <td> &nbsp; </td> </tr
><tr> <td> &nbsp; </td> <td> &nbsp; </td> </tr
><tr> <td> &nbsp; </td
><td> &nbsp; </td></tr
></table

. HTML
.
HTML

PHP
.
..
HTML ><body ..
> <form action="contact.php" method="post"></form

action .
method method
..

:Post
:Get


..
"<form action="contact.php" method="post"><input type="text" name="email
value="write your mail here"><br><input type="submit" value="join our
>newsletter"></form


>"<input type="text
>"<input type="password
>"<input type="radio
>"<input type="checkbox
>"<input type="hidden
>"<input type="reset
>"<input type="submit

.PHP

HTML PHP
PHP
HTML
.HTML :HTML


></html
></head
></body
></title
></p
></center
_____________
></font
_____________


><HTML
><head
><body
><title
><p
><center
><br
><font
><basefont

></b
></strong
></I
></em
></u
></sup
></sup
></small
></big
></strike
></s
></tt
_____________
></a
></ol
></ul
></table
></tr
></td

><b
><strong
><I
><em
><u
><sup
><sub
><small
><big
><strike
><s
><tt
>"<img src="myimage.png
>"<a href="#
><ol
><ul
><table
><tr
><td


HTML ..

.
.
Notepad
...
...

D-Calendar

Calendar

Joomla

Tasks Sys

Tasks Sys

WordPress

CMS

CMS

Drupal

Support

Flow Chart Photoshop


PowerPoint .

.


. .
HTML . Notepad
HTML :
><html
><head
><title> ::. MWSC .:: | Home Page </title
></head
><body
></body
></html

HTML .
.</body> <body>

... ...
bgcolor
Background body
body :
>< body bgcolor=#000000
...

..
HTML
. body :
>"<table align="center" style="width: 817px; height: 427px
>"<tr style="background:white
><td style="height: 409px">&nbsp;</td
></tr
></table
.
5 .
Banner
:
>"<td valign="top" style="height: 138px
>&nbsp;</td
:
>"<table style="width: 633px; height: 496px; background:white;" align="center
><tr
>"<td valign="top" style="height: 138px" colspan="5
>&nbsp;</td
></tr
><tr
<td></td> <td></td> <td></td> <td></td> <td style="height:
>14px"></td
></tr
>"<tr> <td>&nbsp;</td> <td valign="top
>"&nbsp;</td> <td>&nbsp;</td> <td valign="top
>&nbsp;</td
><td style="height: 302px">&nbsp;</td> </tr
><tr
><td> </td> <td> </td> <td> </td
><td> </td> <td style="height: 10px"></td
></tr> <tr
><td></td
>"<td valign="top" colspan="3
>&nbsp;</td

><td style="height: 21px"> </td> </tr


><tr> <td style="width: 10px"></td
<td style="width: 182px"></td> <td style="width: 14px"></td> <td
>style="width: 409px"></td> <td style="height: 11px; width: 18px"></td
></tr
></table
...
HTML

HTML .
HTML
..
.

.
%50

align > <br
:
>"<tr align="center"> <td>&nbsp;</td> <td valign="top
>About Us<br><br
>Our Services<br><br
>Our Products<br><br
>Documents<br><br
Contact Us
></td


:
><a href="about_us.html">About Us</a

Banner .
Banner :
style="background:

"colspan="5

"138px

<td valign="top" style="height:


>url('object.png')"> &nbsp; </td

repeat
no-repeat
Body .Footer
. index.html
about_us.html .
. HTML
. action
MYSQL .PHP

3
.
:
<form method="post" action=""> <table style="width: 100%"> <tr> <td
style="width: 118px">Name</td> <td style="width: 6px">:</td> <td><input
>name="Text1" type="text" /></td> </tr> <tr> <td style="width: 118px">Email</td
><td style="width: 6px">:</td> <td><input name="Text2" type="text" /></td> </tr
<tr> <td style="width: 118px">City</td> <td style="width: 6px">:</td> <td><select
name="Select1"> <option>Amman</option> <option>Irbd</option> <option>Al
Aqaba</option> </select></td> </tr> <tr> <td style="width: 118px">MSG</td> <td
style="width:
>6px">:</td
<td><textarea
"name="TextArea1
"cols="20
rows="2"></textarea></td> </tr> <tr> <td style="width: 118px">&nbsp;</td> <td
>style="width: 6px">&nbsp;</td
"<td><input name="Submit1" type="submit
>value="submit" /><input name="Reset1" type="reset" value="reset" /></td
></tr
></table
></form
.
.
Notepad ..
... ...
.
Form action
method post
input type text

select drop down menu
. option
. textarea
input submit type
input reset .type

.
HTML .
HTML
HTML
HTML

.

.

You might also like