The next several exercises are timed. If you type slowly or dislike time pressure, feel free to increase the allotted time.
Name and email required. Check any number of boxes.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19
0
0
0
| The body node is the child of the ____ node. | html | ^ *(HTML|html) *$ | |
| The ________ node is the parent of the HTML node. | document | ^ *document *$ | |
| The title node is the child of the _____ node. | head | ^ *head *$ | |
| The first div node in a document is a child of the _____ node. | body | ^ *body *$ | |
| 5. Drag-and-drop: Holding down the left mouse button, drag the pieces of code onto the screen to arrange the nodes in the correct hierarchical order. | Reading left to right, the top line is <head> and <body>. The bottom line is <title> and <div> | ||
| In the following code, what is the parent of world? | <p>Hello <em>world</em></p> | <em> | lessthan`em`greaterthan |
| How many children does <html> have? Answer with a numeral. | 2 | ||
| Code a child for the child of <head>. | <html> <head> <title></title> <head> </html> | My title | ^ *.+ *$ |
| Code the opening and closing tags for the second child of <html> | <body></body> | ^ *GeorgeStumpbodyLarryWells *JudyOwens\/bodyDennisLeadbetter *$ | |
| What is the first child of the second child of the second child of <body>? | <body> <div> <p>John</p> <p>Paul</p> <p>Ringo</p> </div> <div> <p>King</p> <p>Queen</p> <p>Prince</p> </div> </body> | Queen | ^ *Queen *$ |
| What is the parent of important? | <body> <div> <p>This is <strong>important</strong>.</p> <p>Whatever, Dude.</p> <p>I can't <em>emphasize</em> this enough!</p> </div> </body> | <strong> | ^ *GeorgeStumpstrongLarryWells *$ |
| What is the parent of the parent of the parent of emphasize? | <body> <div> <p>This is <strong>important</strong>.</p> <p>Whatever, Dude.</p> <p>I can't <em>emphasize</em> this enough!</p> </div> </body> | <div> | ^ *GeorgeStumpdivLarryWells *$ |
| What is the closing tag for the child of document? | </html> | ^ *GeorgeStump\/htmlLarryWells *$ | |
| Code a child for the child of <head>. | My title | ^ *.+ *$ | |
| Code the opening and closing tags for the second child of <html> | <body></body> | ^ *GeorgeStumpbodyLarryWells *JudyOwens\/bodyDennisLeadbetter *$ | |
| Time goal: 5 seconds. What is the first child of the second child of the second child of <body>? | <body> <div> <p>John</p> <p>Paul</p> <p>Ringo</p> </div> <div> <p>King</p> <p>Queen</p> <p>Prince</p> </div> </body> | Queen | ^ *Queen *$ |
| Time goal: 15 seconds. What is the parent of important? | <body> <div> <p>This is <strong>important</strong>.</p> <p>Whatever, Dude.</p> <p>I can't <em>emphasize</em> this enough!</p> </div> </body> | <strong> | ^ *GeorgeStumpstrongLarryWells *$ |
| Time goal: 5 seconds. What is the parent of the parent of the parent of emphasize? | <body> <div> <p>This is <strong>important</strong>.</p> <p>Whatever, Dude.</p> <p>I can't <em>emphasize</em> this enough!</p> </div> </body> | <div> | ^ *GeorgeStumpdivLarryWells *$ |
| http://jsfiddle.net/ASmarterWayToLearn/oeopc4jf/ | |||
| http://jsfiddle.net/ASmarterWayToLearn/yk8aq307/ |