You are on page 1of 16

html CSS

...

, html
html ...
HTML CSS

html

( ) ..

...

HTML

...

html
, html , html editor " "FrontPage ,
,

, ,
...

css xhtml

...


html css ,
, %100
!

...

html

HyperText Markup Language :


" "tags , , ,
,

html

...
... < > , .tag

html CSS

><tag component="value">Something</tag
... , , value

, , :
* . %100
* .
* " .
* .
):

html

( : , html html
, internet exdplorer , firefox , opera
,

... )

Notepad++

...
...

http://notepad-plus-plus.org/ar/download :
.

html CSS

HTML

, HTML html ...


html , html...
head " // // css //
... " title
head body ...
body , html ):

: notepad++

html CSS

( )
Language" " " "H " "HTML :

html CSS

, :
><html
><head
> !</title ><title
></head
><body
></p HTML ! ><p
></body
></html
:
> : <html , ...
> : <head + .
> : <title , .
> : <body .
> : <p .
, ...
() () () () ... .
, File" " Save File " " ,
... html ...

html CSS

, ,
>- ...
...

! HTML !

!

, dir html ..
- dir : rtl , Direction Right to left ...
>"<html dir="rtl
><head
> !</title ><title
></head
><body
></p HTML ! ><p
></body
></html

html CSS

...
, , ...
...

><img
><a
><strong
><span> , <p
><table> <tr
><td
<h1> , <h2> ,
<h3> , <h4> ,
><h5
><br
><center






, , h1
h2 , h2 ... h3
...
... xhtml ><br /
></center

)... :
/ ,
, ...

html CSS

>"<html dir="rtl
><head
></title ! - ><title
></head
><body
></h1 ><h1
><img src="http://templaty.com/outside/learn.png" /
> ... <br / , ><p
,
> !</p
></strong></a></p> : <a href="http://google.com"><strong><p
></body
></html
...
, :

head ...
body h1 , ...
img src " ... "
> <p , >. <br /
> <strong > <a
, href
...
):
...

html CSS

html CSS

...
...
>"<html dir="rtl
><head
></title><title
></head
><body
><center
> : </h1 ><h1
> -- <!--
>"<table width="60%" border="1" bordercolor="#CCCCFF
><tr
></strong></td><td bgcolor="#FFFFDB" align="center"><strong
"<td bgcolor="#FFFFDB" align="center
></strong></td>width="20%"><strong
></tr
><tr
></td><td
><td width="20%">25</td
></tr
><tr
></td><td
><td width="20%">25</td
></tr
><tr
></td><td
><td width="20%">25</td
></tr
><tr
></td><td
><td width="20%">25</td
></tr
></table
> -- <!--
></center
></body
></html
..
body center ...
, > <table ..
> : <table width pixel
. %
> : <tr > <table ,
.
> : <td > <table
, bgcolor
align , width

10

html CSS

...
, ...
:

, --> <!
, ...

> -- <!--
...

11

html CSS

HTML , html
...
!
css ...
css
, Cascading Style Sheets " " , ,
html ,
... CSS
CSS ...
... html
, !
css !
css HEAD ... HTML
style , ,
style css , :

>"<a href="http://google.com" style="font-size:20pt;font-family:Tahoma


></a
, 20 , Tahoma
style css ..
... ...
, css ,
css html !
css ,
}p{ font-size: 12px
p 12 ! ...
class
HTML:
></p >"<p class="MyText
CSS :
{.MyText
;font-size: 20px
}

12

html CSS

... ...
p , 11px subject
... 20px
:
>"<html dir="rtl
><head
></title><title
>"<style type="text/css
{p
;font-size: 11px
}
{.subject
;font-size: 20px
}
></style
></head
><body
> !</p >"<p class="subject
></p ><p
></body
></html
, html , css
... css
, class , class
.
:

. class
.
;
.

css ...

( )

13

html CSS

font-size

font-family
color
direction
margin Padding

text-align
background-color
width
height
border

,
... pt :
;font-size: 12pt
... :
;font-family: Tahoma
, :
;Color: red
, rt l... ltr
,
...
;Padding: 5px 5px 5px 5px
, leftright

... , ...
, , :
; border: 1px
1
;Border-top: 1px
OR
;Border-bottom: 1px

...

14

html CSS

... css html


html css !
...
, ...
...
Header
...
... Header , Footer ,
... . Content

, ...
, CSS HTML
... ... .
, .

15

html CSS

... , , HTML
Notepad++ ...

, HTML CSS
...

: ...
, , :
, http://phpx3.com ... faha1ad2@hotmail.com :

" " " ... " php


... http://phpx3.com :

...
1 . 2010
22 - -- 1431
:

16

You might also like