Page 1

HTML mubarmej HyperText Markup Language

html SimpleText

HTML

Plain Text

HTML

pico

Notepad HTML

Netscape Navigator

Explorer Internet

Internet Netscape Navigator

XML

CSS

HTML 4.0

Microsoft

Explorer

Sindbad Explorer 5.0 Internet

Sindbad

Navigator Netscape

Netscape Navigator Navigator HTML

HTML

HTML

HTML

HTML

HTML HTML is a <b>Great</b> Language

HTML is a Great Language


HTML is a Great Language

HTML bold

b

HTML Font

Font

Great Great

HTML is a <font color="red">Great</font> Language

HTML is a Great Language

red

font

color

HTML is a <font color="red" size="+1">Great</font> Language

HTML is a

Great Language

HTML B

b

HTML

HTML

HTML tab

HTML HTML Head

Body HTML


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

head body

title

title

body

title title title meta

body


h6

h2

h1

<h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6>

P <p>Paragraph Text</p>

P <p align="left">Left aligned paragraph</p> <p align="center">Centered paragraph</p> <p align="right">Right aligned paragraph</p>

align


http

html

href

a

mailto

ftp

ftp

<a href="http://www.microsoft.com/">Microsoft Corp.</a><br> <a href="mailto:mubarmej@hotmail.com">My E-mail</a>

href name a

name

a

href

a name

a name="myname a

a href="#myname

a href= "salem.html#myname a href

top br nbsp pre pre

center

pre

center

Font font

face

font

<font face="verdana">Verdana Text</font><br> <font face="Courier New">Courier New Text</font>

color


This is <font color="red">Red</font> and this is <font color="blue">Blue</font>

size size

font

<font size="+4">Size 7</font><br> <font size="+3">Size 6</font><br> <font size="+2">Size 5</font><br> <font size="+1">Size 4</font><br> <font size="0">Size 3</font><br> <font size="-1">Size 2</font><br> <font size="-2">Size 1</font><br>

small

big

<big>size 4</big><br> <small>size 2</small><br> <big><big>size 5</big></big><br>

relative size <font size="7">Size 7</font><br> <font size="6">Size 6</font><br>


<font size="5">Size 5</font><br> <font size="4">Size 4</font><br> <font size="3">Size 3</font><br> <font size="2">Size 2</font><br> <font size="1">Size 1</font>

basefont

Verdana <basefont color="Green" size="3" face="Verdana"> HTML tt

em

i

strong

b

<b>This</b> is Bold Text and <strong>this</strong> to!<br> but <i>This</i> is Italic Text and <em>this</em> to!<br> And <tt>This</tt> is Typewriter Text

width

width

hr

size noshade

This is the First Line <hr> This is the Secound Line <hr color="Purple"> This is the Third Line <hr width="30%"> This is the Fourth Line <hr noshade size="40">

color


body alink

vlink

link rightmargin

text leftmargin

background

bgcolor

buttommargin

topmargin

<body alink="red" link="yellow" vlink="blue" bgcolor="black" text="white" topmargin="0"> This is some Text.<br> And here are some links :<br> <a href="http://www.download.com/">Great Downloads</a><br> <a href="mailto:bgates@hotmail.com">Bill Gates!?</a><br> <a href="http://www.msn.com/">Microsft Network</a><br> <a href="http://www.hotmail.com">Free E-mail</a> </body>

HTML

rgb

Red,Green,Blue

rgb(R,G,B) B

G

ff RRGGBB

Windows

R


<font size="+1"> <font color="Khaki"> Sample 1 </font><br> <font color="#0066cc"> Sample 2 </font><br> <font color="rgb(204,112,202)"> Sample 3 </font><br> </font>


HTML

HTML gif

jpg

HTML HTML

download.html download/ english.html

href href

http://www.microsoft.com/ ie/ default.asp http://www.microsoft.com/ ie/ download.html

href

http://www.microsoft.com/ ie/ download/ english.html

windwos.html

href ie

http://www.microsoft.com/ windwos.html http:// www.ayna.com

IMG

HTML src

<img src="/images/sample.gif">

height

<img src="/images/sample.gif" width=73 height=68><br><br> <img src="/images/sample.gif" width=200 height=100>

width


align align

HTML

bottom, baseline, absbottom <img src="/images/sample.gif" align="bottom">

left <img src="/images/sample.gif" align="left">

middle, absmiddle <img src="/images/sample.gif" align="middle">

