html - internet archive

HTML

mubarmej

HTMLHyperText Markup Language

HTMLPlain Texthtml

NotepadpicoSimpleText

HTML

InternetExplorerNetscape Navigator

Internet

ExplorerMicrosoftHTML 4.0CSSXMLNetscape Navigator

Sindbad

NetscapeNavigatorInternetExplorer 5.0

Netscape NavigatorSindbad

Navigator

HTML

HTMLHTMLHTML

HTML

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

Great LanguageHTML is a

HTMLHTML is a Great Language

bbold

HTML

GreatFontFont

Great

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

LanguageHTML is a Great

colorfontred

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

LanguageGreatHTML is a

HTML

HTMLHTMLbB

HTML

tab

HTML

HTML

Head

Body

HTML

<html>

<head>

...

head> / <

<body>

...

body>/ <

html>/<

headhead

bodybody

titletitletitle

title

title

meta

body

h1h2h6

>1h/<1>Heading 1<h

>2h/<2>Heading 2<h

>3h/<3>Heading 3<h

>4h/<4>Heading 4<h

>5h/<5>Heading 5<h

>6h/<6>Heading 6<h

P

p>/<p>Paragraph Text<

alignP

p> />Left aligned paragraph<"left="<p align

p> />Centered paragraph<"center="<p align

p> />Right aligned paragraph<"right="<p align

ahrefhtmlhttp

ftpftpmailto

a><br>/<.>Microsoft Corp/"com.microsoft.www://http="<a href

a>/mail<->My E"com.mubarmej@hotmail:mailto="<a href

anamehref

a namehrefname

a name="mynamea

a href="#mynamea

a href= "salem.html#myname

a

tophref

br

nbsp

pre

prepre

centercenter

Font

font

fontface

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

font> />Courier New Text<"urier NewCo="<font face

color

font> />Red<"red="This is <font color

font>/>Blue<"blue="font colorand this is <

size

fontsize

font><br> /<7>Size "+4="<font size

font><br> /<6>Size "+3"=<font size



font><br> /<3>Size "0="<font size

font><br> /<2>Size "1-="<font size

font><br> /<1>Size "2-="<font size

bigsmall

big><br> /<4<big>size

<br> small>/<2<small>size

big><br> /big></<5<big><big>size

relative

size


font><br> /<6>Size "6="t size<fon





font> /<1>Size "1="<font size

basefont

Verdana

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

HTML

bstrongiemtt

<br>!strong> to/b> is Bold Text and <strong>this</<b>This<

<br>!em> to/i> is Italic Text and <em>this</but <i>This<

tt> is Typewriter Text/And <tt>This<

hrwidthwidth

size

colornoshade

This is the First Line

<hr>

the Secound LineThis is

>"Purple="<hr color

This is the Third Line

> "30%="<hr width

This is the Fourth Line

> "40="<hr noshade size

body

bgcolorbackgroundtextlinkvlinkalink

topmarginbuttommarginleftmarginrightmargin

"blue="vlink" yellow="link" red="<body alink

>"0="topmargin" white="text" ackbl=" bgcolor

<br>.This is some Text

<br>:And here are some links

a><br>/>Great Downloads</"com.download.www://http="<a href

a><br>/?<!>Bill Gates"com.bgates@hotmail:mailto="<a href

a><br>/>Microsft Network</"com.msn.www://http="<a href

a>/mail<->Free E"com.hotmail.www://http="<a href

body> /<

HTML

Red,Green,Bluergb

rgb(R,G,B)

RGB

ff

RRGGBB

Windows

> "+1="<font size

font><br> / <1> Sample "Khaki="<font color

font><br> / <2> Sample "cc#0066="<font color

font><br> / <3> Sample )"204,112,202(rgb="<font color

font> /<

HTML

HTML

jpggif

HTML

HTML

http://www.microsoft.com/ ie/default.asphrefdownload.html

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

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

hrefwindwos.html

http://www.microsoft.com/windwos.htmlie

http://www.ayna.com

HTMLIMG

src

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

widthheight

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

><br><br>68= height73= width

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

>100= height200= width

align

HTMLalign

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

>/"com.microsoft.www://http="<a href

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

>/"com.microsoft.www://http="<a href

a><br>/<>"0="border" gif.sample/images="/<img src

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

