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
    From Journal to Web site, at 12mph
    The rough design sketch
    From a sketch to an outline
    From the outline to a Web page
    Test driving Tony’s Web page
    Adding some new elements
    Meet the <q> element
    ...and check out the test drive...
    Looooong Quotes
    Adding a <blockquote>
    The real truth behind the <q> and <blockquote> mystery
    Meanwhile, back at Tony’s site...
    Of course, you could use the <p> element to make a list...
    Constructing HTML lists in two easy steps
    Taking a test drive through the cities
    Putting one element inside another is called “nesting”
    To understand the nesting relationships, draw a picture
    Using nesting to make sure your tags match
    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
    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

    3. Building Blocks: Web Page Constructio... > The real truth behind the <q> and <b...

    The real truth behind the <q> and <blockquote> mystery

    Okay, it’s time to stop the charade: <blockquote> and <q> are actually different types of elements. The <blockquote> element is a block element and the <q> element is an inline element. What’s the difference? Block elements are always displayed as if they have a linebreak before and after them, while inline elements appear “in line” within the flow of the text in your page.

    image with no caption

    Block: stands on its own

    image with no caption

    Inline: goes with the flow

    image with no caption

    Remember: block elements stand on their own; inline elements go with the flow.

    There are no Dumb Questions

    Q:

    Q: I think I know what a linebreak is; it’s like hitting the carriage return on a typewriter or the return key on a computer keyboard. Right?


      

    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