Beginning HTML with CSS and XHTML

Modern Guide and Reference

By Craig Cook , David Schultz

Beginning HTML with CSS and XHTML Cover Image

Beginning HTML with CSS and XHTML incorporates practical examples that will show you how to structure your data correctly using (X)HTML, together with styling and layout basics using CSS.

Full Description

  • ISBN13: 978-1-59059-747-7
  • 427 Pages
  • User Level: Beginner to Advanced
  • Publication Date: June 26, 2007
  • Available eBook Formats: PDF
  • Print Book Price: $29.99
  • eBook Price: $20.99
Buy eBook Buy Print Book Add to Wishlist

Related Titles

Full Description

If you want to get into developing web sites, the most important thing you need is a solid understanding of Hypertext Markup Language, or HTML—the language that the majority of web site content is written in.

Beginning HTML with CSS and XHTML: Modern Guide and Reference incorporates practical examples that will show you how to structure your data correctly using (X)HTML, along with styling and layout basics using Cascading Style Sheets (CSS). Youll also learn how to add dynamic behavior to your data using the JavaScript™ language.

This book is forward-thinking because all the featured code and techniques are standards-compliant and demonstrate best practices—so you won't waste time on outdated, bad techniques. Your web pages will work properly in most web browsers and be accessible to web users with disabilities, easily locatable with popular search engines, and compact in file size.

Even if you already know HTML and CSS basics, this book will still be useful to you. It features comprehensive reference tables at the back, so you can look up all of the troublesome attributes, codes, and properties quickly and easily.

Bruce Lawson and Gez Lemon acted as technical reviewers of Beginning HTML with CSS and XHTML. Bruce and Gez are active members of the Web Standards Project's Accessibility Task Force, and have helped ensure that the book follows guidelines and best practices.

What you’ll learn

  • Teaches standards-compliant HTMLnot outdated techniques
  • Includes reference sections for you to easily look up syntax
  • Doesnt require previous programming experience for comprehension

Source Code/Downloads

Downloads are available to accompany this book.

Your operating system can likely extract zipped downloads automatically, but you may require software such as WinZip for PC, or StuffIt on a Mac.

Errata

Please Login to submit errata.

On page 239,240 Also 222,223:
Subject: Absolute Positioning- pages 239 and 240

It is also possible to position elements relative to the origin of elements that allow nested elements. For example, you can specify the location of images and paragraphs contained in a <div> element relative to the origin of the <div> element.

The parent element must also be placed with CSS. When this is the case, the absolute distance of the child element is calculated from the upper left corner of the parent element.

Code example:
HTML:
<div id="box>
<p id="p1">text</p>
</div

CSS:
#box {position:relative;}
#p1 {position:absolute; margin-left:30px;}

This will place the p1 element 30 pixels from the left edge of the <div> element it is contained in.
______________________
Subject: Aligning Labels - pages 222 and 223

This is a very valuable use of CSS when laying out a form that uses relative and absolute positioning to good advantage:

HTML:
<label class="blockLabel">
First Name
<input type="text" name="fname" />
</label>
<label class="blockLabel">
Last Name
<input type="text" name="lname" />
</label>

CSS:
label.blockLabel {position:relative;}

label.blockLabel input {position: absolute; left:140px:}

This will result in the left edges of the two text fields lining up 140 pixels to the right of the left edge of the label