Download Safari Books Online apps: Apple iOS | Android

Entire Site

Safari Books Online

    Free Trial

    Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.


    Head First HTML with CSS & XHTML
    Dedication
    A Note Regarding Supplemental Files
    Praise for Head First HTML with CSS & XHTML
    More Praise for Head First HTML with CSS & XHTML
    Previous Praise for books by the authors
    Authors of Head First HTML with CSS & XHTML
    How to use This Book: Intro
    1. Getting to Know HTML: The Language of the Web
    2. Going Further, with Hypertext: Meeting the ‘HT’ in HTML
    3. Building Blocks: Web Page Construction
    4. Getting Connected: A Trip to Webville
    5. Adding Images to Your Pages: Meeting the Media
    6. Standards, Compliance, and all that Jazz: Serious HTML
    7. Moving to XHTML: Putting an ‘X’ into HTML
    8. Getting Started with CSS: Adding a Little Style
    9. Styling with Fonts and Colors: Expanding your Vocabulary
    10. The Box Model: Getting Intimate with Elements
    11. Divs and Spans: Advanced Web Construction
    A close look at the elixirs XHTML
    Let’s explore how we can divide a page into logical sections
    Meanwhile, back at the lounge...
    Taking the <div> for a test drive
    Adding a border
    An over-the-border test drive
    Adding some real style to the elixirs section
    The game plan
    Working on the elixir width
    Test driving the width
    Adding the basic styles to the elixirs
    Test driving the new styles
    We’re almost there...
    What are we trying to do?
    What we need is a way to select descendants
    Changing the color of the elixir headings
    A quick test drive...
    Fixing the line height
    Look what you’ve accomplished...
    It’s time to take a little shortcut
    But there’s more...
    And even more shorthands
    Adding <span>s in three easy steps
    Steps one and two: adding the <span>s
    Step three: styling the <span>s
    Test driving the spans
    The <a> element and its multiple personalities
    How can you style elements based on their state?
    Putting those pseudo-classes to work
    Test drive the links
    Isn’t it about time we talk about the “cascade”?
    The cascade
    Welcome to the “What’s my specificity game”
    Putting it all together
    12. Layout and Positioning: Arranging Elements
    13. Tables and More Lists: Getting Tabular
    14. XHTML Forms: Getting Interactive
    A. Leftovers: The Top Ten Topics (we didn’t cover)
    Index
    About the Authors
    Copyright
    • Create BookmarkCreate Bookmark
    • Create Note or TagCreate Note or Tag
    • DownloadDownload
    • PrintPrint
    Share this Page URL
    Help

    11. Divs and Spans: Advanced Web Constru... > Steps one and two: adding the <span>...

    Steps one and two: adding the <span>s

    Open your “lounge.html” file and locate the “Who’s playing at the Lounge” heading. Just below that you’ll see the unordered list of recommendations. Here’s what it looks like:

    image with no caption

    Let’s try adding <span>s to the first CD and artist:

    image with no caption

      

    You are currently reading a PREVIEW of this book.

                                                                                            

    Get instant access to over
    $1 million worth of books and videos.

      

    Start a Free Trial