hspace

altalt

ToolTip

Hot Spots

usemap

mapname

mapareashape

hrefcoords

circlex, y,

radius

rect

x1, y1, x2, y2

poly

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

Adobe PhotoshopPaint Shop Pro

> "#mymap="usemap" gif.2sample/images="/<img src

> "mymap="<map name

/" com.jokes.www://http="href" rect="<area shape

>"6,10,67,44=" coords

/"com.story.www://http="href" circle="<area shape

>"121,93,27=" coords

/"com.download.www://http="href" poly="<area shape

>"05,59,129,15,129,4,10537,90,73,1=" coords

map>/<

bordershapealt

altshape

>"0="border" #mymap="usemap" gif.2sample/images="/<img src

>"mymap="<map name

/"com.jokes.www://http="href" rect="<area shape

" 6,10,67,44=" coords

>"Be Happy="alt" 0=" border

/"com.story.www://http="href" circle="<area shape

"121,93,27=" coords

>!"Enjoy="alt" 0=" border

/" com.download.www://http="href" poly="<area shape

"37,90,73,105,59,129,15,129,4,105=" coords

>"Best Downloads="alt" 0=" border

map>/<

HTML

olulli

type

aa, b, c, d

A A, B, C, D

ii, ii, iii, iv

II, II, III, IV

circle

o

square

disc

> "circle="<ul type

<li>Pepsi

<li>Crash

Up 7<li>

ul> /<

