book

Teach Yourself VISUALLY™ HTML and CSS

Name: Teach Yourself VISUALLY™ HTML and CSS
ISBN: 9780470285886

by Mike Wooldridge, Linda Wooldridge

July 2008

Beginner

334 pages

10h 18m

English

Visual

Read now

Unlock full access

Copyright
Praise for Visual Books
Credits
About the Authors
Authors' Acknowledgements
1. Getting Familiar with HTML and Web Page Basics
1.1. Internet Basics1.2. An Introduction to HTML1.3. Explore Web Browsers1.4. Explore HTML Editors1.5. Understanding HTML Syntax1.6. View HTML Code in a Browser1.7. Plan a Web Site
2. Creating Your First HTML Page
2.1. Understanding HTML Document Structure2.2. Start an HTML Document2.3. Save an HTML Document2.4. View an HTML Page2.5. Add a Document Declaration2.6. Add Metadata
3. Adding Text
3.1. Create a New Paragraph3.2. Change Paragraph Alignment3.3. Add a Line Break3.4. Insert a Blank Space3.5. Insert Preformatted Text3.6. Insert a Heading3.7. Add Block Quotes3.8. Insert a Comment3.9. Create a Numbered List3.10. Create a Bulleted List3.11. Create a Nested List3.12. Create a Definition List3.13. Insert Special Characters3.14. Special Characters
4. Formatting Text
4.1. Make Text Bold4.2. Italicize Text4.3. Add Underlining to Text4.4. Change Fonts4.5. Change Font Size4.6. Change the Text Color4.7. Adjust Margins4.8. Set a Background Page Color4.9. Add a Horizontal Line
5. Adding Images
5.1. Understanding Web Page Images5.2. Prepare Your Images for the Web5.3. Insert an Image5.4. Specify an Image Size5.5. Add Alternative Text5.6. Create an Image Label5.7. Add Copyright Text to Images5.8. Align an Image Horizontally5.9. Align an Image Vertically5.10. Center an Image5.11. Wrap Text Between Images5.12. Stop Text Wrap5.13. Set an Image Border5.14. Add Space Around an Image5.15. Add a Background Image5.16. Create an Image Banner

6. Adding Links
6.1. Understanding Links6.2. Understanding URLs6.3. Link to Another Page6.4. Open a Linked Page in a New Window6.5. Link to an Area on the Same Page6.6. Link to Another File Type6.7. Link to an E-mail Address6.8. Change Link Colors
7. Working with Tables
7.1. Understanding Table Structure7.2. Add a Table7.3. Assign a Table Border7.4. Adjust Cell Padding and Spacing7.5. Adjust Cell Width and Height7.6. Add Column Labels7.7. Create Newspaper-Style Columns7.8. Create Side Navigation7.9. Add a Table Caption7.10. Control which Borders to Display7.11. Adjust the Table Size7.12. Change Cell Alignment7.13. Extend Cells across Columns and Rows7.14. Create Column and Row Groups7.15. Add a Background Color to Cells7.16. Add a Background Color to a Table7.17. Insert an Image in a Cell7.18. Insert a Background Image7.19. Change Table Alignment7.20. Control Text Wrapping in Cells7.21. Nest a Table within a Table
8. Working with Frames
8.1. Understanding Frames8.2. Create Frames8.3. Customize Frame Borders8.4. Control Frame Margins8.5. Add Alternative Text8.6. Prevent Frame Resizing8.7. Hide or Display Frame Scroll Bars8.8. Target a Link8.9. Create a Nested Frameset8.10. Create an Inline Frame
9. Creating Forms
9.1. Understanding Forms9.2. Types of Form Elements9.3. Gather Form Data9.4. Create a Form9.5. Send Form Data to an E-mail Address9.6. Add a Text Box9.7. Add a Large Text Area9.8. Add Check Boxes9.9. Add Radio Buttons9.10. Add a Menu List9.11. Add a Submit Button9.12. Add a Reset Button9.13. Add Active Labels9.14. Change the Tab Order9.15. Add a File Upload Element9.16. Group Form Elements
10. Creating Style Sheets
10.1. Understanding Style Sheets10.2. Create an External Style Sheet10.3. Link to a Style Sheet10.4. Add Comments to a Style Sheet10.5. Create an Internal Style Sheet10.6. Create a Class10.7. Apply a Style with the DIV Tag10.8. Apply a Style Locally10.9. Apply a Style Using the ID Attribute
11. Formatting Text with Style Sheets
11.1. Add Bold to Text11.2. Italicize Text11.3. Indent Text11.4. Change the Font Size11.5. Change the Font11.6. Change the Text Case11.7. Change Text Alignment11.8. Control Line Spacing11.9. Control Letter Spacing11.10. Add Color to Text11.11. Add a Background Color to an Element11.12. Add a Background Image to an Element11.13. Add a Border11.14. Change Link Colors11.15. Change Link Hover Effects11.16. Change Bullet or Number Styles11.17. Customize Form Elements
12. Controlling Layout with Style Sheets
12.1. Control Layout12.2. Set Width and Height for an Element12.3. Use Relative Positioning12.4. Use Absolute Positioning12.5. Use Fixed Positioning12.6. Set Margins12.7. Add Padding12.8. Wrap Text around Elements12.9. Change Vertical Alignment12.10. Create a Centered Layout12.11. Control the Overlap of Elements12.12. Hide an Element12.13. Customize a Background Image
13. Working with JavaScript
13.1. Understanding JavaScript13.2. Understanding Script Events and Handlers13.3. Add JavaScript to a Web Page13.4. Create a JavaScript File13.5. Hide JavaScript13.6. Add Alternative Text13.7. Insert the Current Date and Time13.8. Display an Alert Message Box13.9. Display a Pop-Up Window13.10. Customize the Status Bar Message for a Link13.11. Create an Image Rollover Effect13.12. Validate Form Data13.13. Show a Hidden Element
14. Adding Multimedia and Extra Touches
14.1. Understanding Multimedia Elements14.2. Understanding Plug-Ins and Players14.3. Link to Audio or Video Files14.4. Embed a Video File14.5. Embed an Audio File14.6. Embed a Flash Movie14.7. Add a Java Applet14.8. Embed a Video Clip from YouTube14.9. Embed an Image from Flickr14.10. Add a Google Search Box to Your Page14.11. Add a Digg Link to Your Page14.12. Automatically Load another Web Page14.13. Create an Image Map
15. Publishing Your Web Pages
15.1. Understanding Web Page Publishing15.2. Transfer Files to a Web Server with WS_FTP15.3. Troubleshoot Your Web Pages15.4. Promote Your Web Site
A. HTML Tags

Overview

Are you a visual learner? Do you prefer instructions that show you how to do something - and skip the long-winded explanations? If so, then this book is for you. Open it up and you'll find clear, step-by-step screen shots that show you how to tackle more than 175 tasks involving HTML and CSS. Each task-based spread covers a single technique, sure to help you get up and running with HTML and CSS in no time.

You'll learn to:

View HTML code in a browser
Add and format text
Prepare images for the Web
Insert links to other pages
Control layout with style sheets
Add JavaScript to a Web page
Helpful sidebars offer practical tips and tricks
Succinct explanations walk you through step by step
Full-color screen shots demonstrate each task
Two-page lessons break big topics into bite-sized modules

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Sams Teach Yourself HTML, CSS and JavaScript All in One

Publisher Resources

ISBN: 9780470285886Purchase book

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills