book

HTML and CSS: Visual QuickStart Guide, Eighth Edition

Name: HTML and CSS: Visual QuickStart Guide, Eighth Edition
ISBN: 9780133438932

by Elizabeth Castro, Bruce Hyslop

August 2013

Beginner

576 pages

20h 24m

English

Peachpit Press

Read now

Unlock full access

Title Page
Copyright Page
Dedication
Acknowledgments
Contents at a Glance
Table of Contents
Introduction
HTML and CSS in BriefWeb BrowsersWeb Standards and SpecificationsProgressive Enhancement: A Best PracticeIs This Book for You?How This Book WorksCompanion Website
1. Webpage Building Blocks
Thinking in HTMLA Basic HTML PageMarkup: Elements, Attributes, Values, and MoreA Webpage’s Text ContentLinks, Images, and Other Non-Text ContentFile and Folder NamesURLsHTML: Markup with MeaningA Browser’s Default Display of WebpagesKey Takeaways
2. Working with Webpage Files
Planning Your SiteCreating a New WebpageSaving Your WebpageSpecifying a Default Page or HomepageEditing WebpagesOrganizing FilesViewing Your Page in a BrowserThe Inspiration of Others
3. Basic HTML Structure
Starting Your WebpageCreating a TitleCreating HeadingsCommon Page ConstructsCreating a HeaderMarking NavigationMarking the Main Area of a WebpageCreating an ArticleDefining a SectionSpecifying an AsideCreating a FooterCreating Generic ContainersImproving Accessibility with ARIANaming Elements with a Class or IDAdding the Title Attribute to ElementsAdding Comments