right <img src="/images/sample.gif" align="right">


top, texttop <img src="/images/sample.gif" align="right">

border border border="0

<a href="http://www.microsoft.com/"> <img src="/images/sample.gif"></a><br> <a href="http://www.microsoft.com/"> <img src="/images/sample.gif" border="0"></a><br> <img src="/images/sample.gif" border="3">

hspace alt

alt ToolTip

Hot Spots


usemap

name

map

shape

area

map coords

x, y,

href circle radius rect

x1, y1, x2, y2 poly x1, y1, x2, y2, .. xn, yn

Paint Shop Pro

Adobe Photoshop

<img src="/images/sample2.gif" usemap="#mymap"> <map name="mymap"> <area shape="rect" href="http://www.jokes.com/" coords="6,10,67,44"> <area shape="circle" href="http://www.story.com/" coords="121,93,27"> <area shape="poly" href="http://www.download.com/"


coords="37,90,73,105,59,129,15,129,4,105"> </map>

alt

shape

border shape

<img src="/images/sample2.gif" usemap="#mymap" border="0"> <map name="mymap"> <area shape="rect" href="http://www.jokes.com/" coords="6,10,67,44" border="0" alt="Be Happy"> <area shape="circle" href="http://www.story.com/" coords="121,93,27" border="0" alt="Enjoy!"> <area shape="poly" href="http://www.download.com/" coords="37,90,73,105,59,129,15,129,4,105" border="0" alt="Best Downloads"> </map>

alt


HTML

li

ul

ol

type

a, b, c, d a A, B, C, D A i, ii, iii, iv i I, II, III, IV I

circle o square

disc

<ul type="circle"> <li>Pepsi <li>Crash <li>7 Up </ul>

<ol type="I"> <li>Windows (85%) <li>Linux (10%) <li>Mac (3%) <li>Other (2%) </ol>

<ol> <li>American Companies <ol> <li>Microsoft <li>General Motors


</ol>

<li>German Companies <ol> <li>Dubian <li>BMW <ul> <li>6 Class <li>7 Class </ul> </ol> </ol>

HTML td

tr

table border

<table border="1"> <tr> <td>First Row - First Data <td>First Row - Secound Data </tr> <tr> <td>Secound Raw - First Data <td>Secound Raw - Secound Data </tr> </table>


cellspacing cellpadding <table cellspacing="10" cellpadding="20" border="1"> <tr> <td>First Cell</td> <td>Secound Cell</td> </tr> </table>

height

width td

<table width="100%" height="100%" border="1"> <tr> <td width="100" height="40%">First Cell <td width="100%" height="40%">Secound Cell </tr> <tr> <td width="100" height="60%">First Cell <td width="100%" height="60%">Secound Cell </tr> </table>

background

bgcolor bgcolor

td


<table border="1" background="sample.gif" width="90%" height="80%"> <tr> <td bgcolor="Yellow">First Cell <td>Secound Cell </tr> </table>

rigth

left

bottom

top

align

valign

valign

align justify

center middle

<table border="1" width="90%" height="80%"> <tr> <td align="right" valign="bottom">First Cell <td align="left" valign="top">Secound Cell </tr> </table>

td

<table width="95%" border="1"> <tr> <td>First Table - First Cell <td> <table border="1"> <tr> <td>Secound Table - First Cell


<td>Secound Table - Secound Cell </tr> </table> </tr> <tr> <td> <table border="1"> <tr> <td>Third Table - First Cell <td>Third Table - Secound Cell </tr> </table> <td>First Table - Fourth Cell </tr> </table>

colspan

rawspan td

<table border="1"> <tr> <td rowspan="2" colspan="2">First Cell <td>Secound Cell <td>Third Cell </tr> <tr> <td rowspan="3">Fourth Cell <td colspan="2">Fifth Cell </tr> <tr> <td>Sixth Cell <td>Seventh Cell <td>Eighth Cell <td>Nineth Cell </tr> </table>


frames

frame

frameset frameset

frameset

frameset

src frameset

body

cols

cols

<frameset cols="100,10%,*"> <frame src="sample1.html"> <frame src="sample2.html"> <frame src="sample3.html"> </frameset>

frame <frameset rows="50,*"> <frame src="sample1.html"> <frameset cols="100,*"> <frame src="sample2.html"> <frame src="sample3.html">

frameset

rows


</frameset> </frameset>

frameborder framespacing

