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 HTMLthe 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 practicesso 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 youll 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
- Errata
-
If you think that you've found an error in this book, please let us know about it. You will find any confirmed erratum below, so you can check if your concern has already been addressed.
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