> "I="<ol type

) 85%(<li>Windows

) 10%(<li>Linux

) 3%(<li>Mac

) 2% (<li>Other

ol> /<

<ol>

<li>American Companies

<ol>

<li>Microsoft

<li>General Motors

ol> / <

<li>German Companies

<ol>

<li>Dubian

<li>BMW

<ul>

Class 6 <li>

Class 7 <li>

ul> / <

ol> / <

ol> /<

HTML

tabletrtd

border

>"1="<table border

<tr>

First Data- <td>First Row

Secound Data- <td>First Row

tr>/ <

<tr>

st Data Fir- <td>Secound Raw

Secound Data- <td>Secound Raw

tr>/ <

table>/<

cellspacing

cellpadding

>"1="border" 20="cellpadding" 10="<table cellspacing

<tr>

td>/ <td>First Cell<

td>/und Cell< <td>Seco

tr>/ <

table>/<

widthheight

td

>"1="border" 100%="height" 100%="<table width

<tr>

>First Cell"40%="height" 100=" <td width

>Secound Cell"40%="height" 100%=" <td width

tr>/ <

<tr>

>First Cell"60%="height" 100=" <td width

>Secound Cell"60%="height" 100%=" <td width

tr>/ <

table>/<

bgcolorbackground

tdbgcolor

>"80%="height" 90%="width" gif.sample="background" 1="<table border

<tr>

>First Cell"Yellow=" <td bgcolor

<td>Secound Cell

tr>/ <

table>/<

alignvalignalignleftrigth

centerjustifyvaligntopbottom

middle

>"80%="height" 90%="width" 1="<table border

<tr>

>First Cell"bottom="valign" right=" <td align

>Secound Cell"top="valign" left=" <td align

tr>/ <

table>/<

td

>"1="border" 95%="<table width

<tr>

First Cell- <td>First Table

<td>

>"1=" <table border

<tr>

First Cell- <td>Secound Table

Secound Cell- <td>Secound Table

tr>/ <

table>/ <

tr>/ <

<tr>

<td>

>"1=" <table border

<tr>

First Cell- <td>Third Table

Secound Cell- <td>Third Table

tr>/ <

table>/ <

Fourth Cell- <td>First Table

tr>/ <

table>/<

rawspancolspan

td

>"1="der<table bor

<tr>

>First Cell"2="colspan" 2=" <td rowspan

<td>Secound Cell

<td>Third Cell

tr>/ <

<tr>

>Fourth Cell"3=" <td rowspan

>Fifth Cell"2=" <td colspan

tr>/ <

<tr>

<td>Sixth Cell

<td>Seventh Cell

<td>Eighth Cell

<td>Nineth Cell

tr>/ <

table>/<

frames

framesetframe

srcframesetframesetframeset

bodyframeset

cols

rowscols

>*",100,10%="set cols<frame

>"html.1sample="<frame src



frameset>/<

framesetframe

>*",50="<frameset rows

>"html.1sample=" <frame src

>*",100=" <frameset cols



>frameset/ <

frameset>/<

frameborder

framespacing

>"0="spacingframe" 0="frameborder*" ,50%="<frameset cols



frameset>/<

Scroll Barsscrollingyes

noauto


>"no="scrolling" html.1sample=" <frame src

>*",100="<frameset cols

>"yes="scrolling" html.2sample=" <frame src


frameset>/ <

frameset>/<

name

atargetblank

topselfparent

>--html .4 sample--!<

"html.1sample="<a href

a><br>/<1>Page "_blank=" target


a><br>/<3>Page "_top=" target


a>/<2>Page "main=" target

"html.4sample=" href<a

a>/<4>Page "main=" target



>*",200=" <frameset cols


>"main="name" html.3sample=" <frame src

frameset>/ <

set>frame/<

bodyHTMLiframesrc

name

width height

http

httphttp

http

name= mubarmejname

mubarmej

name= mubarmejcountry= Kuwaitcountry= Kuwaitname= mubarmej

url

url

UnitedStates

name= mubarmejcountry= United+ States

httpgetpostget

http://somewhere.com/script.cgiget

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

getpost

get

post

postget

post

http://somewhere.com/script.cgigetpost

submit

HTML

forminputform

actionmethodpostget

inputtype

Text

Button

Checkboxon

File

HiddenHTML

HTML

Image

Password

Radio

Reset

Submit

formselect

textareaselectoption

echo.plaction

echo.pl

>"pl.echo="<form action

><br>"first_name="name" text="<input type: ame First N

><br>"secound_name="name" text="<input type: Secound Name

> Exact Match "exact="name" radio="<input type

> All Words<br>"all="name" radio="<input type

>"search="value" todo="name" hidden="<input type

>"archSe="value" submit="<input type

form>/<

getpost

echo.pl

inputtypetext

valuesize

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

><br>"username="name" 20="size" text="Username <input type

><br>"email="name" 40="size" text="Email <input type

><br>://"http="value" url="name" 40="size" text="URL <input type

>"submit="<input type

form>/<

inputtypecheckbox

namevaluedo= subscribe

namedovaluesubscribe

hidden


<br>.> Subscribe"subscribe="ueval" do="name" checkbox="<input type


form>/<

inputtyperadio

inputname

valuename

value

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

<br>: Age

<br>17 - 10> "17="value" age="name" radio="<input type



<br>: Gender

> Male"male="value" gender="name" radio="<input type

> Female<br>"female="value" gender="name" radio="<input type


form>/<

MaleFemalename

selectname

optionvaluenameselect

valueoption


>"country="<select name

>Kuwait"kw=" <option value

>Saudia"sa=" <option value

>Emirates"ua=" <option value

atar>Q"qt=" <option value

>Bahrain"bh=" <option value

>Oman"om=" <option value

select>/<


form>/<

Textareatextarea

post

rowscols


>"05="cols" 6="rows" message="<textarea name

!This Text will appear inside the box

WOW

:)It's working

textarea><br>/<


form>/<

meta

metameta

meta

metaHTMLhead

metanamehttp-equivmetaname

http-equiv

metacontentnamehttp-equiv

keywords

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

="content>"

namehttp-equiv

keywords

description

generator

author

content-typeHTML

"type-content="equiv-http" type-content="<meta name

>"1256-windows=html; cahrset/text=" content

copyright

windows-1256

WindowsWindows 2000

UnicodeUnix (Linux

metacontent-type

palignright

dirhtmlrtl

Internet ExplorerNetscape NavigatorSindbad

dir

>"rtl="<html dir

HTML

HTMLWeb Developing

Casscading Style SheetCSS

H1FontH1

HTMLCSS

CSS/Style/org.3w.www://http

eXtensible Markup LanguageXML

CSSh6

h6

XMLXMLXML/org.3w.www://http

com.internet.javascript://http

com.dynamicdrive.www://http

Common Gateway InterfaceCGI

CGIPerl

CGI

PHP

ASPNTUNIX

Perlcom.perl.www://httpPHPnet.php.www://http

html - internet archive

Documents