ABOUT HTML

PROF. DAVID ROSSITER

1/8

AFTER THIS PRESENTATION

You'll understand the way in which HTML is used
You'll appreciate the Single Page Application as a modern model
You'll be able to differentiate between HTML and SVG

2/8

HTML
HTML is the main language for building a web page
Around since the 1990's
Latest version is HTML 5, which we use

3/8

USING HTML
This is the original way in which HTML was conceived
1.Thebrowsersendsarequesttotheserver,
askingforawebpagesuchasindex.html

TheBrowser

3.Thebrowser
displaysthewebpage

TheServer

2.Theserversendsthe
webpagebacktothebrowser

4/8

SINGLE PAGE APPLICATION (SPA)

HTML usage now can be more complex
1.Thebrowsersendsarequesttotheserver,asking
forasmallpieceofdatae.g.thepriceofastock

4.After(3),
thepattern
continueswith
(1)again

TheBrowser

TheServer

3.Thebrowser
2.Theserversendsthesmall
displaysthedata pieceofdatabacktothebrowser
afterconversion,
thisdatamayormaynotbe
ifnecessary
intheformofHTML
5/8

AN ALTERNATIVE TO HTML
Here's a simple web page which uses only SVG
<svgxmlns="http://www.w3.org/2000/svg">

<textx="10"y="30"

style="fontweight:boldfontsize:34">MyWebPage</text>

<textx="10"y="80"

style="fontsize:34">Thiswebpageissoawesome!</text>
</svg>

MyWebPage
Thiswebpageissoawesome!

6/8

ebP
W
a
y
This

ge

ANOTHER SVG EXAMPLE

web

s
pageis

me!
o
s
e
aw

Select here to open

7/8

COMPARISON
SVG - graphics approach, few libraries
HTML - text approach, many libraries

8/8