4. Text
Adding a ParagraphSpecifying Fine PrintMarking Important and Emphasized TextCreating a FigureIndicating a Citation or ReferenceQuoting TextSpecifying TimeExplaining AbbreviationsDefining a TermCreating Superscripts and SubscriptsAdding Author Contact InformationNoting Edits and Inaccurate TextMarking Up CodeUsing Preformatted TextHighlighting TextCreating a Line BreakCreating SpansOther Elements
5. Images
Images for the WebGetting ImagesChoosing an Image EditorSaving Your ImagesInserting Images on a PageOffering Alternative TextSpecifying Image SizesScaling Images with the BrowserScaling Images with an Image EditorAdding Icons for Your Website
6. Links
Creating a Link to Another Webpage (and Other Link Basics)Creating and Linking to AnchorsCreating Other Kinds of Links
7. CSS Building Blocks
Constructing a Style RuleAdding Comments to Style RulesUnderstanding InheritanceThe Cascade: When Rules CollideA Property’s Value
8. Working with Style Sheets
Creating an External Style SheetLinking to External Style SheetsCreating an Embedded Style SheetApplying Inline StylesThe Cascade and the Order of StylesUsing Media-Specific Style SheetsThe Inspiration of Others: CSS
9. Defining Selectors
Constructing SelectorsSelecting Elements by NameSelecting Elements by Class or IDSelecting Elements by ContextSelecting an Element That Is the First or Last ChildSelecting the First Letter or First Line of an ElementSelecting Links Based on Their StateSelecting Elements Based on AttributesSpecifying Groups of ElementsCombining Selectors
10. Formatting Text with Styles
Before and AfterChoosing a Font FamilySpecifying Alternate FontsCreating ItalicsApplying Bold FormattingSetting the Font SizeSetting the Line HeightSetting All Font Values at OnceSetting the ColorSetting the BackgroundControlling SpacingAdding IndentsAligning TextChanging the Text CaseUsing Small CapsDecorating TextSetting Whitespace Properties
11. Layout with Styles
Considerations When Beginning a LayoutStructuring Your PagesStyling HTML5 Elements in Older BrowsersResetting or Normalizing Default StylesThe Box ModelControlling the Display Type and Visibility of ElementsSetting the Height or Width for an ElementAdding Padding Around an ElementSetting the BorderSetting the Margins Around an ElementMaking Elements FloatControlling Where Elements FloatPositioning Elements RelativelyPositioning Elements AbsolutelyPositioning Elements in a StackDetermining How to Treat OverflowAligning Elements VerticallyChanging the Cursor
12. Building Responsive Webpages
Responsive Web Design: An OverviewMaking Images FlexibleCreating a Flexible Layout GridUnderstanding and Implementing Media QueriesPutting It All TogetherAccommodating Older Versions of Internet Explorer
13. Working with Web Fonts
What Is a Web Font?Where to Find Web FontsDownloading Your First Web FontUnderstanding the @font-face RuleStyling Text with a Web FontApplying Italics and Bold with a Web FontUsing Web Fonts from Google Fonts
14. Enhancements and Effects with CSS
Browser Compatibility, Progressive Enhancement, and PolyfillsUnderstanding Vendor PrefixesRounding the Corners of ElementsAdding Drop Shadows to TextAdding Drop Shadows to ElementsApplying Multiple BackgroundsUsing Gradient BackgroundsSetting the Opacity of ElementsEffects with Generated ContentCombining Images with Sprites
15. Lists
Creating Ordered and Unordered ListsChoosing Your MarkersUsing Custom MarkersChoosing Where to Start List NumberingControlling Where Markers HangSetting All List-Style Properties at OnceStyling Nested ListsCreating Description Lists
16. Forms
Improvements to Forms in HTML5Creating FormsProcessing FormsOrganizing the Form ElementsCreating Text BoxesLabeling Form PartsCreating Password BoxesCreating Email, Search, Telephone, and URL BoxesCreating Radio ButtonsCreating CheckboxesCreating Text AreasCreating Select BoxesAllowing Visitors to Upload FilesCreating Hidden FieldsCreating a Submit ButtonDisabling Form ElementsStyling Forms Based on Their State
17. Video, Audio, and Other Multimedia
Third-Party Plugins and Going NativeVideo File FormatsAdding a Video to Your WebpageAdding Controls and Autoplay to Your VideoLooping a Video and Specifying a Poster ImagePreventing a Video from PreloadingUsing Video with Multiple Sources and a Text FallbackProviding AccessibilityAudio File FormatsAdding an Audio File with Controls to Your WebpageAutoplaying, Looping, and Preloading AudioProviding Multiple Audio Sources with a FallbackAdding Video and Audio with a Flash FallbackAdvanced MultimediaFurther Resources
18. Tables
Structuring TablesSpanning Columns and Rows
19. Adding JavaScript
Loading an External ScriptAdding an Embedded ScriptJavaScript Events
20. Testing & Debugging Webpages
Validating Your CodeTesting Your PagesTrying Some Debugging TechniquesChecking the Easy Stuff: GeneralChecking the Easy Stuff: HTMLChecking the Easy Stuff: CSSWhen Images Don’t Display
21. Publishing Your Pages on the Web
Getting Your Own Domain NameFinding a Host for Your SiteTransferring Files to the Server
A. HTML Reference
Index

Content preview from HTML and CSS: Visual QuickStart Guide, Eighth Edition

4. Text

In This Chapter

Adding a Paragraph

Specifying Fine Print

Marking Important and Emphasized Text

Creating a Figure

Indicating a Citation or Reference

Quoting Text

Specifying Time

Explaining Abbreviations

Defining a Term

Creating Superscripts and Subscripts

Adding Author Contact Information

Noting Edits and Inaccurate Text

Marking Up Code

Using Preformatted Text

Highlighting Text

Creating a Line Break

Creating Spans

Other Elements

Unless a site is heavy on videos or photo galleries, most content on webpages is text. This chapter explains which HTML semantics are appropriate for different types of text, especially (but not solely) for text within a sentence or phrase.

For example, the em element is specifically designed for indicating emphasized ...

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

HTML and CSS: Visual QuickStart Guide, 9th Edition

Publisher Resources

ISBN: 9780133438932Purchase book

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

HTML and CSS: Visual QuickStart Guide, Eighth Edition

by Elizabeth Castro, Bruce Hyslop

4. Text

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.