282
Chapter 7
HTML or XHTML? The choice is yours...
Do any of the advantages of XHTML matter to you? Are you 
translating existing XML into HTML for the Web? Are you working 
on pages that you need to display well on mobile devices? Are some 
of the newer XHTML technologies going to be important to you in the 
near future? Or, do you just want to be on the cutting edge? Well, we 
have good news: you can  move to XHTML today.  All it will cost you 
is a new DOCTYPE and some minor changes to a couple of tags. 
Now, not every browser will give you credit for moving 
to XHTML, but sooner or later they will have to, and, 
until they do, your pages will display just fine because 
the browser will treat them as HTML (although, don’t forget 
the caveat we already mentioned). So, bon voyage, and enjoy your 
journey to XHTML.
None of that is important to you? You’re mainly concerned with 
making great Web pages? We have good news for you, too: you can 
easily stick with HTML 4.01 Strict and reap all the rewards of using 
the browser’s current choice of languages. And, should you ever feel 
the need to upgrade to XHTML, then you can follow the three-step 
program outlined in this chapter to get you there.
So, no matter what your choice is, you’ve made an excellent one, 
and we wish you the best. That said, the differences between HTML 
and XHTML are really minimal, so why not go ahead and move to 
XHTML? We have, and in the rest of this book we’ll be using XHTML 
1.0. If, for some reason, you need to stick with HTML 4.01, that’s fine. 
And in fact, since they really are basically the same, you’ll have no 
problems with the rest of the book.  Just make sure you’re using the 
right DOCTYPE for whichever version you’re using. 
making a decision between html and xhtml
Pdf data extraction to excel - extract form data from PDF in C#.net, ASP.NET, MVC, Ajax, WPF
Help to Read and Extract Field Data from PDF with a Convenient C# Solution
extracting data from pdf files; extract table data from pdf to excel
Pdf data extraction to excel - VB.NET PDF Form Data Read library: extract form data from PDF in vb.net, ASP.NET, MVC, Ajax, WPF
Convenient VB.NET Solution to Read and Extract Field Data from PDF
cannot save pdf form in reader; how to make a pdf form fillable in reader
moving to xhtml
you are here 
283
Micro XHTMLcross
It’s been a small chapter (aren’t you glad!). Here’s a Micro XHTMLcross for you.
1
2
3
4
5
6
7
8
9
Across
1. Used to double check your XHTML.
6. XHTML is this type of markup.
8. Use these for special characters.
9. We invented an XML language for these.
Down
2. XHTML requires additional ______ in the <html> 
element.
3. The X in XHTML is for _________.
4. In XHTML you have to explicitly have _____ 
tags.
5. In XHTML all element names must be this.
7. These kinds of devices are adopting XHTML.
VB.NET PDF Text Extract Library: extract text content from PDF
Application. Advanced Visual Studio .NET PDF text extraction control, built in .NET framework 2.0 and compatible with Windows system.
extract pdf data to excel; how to type into a pdf form in reader
C# PDF Text Extract Library: extract text content from PDF file in
Image text extraction control provides text extraction from PDF images and image files. Best C#.NET PDF text extraction library and component for free download.
extracting data from pdf forms to excel; sign pdf form reader
284
Chapter 7
Micro XHTMLcross Solution
It’s been a small chapter (aren’t you glad!). Here’s a Micro XHTMLCross for you.
V
1
A
L
I
D
A
2
T
O
R
T
T
E
3
R
C
4
X
L
5
I
L
T
O
B
O
E
X
6
M
7
L
W
U
S
N
O
E
8
N
T
I
T
I
E
S
B
R
E
N
I
I
C
S
G
B
L
A
L
R
9
E
C
I
P
E
S
E
E
<!DOCTYPE html 
PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”en” xml:lang=”en”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1” />
<title>My Trip Around the USA on a Segway</title>
.
.
.
</body>
</html>
Add the three 
attributes to the 
<html> opening tag.
Change the DOCTYPE to 
XHTML 1.0 Strict.
You’re going to take Tony’s journal (remember him from 
chapter 3?) and convert it to XHTML. We’ve put the most 
recent version of the journal in the “chapter7/journal” folder, 
where you’ll find an HTML 4.01 strict version of “journal.html”.
Here’s the solution:
Don’t forget to put “ />” in 
your empty elements.
Exercise 
Solutions 
The <meta> tag needs 
a “ />”, too.
exercise solutions
VB.NET PDF Image Extract Library: Select, copy, paste PDF images
Support PDF Image Extraction from a Page, a Region on a Page, and PDF Document in VB.NET Project. DLLs for PDF Image Extraction in VB.NET.
how to save pdf form data in reader; save pdf forms in reader
VB.NET PDF Page Extract Library: copy, paste, cut PDF pages in vb.
VB.NET PDF - PDF File Pages Extraction Guide. Detailed VB.NET Guide for Extracting Pages from Microsoft PDF Doc. Free PDF document
html form output to pdf; how to save fillable pdf form in reader
this is a new chapter
285
Adding a Little Style
  
