Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
18 Cards in this Set
- Front
- Back
What's the best way to plan the structure of your Web pages before you start typing in the content...
|
3 steps:
1) start with a sketch 2) then, create an outline 3) finally, write the HTML |
|
Which elements should you start to plan first...
|
start with block elements
then, refine with inline elements |
|
What is crucial about elements...
|
wherever possible:
use elements to to tell the browser what your content means |
|
What should match up when choosing an element to use...
|
the element you choose should closely match the meaning of your content
e.g. never use a paragraph when you need a list, etc |
|
What are the distinctive qualities of a block element
also, list 5 block elements... |
qualities:
1) they stand on their own they are displayed with space above and below the content within them e.g. a) <p> b) <blockquote> c) <ol> d) <ul> e) <li> |
|
What's the distinctive quality of inline elements
also, list 3 inline elements... |
quality:
1) they flow inline with the rest of the content in the containing element e.g. a) <q> b) <em> c) <a> |
|
Name an empty element
and, what is it used for... |
an empty element is
<br> it is used when you need to insert your own linebreaks btw, <img> is also an empty element |
|
What are the special qualities of an empty element...
|
an empty element has:
1) NO content 2) only one tag |
|
What is a nested element
and, how do you know when they're nested properly |
a nested element is:
an element contained completely within another element they are nested properly if: all your tags match correctly |
|
What combination of elements are required to make
a) an ordered list b) an unordered list... |
a) <ol> and <li>
b) <ul> and <li> |
|
What's the main difference between an ordered list and an unordered list...
|
when the browser displays an <ol> list items are listed with numbers against each (automatically)
|
|
How do you specify your own ordering in an ordered list...
|
use the start attribute
also, you can change the individual values with the value attribute |
|
How do you nest lists within lists...
|
you put <ol> or <ul> elements inside your <li> elements
|
|
How do you represent special characters in your HTML content
e.g. the angle brackets as part of the <html> element... |
you use entities
e.g. <html> would display <html> |
|
Do I always have to use <ol> and <li> together?
|
Yes, you should always use <ol> and <li> together (or <ul> and <li>). Neither one of these elements really makes sense without the other
|
|
Example of an <ol>. <ul> and <ol> are interchangeable.
|
<ol>
<li>Walla Walla, WA</li> <li>Magic City, ID</li> <li>Bountiful, UT</li> <li>Last Chance, CO</li> <li>Why, AZ</li> <li>Truth or, NM</li> </ol> |
|
What if I wanted to put a list inside a list? Can I do that?
|
|
|
What is a character entity?
|
“special” or that you’d like to use in your Web page, but that may not be a typeable character in your editor (like a copyright symbol), you just look up the abbreviation and then type it into your HTML. For example, the > character’s abbreviation is
>; and the < character’s is <;. |