Second Term Review Questions

The Browser address

• How do you tell if you're debugging from the server or your local copy? What's the difference? hint: http:// vs file:///
• If I'm trying to change something in a large site, how do tell what folder it's on on the server? Where would I find the page above? hint: everything after the top-level-domain (.com) describes the folder structure

Tag Order in HTML

Which of these is Correct:

• <p>My dog is <em>very active.</em> </p>
• <p>My dog is <em>very active.</p></em>

hint: an html tag that occurs between the opening and closing tags of another html tag must be closed before the first html tag is closed. The one "inside" is the child; the one "outside" or "surrounding" is the parent.

CSS Selectors

• What is a CSS Selector? What does it do?
  It selects the item to be styled by the statements in the brackets {}
  • If you see a "." in a Selector - what does that mean?
    This is a Class indicator - what will the html say to use this style? class = "...
  • What does a "#" mean
    This is an ID indicator - what will the html say to use this style? ID = "...
  • What if you don't see any symbol in front of the selector - what does that mean?
    You are styling an html tag! e.g. p{} styles all the p tags in your html
• What are the three major types of selectors and what's different about them?
  Hint: tag, named (class / id), position or state (context / pseudo) See Type of Selectors
• what's the difference between these:
  • .special {}
    Hint: ANYTHING of class special
  • p.special {}
    Hint: ONLY <p class="special">

Self-closing Tags

What is a self-closing tag? Name three.

Hint: HTML that doesn't contain text usually closes itself such as img, br, hr. In these cases finish the tag with a "/" before the final ">" such as <br />

Charset / Doctype

What are these and do they have anything to do with each other?

Hint: These determine how browsers interpret your code. In our class we use Strict for the doctype and the charset for english. Check that your default matches this.

Title Tags

Why are Title tags important and where are two places you'll see them used while browsing?

Hint: They are the name of your page and show up in the top frame of the browser and in search results.

What is the proper use of Tables

Can I use tables to format my layout?

Hint: If you're using a table to layout the way something looks, think again and use CSS. Keep your STYLE in the CSS and your CONTENT in the HTML. Review Hints on Layout

If you're representing a spreadsheet, well, okay - that really IS a table!

Remember this: HTML should be semantically matched to its purpose. If you're making a list, use <li>. If you're showing a spreadsheet, use <table>. If you're trying to move something to the left, use float and width commands in the css.

But don't just believe me, read these:

• Dev.Opera
• Future of the Web