getting started with CSS
I was told there’d be CSS in this book.  
So far you’ve been 
concentrating on learning XHTML to create the structure of your Web pages.  But as 
you can see, the browser’s idea of style leaves a lot to be desired. Sure, we could 
call the fashion police, but we don’t need to.  With CSS, you’re going to completely 
control the presentation of your pages, often without even changing your XHTML. 
Could it really be so easy? Well, you
are
going to have to learn a new language; after 
all, Webville is a bilingual town.  After reading this chapter’s guide to learning the 
language of CSS, you’re going to be able to stand on 
either
side of Main Street and 
hold a conversation.
Don’t get me wrong, the 
hair, the hat, it all looks great. 
But don’t you think he’d like it 
if you spent a little more time 
adding some style to your 
XHTML?
C# PDF Image Extract Library: Select, copy, paste PDF images in C#
Document. Support PDF Image Extraction from a Page, a Region on a Page, and PDF Document. C# Project: DLLs for PDF Image Extraction. In
how to fill pdf form in reader; pdf data extractor
VB.NET PDF Library SDK to view, edit, convert, process PDF file
PDF Text Extraction. Mature and robust APIs are provided for programmers to integrate and perform PDF text extraction feature in .NET windows and web project.
fill in pdf form reader; exporting data from excel to pdf form
286
Chapter 8
You’re not in Kansas anymore
You’ve been a good sport learning about markup 
and structure and validation and proper syntax and 
nesting and compliance, but now you get to really 
start having some fun by styling your pages. But no 
worries, all those XHTML pushups you’ve been 
doing aren’t going to waste.  In fact, you’re going to 
see that a solid understanding of XHTML is crucial 
to learning (and using) CSS. And, learning CSS is 
just what we’re going to do over the next several 
chapters.
Just to tease you a bit, on these two pages we’ve 
sprinkled a few of the designs you’re going to work 
with in the rest of the book. Quite a difference from 
the pages you’ve been creating so far, isn’t it? So, 
what do you need to do to create them? Learn the 
language of CSS of course.  
Let’s get started...
Remember the Wizard of Oz? Well, this 
is the part of the book where things go 
from black & white to color.
C#: Demos and Sample Codes for Image Content Extraction Using OCR
C# Sample Code for Png Image Text Extraction. This C# OCR demo code illustrates how to extract text from Png and save to png.pdf. // Set the training data path.
extract pdf form data to xml; saving pdf forms in acrobat reader
C# PDF File Permission Library: add, remove, update PDF file
Form Process. Data: Read, Extract Field Data. Data: Auto Fill-in Field Data. Field: Insert Choose to offer PDF annotation and content extraction functions.
pdf data extraction; exporting pdf form to excel
getting started with css
you are here 
287
VB.NET PDF File Permission Library: add, remove, update PDF file
Data: Read, Extract Field Data. Data: Auto Fill-in Field Data. Field: Insert, Delete, Update Choose to offer PDF annotation and content extraction functions.
extracting data from pdf to excel; flatten pdf form in reader
C# PDF File Merge Library: Merge, append PDF files in C#.net, ASP.
Merge Microsoft Office Word, Excel and PowerPoint data to PDF form. PDF document splitting, PDF page reordering and PDF page image and text extraction.
extract data from pdf to excel online; how to flatten a pdf form in reader
288
Chapter 8
Overheard on Webville’s “Trading Spaces”
Okay, let’s get some design in this place...
bedroom {
drapes: blue;
carpet: wool shag;
}
...and this bathroom needs 
some serious help!
bathroom {
tile: 1in white;
drapes: pink;
}
Not up on the latest reality TV? No problem, here’s a recap: take two 
neighbors, two homes, and $1,000. The two neighbors switch homes, and 
using the $1,000, totally redesign a room or two in 48 hours. Let’s listen in...
Of course, in the Webville edition of the show, everyone talks about 
design in CSS. If you’re having trouble understanding them, here’s a little 
translation tip: each statement in CSS consists of a location (like bedroom), 
a property in that location (like drapes, or carpet), and a style to apply to 
that property (like the color blue, or 1 inch tiles).
the css language
getting started with css
you are here 
289
Using CSS with XHTML
We’re sure CSS has a bright future in the home design category, but let’s get 
back to XHTML.  XHTML doesn’t have rooms, but it does have elements 
and those elements are going to be the locations that we’re styling. Want to 
paint the walls of your 
<p>
elements red?  No problem; only paragraphs 
don’t have walls, so you’re going to have to settle for the paragraph’s 
background-color property instead. Here’s how you do that:
p { 
background-color: red; 
}
The first thing you do is select the 
element you want to style, in this case 
the <p> element. Notice in CSS, you 
don’t put <> around the name.
Then you specify the property you 
want to style, in this case the <p> 
element’s background color.
And you’re going to set the 
background-color to red.
Place all the styles 
for the <p> element in 
between { } braces.
There’s a colon in between the 
property and its value.
At the end, 
put a semicolon.
You could also write the rule like this:
p { background-color: red; }
Here, all we’ve done is remove the linebreaks.  Like XHTML, you can format 
your CSS pretty much as you like. For longer rules you’ll usually want to add 
some linebreaks and indenting to make the CSS more readable (for you).
Wanna add more style? 
You can add as many properties and values as you like in each CSS rule. Say you 
wanted to put a border around your paragraphs, too. Here’s how you do that:
p { 
background-color: red;
border: 1px solid gray; 
}
All you have to do is add 
another property and value.
The <p> element 
will have a border...
...that is 1 pixel thick, solid, and gray.
We call the whole 
thing a RULE.
290
Chapter 8
Say you have an <em> element 
inside a paragraph. If you change the 
background color of the paragraph, do 
you think you also have to change the 
background of the <em> element so it 
matches the background color of the 
paragraph?
brain
power
?
Q: 
Does every <p> element have the same 
style? Or can I, say, make two paragraphs 
different colors?
A: 
The CSS rules we’ve used so far define 
the style for 
all
 paragraphs, but CSS is very 
