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:
- Relative Paths
- Linking Down into a Subfolder
- Linking Up
- Web Page Construction
- Rough Sketch
- Outline
- Basic Html
- Enhanced HTML
- Inline and Block Elements
- <q> Element
- <blockquote> Element
- Linebreaks
- Empty Elements
- Lists
- <li> Element
- <ol> Element
- <ul> Element
- Nesting
- Debugging HTML Code
- Character Entities
- Putting Your Web Site Online
- Finding a Hosting Company
- Domain Names
- FTP – File Transfer Protocol
- URL – Uniform Resource Locator
- HTTP – HyperText Transfer Protocol
- Absolute Paths
- Default Pages
- <a> Element
- Title Attribute
- Destination Anchor
- Id Attribute
- Target Attribute
- How Images Work
- How Browsers Deal with Images
- JPEG versus GIF
- <img> Element
- URL Links
- Alt Attribute
- Width and Height Attributes
You Should Be Able To:
- Write the relative paths from a given HTML page to other files in a Web site when you are shown the site map.
- Arrange the four steps of Web page construction in the correct order.
- Draw a rough sketch for a simple Web page, and then an outline with HTML elements.
- Identify which HTML element to use for a given task, and whether it is inline or block.
- Identify whether an element is an empty element.
- Identify whether a list should be ordered or unordered, and write the list HTML.
- Debug a poorly coded HTML page: add, edit or delete tags, and correct improperly nested tags.
- Identify these pieces of HTML code as “character entities” and describe what they do:
- &
- ©
-
- Write the full URLs (absolute paths) for specific files in a Web site when you are shown the site map.
- Describe what FTP and HTTP stand for, and what they are used for.
- Identify the uses of the following attribute for the <a> element: target, title and id.
- Identify the correct method for linking to a destination anchor.
- Identify whether an image would work best as a JPEG or a GIF.
- Write the HTML for an image with a given path, width, height, and alternative text.