<frameset cols="50%,*" frameborder="0" framespacing="0"> <frame src="sample1.html"> <frame src="sample2.html"> </frameset>

yes

scrolling

Scroll Bars auto

<frameset rows="20,*"> <frame src="sample1.html" scrolling="no"> <frameset cols="100,*"> <frame src="sample2.html" scrolling="yes"> <frame src="sample3.html"> </frameset> </frameset>

no


name blank

target

parent

<!--

self

sample4.html

a

top

-->

<a href="sample1.html" target="_blank">Page 1</a><br> <a href="sample3.html" target="_top">Page 3</a><br> <a href="sample2.html" target="main">Page 2</a> <a href="sample4.html" target="main">Page 4</a> <frameset rows="20,*"> <frame src="sample1.html"> <frameset cols="200,*"> <frame src="sample4.html"> <frame src="sample3.html" name="main"> </frameset> </frameset>

src

iframe

HTML

body

name height

width


http http

http http name

name= mubarmej mubarmej

name= mubarmej country= Kuwait

country= Kuwait name= mubarmej

url url States United country= United+ States name= mubarmej

get

post

get

get

http

http://somewhere.com/ script.cgi

http://somewhere.com/script.cgi?name=mubarmej&country=United+States

post

get

get post get

post

post

post

get

http://somewhere.com/script.cgi submit

HTML form get

post

input

form

method

action type

input


Text Button on

Checkbox File

HTML

Hidden HTML Image Password

Radio Reset Submit select

form option

select

action

textarea

echo.pl echo.pl

<form action="echo.pl"> First Name : <input type="text" name="first_name"><br> Secound Name : <input type="text" name="secound_name"><br> <input type="radio" name="exact"> Exact Match <input type="radio" name="all"> All Words<br> <input type="hidden" name="todo" value="search"> <input type="submit" value="Search"> </form>


post

get echo.pl

text

type

input

size

value

<form action="echo.pl" method="get"> Username <input type="text" size="20" name="username"><br> Email <input type="text" size="40" name="email"><br> URL <input type="text" size="40" name="url" value="http://"><br> <input type="submit"> </form>

checkbox

type

do= subscribe

input value

subscribe

value

do

name name

hidden <form action="echo.pl" method="get"> <input type="checkbox" name="do" value="subscribe"> Subscribe.<br> <input type="submit"> </form>

radio

type

name name

input input value value

<form action="echo.pl" action="get">


Age : <br> <input type="radio" name="age" value="17"> 10 - 17<br> <input type="radio" name="age" value="50"> 18 - 50<br> <input type="radio" name="age" value="100"> 51 - 100<br> Gender : <br> <input type="radio" name="gender" value="male"> Male <input type="radio" name="gender" value="female"> Female<br> <input type="submit"> </form>

name

Female

name select

Male

select

name

value option

<form action="echo.pl" method="get"> <select name="country"> <option value="kw">Kuwait <option value="sa">Saudia <option value="ua">Emirates <option value="qt">Qatar <option value="bh">Bahrain <option value="om">Oman </select> <input type="submit"> </form>

textarea

Textarea

post cols

rows

value

option


<form action="echo.pl" method="get"> <textarea name="message" rows="6" cols="50"> This Text will appear inside the box ! WOW It's working :) </textarea><br> <input type="submit"> </form>


meta meta

meta meta

head

HTML

name

meta

meta

http-equiv

name

meta http-equiv

http-equiv

name

content

meta

keywords

<meta name="keywords" http-equiv="keywords" ">

http-equiv

content="

name keywords description generator author

HTML

content-type

<meta name="content-type" http-equiv="content-type" content="text/html; cahrset=windows-1256"> copyright

windows-1256 Windows 2000

Windows Unix (Linux

content-type right

align

Unicode

meta p

rtl

html

dir


Sindbad

Netscape Navigator

Internet Explorer

dir

<html dir="rtl">

HTML Web Developing

HTML

CSS H1

Casscading Style Sheet

Font

H1

CSS

HTML

http://www.w3.org/ Style/ CSS

XML h6

eXtensible Markup Language CSS

h6

http://www.w3.org/ XML

XML

XML

http://javascript.internet.com http://www.dynamicdrive.com

CGI Perl CGI

Common Gateway Interface CGI


PHP UNIX

NT http://www.php.net

PHP

ASP http://www.perl.com

Perl

HTML دورة متقدمة في الـ  

HTML دورة متقدمة في الـ

Read more
Read more
Similar to
Popular now
Just for you