expressive: it can be used to specify styles in lots 
of different ways, for lots of different elements 
– even subsets of elements. You’ll see how to 
make paragraphs two different colors later in this 
chapter. 
Q: 
How do I know what properties I can set 
on an element?
A: 
Well, there are 
lots
 of properties that can 
be set on elements, certainly more than you’d 
want to memorize, in any case. You’re going to get 
quite familiar with the more common properties in 
the next few chapters. You’ll probably also want 
to find a good CSS reference.  There are plenty 
of references online, and O’Reilly’s 
CSS Pocket 
Referenc
e is a great little book.
Q: 
Remind me why I’m defining all this 
style in a separate language, rather than in 
XHTML. Since the elements are written in 
XHTML, wouldn’t it be easier just to write style 
in XHTML, too?
A: 
You’re going to start to see some big 
advantages to using CSS in the next few chapters. 
But, here’s a quick answer: CSS really is better 
suited for specifying style information than XHTML. 
Using just a small bit of CSS, you can create fairly 
large effects on the style of your XHTML. You’re 
also going to see that CSS is a much better way 
to handle styles for multiple pages.  You’ll see how 
that works later in this chapter.
there are no
Dumb Questions
more about css and xhtml
getting started with css
you are here 
291
Getting CSS into your XHTML
Okay, you know a little about CSS syntax now.  You know how to select an 
element and then write a rule with properties and values inside it. But you still 
need to get this CSS into some XHTML. First, we need some XHTML to put 
it in. In the next few chapters, we’re going to revisit our old friends – Starbuzz, 
and Tony and his Segway journal – and make things a little more stylish. But, 
who do you think is dying to have their site styled first? Of course, the Head 
First Lounge guys. So, here’s the XHTML for the Head First Lounge main 
page. Remember, in the last chapter we fixed things up a little and made it 
strict XHTML (would you have expected any less of us?). Now, we’re adding 
some style tags, the easiest way to get style into your pages.
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”en” xml:lang=”en” >
<head>
<meta http-equiv=“Content-Type” content=”text/html; charset=ISO-8859-1” />
<title>Head First Lounge</title>
<style type=”text/css”>
</style>
</head>
<body>
<h1>Welcome to the Head First Lounge</h1>
<p>
<img src=“images/drinks.gif” alt=“Drinks” />
</p>
<p>
Join us any evening for refreshing
<a href=“beverages/elixir.html”>
elixirs</a>,
conversation and maybe a game or two
of <em>Dance Dance Revolution</em>.
Wireless access is always provided;
BYOWS (Bring your own web server).
</p>
<h2>Directions</h2>
<p>
You’ll find us right in the center of downtown
Webville. If you need help finding us, check out our
<a href=“about/directions.html”>
detailed directions</a>.
Come join us!
</p>
</body>
</html>
But not necessarily the best 
way.  We’ll come back to this 
later in the chapter and see 
another way.
Here’s what we’re interested in: the <style> element.
To add CSS style directly to your XHTML, add 
opening and closing style tags in the <head> element.
And a style type of “text/css”.
And your CSS rules are 
going to go right in here.
Documents you may be interested
Documents you may be interested