HTML/XHTML

1
HTML/XHTML

• Source w3Schools.com

2
What is HTML?

• HTML stands for HyperText Markup Language.
• HTML documents are cross-platform compatible and
  device-independent.

3
W3C Recommendations

• W3C produces what are known as "Recommendations".
  These are specifications, developed by W3C
  working groups, and then reviewed by Members of
  the Consortium.
• A W3C Recommendation indicates that consensus has
  been reached among the Consortium Members that a
  specification is appropriate for widespread use.

4
XHTML (Extensible HyperText Markup Language )

• XHTML 1.0 is W3C's recommendation for the latest
  version of HTML
• following on from earlier work on HTML 4.01, HTML
  4.0, HTML 3.2 and HTML 2.0. With a wealth of
  features
• XHTML 1.0 is a reformulation of HTML 4.01 in XML,
  and combines the strength of HTML4 with the power
  of XML.

5
HTML

• HTML tags are always enclosed within angle
  brackets (lt gt)
• Most require a beginning and a closing tag
• There are two parts to a Web page
• The heading section is identified by a pair of
  head tags (ltheadgt and lt/headgt)
• The body section is identified by a pair of body
  tags (ltbodygt and lt/bodygt)

6
Head Tags

• Many tags can be used in the heading section of
  the Web page

7
Body Tags
8
CASE insensitive

• All HTML tags are case-insensitive that is, you
  can specify them in upper or lower case, or in a
  mixture.
• ltBRgt is the same as ltBrgt or ltbrgt

9
Creating a Simple HTML Document

• ltHTMLgt
• ltHEADgt
• ltTITLEgt My Sample HTML Documentlt/TITLEgt
• lt/HEADgt
• ltBODYgt
• ltH1gtThis is my HTML Document.lt/H1gt
• lt/BODYgt
• lt/HTMLgt

10
ltBody Taggt

• ltBODY BGCOLOR"Whitegt
• ltBODY BACKGROUND"bg.jpg"gt
• ltBODY bgcolor"FFFFFF" gt

11
Color Values
Source w3Schools.com
12
Web Safe Colors
13
Web Safe Colors
14
Standard Color Names

• Only 16 color names are supported by the W3C HTML
  4.0 standard
• aqua, black, blue, fuchsia, gray, green, lime,
  maroon, navy, olive, purple, red, silver, teal,
  white, and yellow.

15
ltHeading TAGSgt

• Largest Heading ltH1gt
• Large Heading ltH2gt
• Medium Heading ltH3gt
• Small Heading ltH4gt
• Smaller Heading ltH5gt
• Smallest Heading ltH6gt

16
ltParagraph Break Tagsgt

• ltPgt
• This is a paragraph. Each new paragraph you make
  will drop down a couple lines before starting.
• ltbrgt
• The br element is a line-break. It will only drop
  down one line, unlike the paragraph.

17
ltText Tagsgt

• ltCENTERgtCentering is easy!lt/CENTERgt
• ltBgtBolding text helps it stand outlt/Bgt
• ltSTRIKEgtStriking is easy!lt/STRIKEgt
• ltUgtUnderlining is easy!lt/Ugt

18
ltAnchor Taggt

• ltA HREF"address"gtany text lt/Agt
• ltA HREF"http//www.ilstu.edugtISUlt/Agt

19
Anchor New Browser Window

• lta href"page.htm" target "_blank" gtPage
• lt/agt

20
Anchors Same Page

• lta href"PageMark"gt
• lta name"PageMark"gt

21
Anchor Mailto

• lta href"mailtojavila_at_ilstu.edu?subjectHello20a
  gain"gt
• Send Mail
• lt/agt

22
ltImage Taggt

• ltIMG SRC "Lincoln.jpg" alt "Lincoln Image"gt

23
ltImageTaggt

• ltIMG SRC"any_pic.xxx" WIDTH"number
  HEIGHT"number"gt
• ltIMG SRC"any_image.xxx" BORDER0gt
• lta href"/"gt ltimg src"logo.gif" altISU
  Logo"gtlt/agt

24
ltOrdered Listgt

• ltOLgt
• ltLIgt First Linelt/LIgt
• ltLIgt Second Linelt/LIgt
• ltLIgt Third Linelt/LIgt
• lt/OLgt

25
ltTABLEgt
A
B
C

• ltTABLE gt
• ltTRgt
• ltTDgtAlt/TDgt ltTDgtBlt/TDgt ltTDgtClt/TDgt
• lt/TRgt
• ltTRgt
• ltTDgtDlt/TDgt ltTDgtElt/TDgt ltTDgtFlt/TDgt
• lt/TRgt
• lt/TABLEgt

D
E
F
26
Common Character Entities
Source w3schools.com