|
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
|
2 <html> |
|
3 <head> |
|
4 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> |
|
5 <title>Spatial Navigation Test Cases</title> |
|
6 </head> |
|
7 <body> |
|
8 |
|
9 <div style="margin-left: 40px; text-align: center;"> |
|
10 <h1 style="text-align: left;">Spatial Navigation Fun</h1> |
|
11 <h2 style="text-align: left;">3x3 Centered Table Test</h2> |
|
12 </div> |
|
13 |
|
14 <table style="text-align: left; width: 100%; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2"> |
|
15 <tbody> |
|
16 <tr> |
|
17 <td style="vertical-align: top; text-align: center;"><a href="a">test</a></td> |
|
18 <td style="vertical-align: top; text-align: center;"><a href="a">test</a></td> |
|
19 <td style="vertical-align: top; text-align: center;"><a href="a">test</a></td> |
|
20 </tr> |
|
21 <tr> |
|
22 <td style="vertical-align: top; text-align: center;"><a href="a">test</a></td> |
|
23 <td style="vertical-align: top; text-align: center;"><a href="a">test</a></td> |
|
24 <td style="vertical-align: top; text-align: center;"><a href="a">test</a></td> |
|
25 </tr> |
|
26 <tr> |
|
27 <td style="vertical-align: top; text-align: center;"><a href="a">test</a></td> |
|
28 <td style="vertical-align: top; text-align: center;"><a href="a">test</a></td> |
|
29 <td style="vertical-align: top; text-align: center;"><a href="a">test</a></td> |
|
30 </tr> |
|
31 </tbody> |
|
32 </table> |
|
33 |
|
34 <div style="margin-left: 40px; text-align: left;"><br> |
|
35 |
|
36 <div style="text-align: left;"> |
|
37 <h2>Vertical Sine Test</h2><br> |
|
38 </div> |
|
39 |
|
40 <div style="text-align: left;"> |
|
41 <a href="a">test<br></a> |
|
42 </div> |
|
43 |
|
44 <div style="margin-left: 40px;"> |
|
45 <a href="a">test<br></a> |
|
46 </div> |
|
47 |
|
48 <div style="margin-left: 80px;"> |
|
49 <a href="a">test<br></a> |
|
50 </div> |
|
51 |
|
52 <div style="margin-left: 40px;"> |
|
53 <a href="a">test<br></a> |
|
54 </div> |
|
55 |
|
56 <a href="a">test<br></a> |
|
57 |
|
58 <div style="margin-left: 40px;"> |
|
59 <a href="a">test<br></a> |
|
60 </div> |
|
61 |
|
62 <div style="margin-left: 80px;"> |
|
63 <a href="a">test<br></a> |
|
64 </div> |
|
65 |
|
66 <div style="margin-left: 40px;"> |
|
67 <a href="a">test<br></a> |
|
68 </div> |
|
69 |
|
70 <a href="a">test<br></a> |
|
71 <a href="a">test<br></a> |
|
72 |
|
73 <h2>Increasing sentence length</h2> |
|
74 <a href="a">H</a><br> |
|
75 <a href="p">Ho<br></a> |
|
76 <a href="p">How<br></a> |
|
77 <a href="p">How <br></a> |
|
78 <a href="p">How N</a><br> |
|
79 <a href="p">How No</a><br> |
|
80 <a href="p">How Now</a><br> |
|
81 <a href="p">How Now </a><br> |
|
82 <a href="p">How Now B</a><br> |
|
83 <a href="p">How Now Br</a><br> |
|
84 <a href="p">How Now Bro</a><br> |
|
85 <a href="p">How Now Brow</a><br> |
|
86 <a href="p">How Now Brown</a><br> |
|
87 <a href="p">How Now Brown </a><br> |
|
88 <a href="p">How Now Brown C</a><br> |
|
89 <a href="p">How Now Brown Co</a><br> |
|
90 <a href="p">How Now Brown Cow</a><br> |
|
91 <br> |
|
92 |
|
93 <h2>Split sentence<br></h2><br> |
|
94 <a href="p">H</a> <a href="p">ow Now Brown Cow</a><br> |
|
95 <a href="p">Ho</a> <a href="p">w Now Brown Cow</a><br> |
|
96 <a href="p">How</a> <a href="p">Now Brown Cow</a><br> |
|
97 <a href="p">How N</a> <a href="p">ow Brown Cow</a><br> |
|
98 <a href="p">How No</a> <a href="p">w Brown Cow</a><br> |
|
99 <a href="p">How Now </a> <a href="p">Brown Cow</a><br> |
|
100 <a href="p">How Now B</a> <a href="p">rown Cow</a><br> |
|
101 <a href="p">How Now Br</a> <a href="p">own Cow</a><br> |
|
102 <a href="p">How Now Bro</a> <a href="p">wn Cow</a><br> |
|
103 <a href="p">How Now Brow</a> <a href="p">n Cow</a><br> |
|
104 <a href="p">How Now Brown</a> <a href="p">Cow</a><br> |
|
105 <a href="p">How Now Brown C</a> <a href="p">ow</a><br> |
|
106 <a href="p">How Now Brown Co</a> <a href="p">w</a><br> |
|
107 <a href="p">How Now Brown Cow</a><br><br> |
|
108 |
|
109 <h2>Line Wrap Test</h2><br> |
|
110 |
|
111 <table style="text-align: left; width: 393px; height: 72px;" border="1" cellpadding="2" cellspacing="2"> |
|
112 <tbody> |
|
113 <tr> |
|
114 <td style="vertical-align: top;"> |
|
115 <span class="huge"> |
|
116 <a href="a">Which of the following constanst do you like the most, one is g, one is pi, and the other is e. </a><br> |
|
117 </span> |
|
118 </td> |
|
119 |
|
120 <td style="vertical-align: top;"> |
|
121 <a href="a">3.14</a><br> |
|
122 <a href="a">2.71</a><br> |
|
123 <a href="a">6.67</a><br> |
|
124 </td> |
|
125 </tr> |
|
126 </tbody> |
|
127 </table><br> |
|
128 |
|
129 <h2>Javascript Focus/Blur Test</h2> |
|
130 When going to any link from the following link, you should see a dialog.<br><br> |
|
131 <a href="a" onblur='alert("onBlurt")'>Test</a><br><br> |
|
132 |
|
133 <h2>IFrames</h2><br> |
|
134 <iframe src="links.html"></iframe><br><br><br> |
|
135 |
|
136 <h2>DIVs</h2><br> |
|
137 <div id=v> |
|
138 <a href="a">a</a> |
|
139 <div id="Div1"> |
|
140 <a href="a">b</a> |
|
141 </div> |
|
142 <a href="a">c</a> |
|
143 </div><br><br> |
|
144 <a href="last">last</a> |
|
145 </div> |
|
146 </body> |
|
147 </html> |