Skip to main content

Teach Yourself VISUALLY HTML and CSS

Teach Yourself VISUALLY HTML and CSS

Mike Wooldridge, Linda Wooldridge

ISBN: 978-1-118-08003-0

Oct 2016

334 pages


Product not available for purchase


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
Chapter 1: Getting Familiar with HTML and Web Page Basics.

Internet Basics.

An Introduction to HTML.

Explore Web Browsers.

Explore HTML Editors.

Understanding HTML Syntax.

View HTML Code in a Browser.

Plan a Web Site.

Chapter 2: Creating Your First HTML Page.

Understanding HTML Document Structure.

Start an HTML Document.

Save an HTML Document.

View an HTML Page.

Add a Document Declaration.

Add Metadata.

Chapter 3: Adding Text.

Create a New Paragraph.

Change Paragraph Alignment.

Add a Line Break.

Insert a Blank Space.

Insert Preformatted Text.

Insert a Heading.

Add Block Quotes.

Insert a Comment.

Create a Numbered List.

Create a Bulleted List.

Create a Nested List.

Create a Definition List.

Insert Special Characters.

Special Characters.

Chapter 4: Formatting Text.

Make Text Bold.

Italicize Text.

Add Underlining to Text.

Change Fonts.

Change Font Size.

Change the Text Color.

Adjust Margins.

Set a Background Page Color.

Add a Horizontal Line.

Chapter 5: Adding Images.

Understanding Web Page Images.

Prepare Your Images for the Web.

Insert an Image.

Specify an Image Size.

Add Alternative Text.

Create an Image Label.

Add Copyright Text to Images.

Align an Image Horizontally.

Align an Image Vertically.

Center an Image.

Wrap Text Between Images.

Stop Text Wrap.

Set an Image Border.

Add Space Around an Image.

Add a Background Image.

Create an Image Banner.

Chapter 6: Adding Links.

Understanding Links.

Understanding URLs.

Link to Another Page.

Open a Linked Page in a New Window.

Link to an Area on the Same Page.

Link to Another File Type.

Link to an E-mail Address.

Change Link Colors.

Chapter 7: Working with Tables.

Understanding Table Structure.

Add a Table.

Assign a Table Border.

Adjust Cell Padding and Spacing.

Adjust Cell Width and Height.

Add Column Labels.

Create Newspaper-Style Columns.

Create Side Navigation.

Add a Table Caption.

Control which Borders to Display.

Adjust the Table Size.

Change Cell Alignment.

Extend Cells across Columns and Rows.

Create Column and Row Groups.

Add a Background Color to Cells.

Add a Background Color to a Table.

Insert an Image in a Cell.

Insert a Background Image.

Change Table Alignment.

Control Text Wrapping in Cells.

Nest a Table within a Table.

Chapter 8: Working with Frames.

Understanding Frames.

Create Frames.

Customize Frame Borders.

Control Frame Margins.

Add Alternative Text.

Prevent Frame Resizing.

Hide or Display Frame Scroll Bars.

Target a Link.

Create a Nested Frameset.

Create an Inline Frame.

Chapter 9: Creating Forms.

Understanding Forms.

Types of Form Elements.

Gather Form Data.

Create a Form.

Send Form Data to an E-mail Address.

Add a Text Box.

Add a Large Text Area.

Add Check Boxes.

Add Radio Buttons.

Add a Menu List.

Add a Submit Button.

Add a Reset Button.

Add Active Labels.

Change the Tab Order.

Add a File Upload Element.

Group Form Elements.

Chapter 10: Creating Style Sheets.

Understanding Style Sheets.

Create an External Style Sheet.

Link to a Style Sheet.

Add Comments to a Style Sheet.

Create an Internal Style Sheet.

Create a Class.

Apply a Style with the DIV Tag.

Apply a Style Locally.

Apply a Style Using the ID Attribute.

Chapter 11: Formatting Text with Style Sheets.

Add Bold to Text.

Italicize Text.

Indent Text.

Change the Font Size.

Change the Font.

Change the Text Case.

Change Text Alignment.

Control Line Spacing.

Control Letter Spacing.

Add Color to Text.

Add a Background Color to an Element.

Add a Background Image to an Element.

Add a Border.

Change Link Colors.

Change Link Hover Effects.

Change Bullet or Number Styles.

Customize Form Elements.

Chapter 12: Controlling Layout with Style Sheets.

Control Layout.

Set Width and Height for an Element.

Use Relative Positioning.

Use Absolute Positioning.

Use Fixed Positioning.

Set Margins.

Add Padding.

Wrap Text around Elements.

Change Vertical Alignment.

Create a Centered Layout.

Control the Overlap of Elements.

Hide an Element.

Customize a Background Image.

Chapter 13: Working with JavaScript.

Understanding JavaScript.

Understanding Script Events and Handlers.

Add JavaScript to a Web Page.

Create a JavaScript File.

Hide JavaScript.

Add Alternative Text.

Insert the Current Date and Time.

Display an Alert Message Box.

Display a Pop-Up Window.

Customize the Status Bar Message for a Link.

Create an Image Rollover Effect.

Validate Form Data.

Show a Hidden Element.

Chapter 14: Adding Multimedia and Extra Touches.

Understanding Multimedia Elements.

Understanding Plug-Ins and Players.

Link to Audio or Video Files.

Embed a Video File.

Embed an Audio File.

Embed a Flash Movie.

Add a Java Applet.

Embed a Video Clip from YouTub.

Embed an Image from Flickr.

Add a Google Search Box to Your Page.

Add a Digg Link to Your Page.

Automatically Load Another Web Page.

Create an Image Map.

Chapter 15: Publishing Your Web Pages.

Understanding Web Page Publishing.

Transfer Files to a Web Server with WS_FTP.

Troubleshoot Your Web Pages.

Promote Your Web Site.