NHS Designs
Web Design
the History of the Internet

Review for Test #2

Main Concepts from HTML 08 - HTML 13

  • Plan the structure of your Web pages before you start typing in the content. Start with a sketch, then create an outline, and finally write the HTML.
  • Plan your page starting with the large, block elements, and then refine with inline elements.
  • Remember, whenever possible, use elements to tell the browser what your content means.
  • Always use the element that most closely matches the meaning of your content. For example, never use a paragraph when you need a list.
  • <p>, <blockquote>, <ol>, <ul>, and <li> are all block elements. They stand on their own and are displayed with space above and below the content within them.
  • <q>, <em> and </a> are all inline elements. the content in these elements flows in line with the rest of the content in the containing element.
  • Use the <br> element when you need to insert your own linebreaks.
  • <br> is an "empty element".
  • Empty elements have no content.
  • An empty element consists of only one tag.
  • A nested element is an element contained completely within another element. If your elements are nested properly, all your tags will match correctly.
  • You make an HTML list using two elements in combination: use <ol> with <li> for an ordered list; use <ul> with <li> for an unordered list.
  • When the browser displays an ordered list, it creates the numbers for the list so you don't have to.
  • Use character entities for special characters in your HTML content.

 

Main Concepts from "Putting Your Web Site Online" and HTML 14

  • Typically the best way to get on the Web is to find a hosting company to host your Web pages.
  • A domain name is a unique name, like amazon.com or starbuzzcoffee.com, that is used to identify a site.
  • The File Transfer Protocol (FTP) is a common means of transferring your Web pages and content to a server.
  • A URL is a Uniform Resource Locator, or Web site name, that can be used to identify any resource on the Web.
  • A typical URL consists of a protocol, a Web site name, and an absolute path to the resource.
  • HTTP stands for HyperText Transfer Protocol, and it is a request and response protocol used to transfer Web pages from a Web server to your browser.
  • "index.html" and "default.htm" are examples of default pages. If you specify a directory without a filename, the Web server will look for a default page to return to the browser.
  • You can use relative paths or URLs in your <a> element's href attribute to link to other Web pages. For other pages in your own site, it's best to use relative paths, and use URLs for external links.
  • Use the id attribute to create a destination anchor in a page. Use # followed by a destination id to link to that location in a page.
  • To help accessibility, use the title attribute to provide a description of the link in <a> elements.
  • Use the target attribute to open a link in another browser window. Don't forget that the target attribute can be problematic for users.

Source: "Head First HTML: with CSS & XHTML" by Elisabeth Freeman and Eric Freeman

 

REVIEW FOR TEST 2

Topics:

  1. Relative Paths
    1. Linking Down into a Subfolder
    2. Linking Up
  2. Web Page Construction
    1. Rough Sketch
    2. Outline
    3. Basic Html
    4. Enhanced HTML
  3. Inline and Block Elements
    1. <q> Element
    2. <blockquote> Element
  4. Linebreaks
    1. Empty Elements
  5. Lists
    1. <li> Element
    2. <ol> Element
    3. <ul> Element
  6. Nesting
  7. Debugging HTML Code
  8. Character Entities
  9. Putting Your Web Site Online
    1. Finding a Hosting Company
    2. Domain Names
    3. FTP – File Transfer Protocol
    4. URL – Uniform Resource Locator
    5. HTTP – HyperText Transfer Protocol
    6. Absolute Paths
    7. Default Pages
  10. <a> Element
    1. Title Attribute
    2. Destination Anchor
    3. Id Attribute
    4. Target Attribute
  11. How Images Work
    1. How Browsers Deal with Images
    2. JPEG versus GIF
  12. <img> Element
    1. URL Links
    2. Alt Attribute
    3. Width and Height Attributes

You Should Be Able To:

  1. Write the relative paths from a given HTML page to other files in a Web site when you are shown the site map.
  2. Arrange the four steps of Web page construction in the correct order.
  3. Draw a rough sketch for a simple Web page, and then an outline with HTML elements.
  4. Identify which HTML element to use for a given task, and whether it is inline or block.
  5. Identify whether an element is an empty element.
  6. Identify whether a list should be ordered or unordered, and write the list HTML.
  7. Debug a poorly coded HTML page: add, edit or delete tags, and correct improperly nested tags.
  8. Identify these pieces of HTML code as “character entities” and describe what they do:
    1. &amp;
    2. &copy;
    3. &nbsp;
  9. Write the full URLs (absolute paths) for specific files in a Web site when you are shown the site map.
  10. Describe what FTP and HTTP stand for, and what they are used for.
  11. Identify the uses of the following attribute for the <a> element: target, title and id.
  12. Identify the correct method for linking to a destination anchor.
  13. Identify whether an image would work best as a JPEG or a GIF.
  14. Write the HTML for an image with a given path, width, height, and alternative text.

ABOUT MRS. PEDERSEN · EMAIL MRS. PEDERSEN
resources · copyright information · Website designed by
Order a Custom, Watercolor Pet Portrait at PetsByDawn.com
>