1 / 16

Tutorial 1 Review Developing a Basic Web Page

Tutorial 1 Review Developing a Basic Web Page. Working with Block-Level Elements. B________-level elements are elements that contain content that is viewed as a distinct block within the Web page

simone-castro
Download Presentation

Tutorial 1 Review Developing a Basic Web Page

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Tutorial 1 ReviewDeveloping a Basic Web Page

  2. Working withBlock-Level Elements • B________-level elements are elements that contain content that is viewed as a distinct block within the Web page • H________ elements are block-level elements that contain the text of main headings on the Web page • <hn>content<hn> • n is an integer between 1 and 6 • <h1> is the largest heading • <h6> is the smallest heading New Perspectives on HTML, XHTML, and Dynamic HTML, 4e

  3. Marking Block-Level Elements • To mark a heading, enter <hn>_________</hn> where n is an integer from 1 to 6 and ________ is the text of heading • To mark a paragraph, enter <p>_________</p> • To mark a block quote, enter <blockquote>___________</blockquote> • To mark a generic block-level element, enter <div>___________</div> New Perspectives on HTML, XHTML, and Dynamic HTML, 4e

  4. Adding <h1> and <h2> Markup Tags New Perspectives on HTML, XHTML, and Dynamic HTML, 4e

  5. Marking Paragraph Elements New Perspectives on HTML, XHTML, and Dynamic HTML, 4e

  6. W______ Space and HTML • HTML file documents are composed of text characters and w________ space • W________space is the blank space, tabs, and line breaks within the file • HTML treats each occurrence of w________space as a single blank space • You can use w_________space to make your document more readable New Perspectives on HTML, XHTML, and Dynamic HTML, 4e

  7. Marking a Block Quote • The syntax for making an extended quote is • <blockquote>content</blockquote> New Perspectives on HTML, XHTML, and Dynamic HTML, 4e

  8. Marking a List • HTML supports three kinds of lists: ordered, unordered, and definition • You use an __________list for items that must appear in a numerical order • You use an _________list for items that do not need to occur in any special order • One list can contain another list This is called a nested list New Perspectives on HTML, XHTML, and Dynamic HTML, 4e

  9. Marking a List New Perspectives on HTML, XHTML, and Dynamic HTML, 4e

  10. Creating a Definition List • The definitionlist contains a list of terms, each followed by the term’s description • Web browsers typically display the definition description below the definition term and slightly indented: Basic Stick Easiest stick to learn New Perspectives on HTML, XHTML, and Dynamic HTML, 4e

  11. Using Other Block-Level Elements • HTML supports the a___________ element to indicate contact information Most browsers display an address element in an italicized font, and some right-justify or indent addresses New Perspectives on HTML, XHTML, and Dynamic HTML, 4e

  12. Using Other Block-Level Elements New Perspectives on HTML, XHTML, and Dynamic HTML, 4e

  13. Working with I_______ Elements • An i_________ element marks a section of text within a block-level element • Often used to format characters and words • Also referred to as character formatting elements New Perspectives on HTML, XHTML, and Dynamic HTML, 4e

  14. Working with Inline Elements New Perspectives on HTML, XHTML, and Dynamic HTML, 4e

  15. Logical Elements versus Physical Elements • A _________ element describes the nature of the enclosed content, but not necessarily how that content should appear • A __________ element describes how content should appear, but doesn’t indicate the content’s nature • You should use a _________ element that accurately describes the enclosed content whenever possible, and use ___________ elements only for general content New Perspectives on HTML, XHTML, and Dynamic HTML, 4e

  16. Today’s Coding • If you have not completed up to page HTML 32 do so today. • Complete the demo activity starting on page HTML 35 (Which folder?) • Return to Dave in the middle of page HTML 36 and work through to the end of page HTML 40. (Which folder?) New Perspectives on HTML, XHTML, and Dynamic HTML, 4e

More Related