HTML HyperText Markup Language

coordinatedcapableSoftware and s/w Development

Nov 4, 2013 (3 years and 5 months ago)

60 views

HTML

HyperText Markup
Language

TA
:黃俊輔
⡪(橯浡j)

Email

爹㌹rㄱ〹䁮瑵⹥摵⹴.

History


HTML has been in use in the World
Wide Web information infrastructure
since 1990, and specified in various
informal documents.



The text/html media type was first
officially defined by the IETF HTML
working group in 1995 in [HTML20].

History


Version


Org



Year


HTML 2.0


IETF



1995


HTML 3.0


IETF



1996


HTML 3.2


W3C


1996


HTML 4.0


W3C


1997


HTML 4.01


W3C


1999

History


IETF

Internet Engineering Task Force.


The IETF is a large open international
community of network designers,
operators, vendors, and researchers
concerned with the evolution of the
Internet architecture and the smooth
operation of the Internet. It is open to
any interested individual.

History


W3C

World Wide Web Consortium



The W3C was created in October
1994 to lead the World Wide Web to
its full potential by developing
common protocols that promote its
evolution and ensure its
interoperability.

History


HTML is an application of ISO
8879:1986
--

Standard Generalized
Markup Language (SGML).



SGML

Standard Generalized Markup
Language

Let

s Start!!


What do you need?

1.
A computer.

2.
Browser: IE, Netscape, Opera
……


3.
Text editor: Notepad, FrontPage



Let

s Start!!




Please open your Notepad.

Your First Webpage


<html>

<head>

<title>web name</title>

</head>

<body>

web content

</body>

</html>


Save to test.html

Comments


Comments: introduced by "<!
--




<!
--

jojoman is handsome
--
>

<! jojoman is handsome>

What

s in the <head>


<title></title>


Every HTML document must contain
a <TITLE> element.


The title should identify the contents
of the document in a global context.

What

s in the <head>


<meta></meta>


The <META> element is an
extensible container for use in
identifying specialized document
meta
-
information .

What

s in the <body>


<body></body>


The <BODY> element contains the
text flow of the document, including
headings, paragraphs, lists, etc.

Parse the html


Tag: start tag/end tag pair

<html>,</html>



Attribute: onclick, onsubmit, bgcolor

Parse the html


<html>

<head>

<title>web name</title>

</head>

<body
bgcolor=#124345
>

web content

</body>

</html>


Script


Server
-
side V.S. Client
-
side



Server
-
side script

the code is executed on the server.


Client
-
side script


the code is executed on the client.


Server
-
Side Script


PHP (recursive acronym for

"
P
HP:
H
ypertext
P
reprocessor")


A widely
-
used Open Source general
-
purpose scripting language that is
especially suited for Web
development and can be embedded
into HTML.

Server
-
Side Script
-

PHP


We often use PHP to do the following:

1.
Dealing with Forms.

2.
Connecting to the database.

Client
-
Side Script


Javascript


JavaScript is used in millions of Web
pages to improve the design,
validate forms, and much more.
JavaScript was developed by
Netscape and is the most popular
scripting language on the internet.

Client
-
Side Script


JavaScript gives HTML designers a
programming tool


JavaScript can put dynamic text into
an HTML page


JavaScript can react to events


JavaScript can read and write HTML
elements


JavaScript can be used to validate
data

Client
-
Side Script


Are Java and JavaScript the same?



NO!


Java and JavaScript are two
completely different languages!

References


http://www.ietf.org


http://www.w3.org


HTML & XHTML, O

REILLY