Guest User

fragment

a guest
Jun 16th, 2013
203
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 49.99 KB | None | 0 0
  1. Version:1.0
  2. StartHTML:000000174
  3. EndHTML:000051190
  4. StartFragment:000022253
  5. EndFragment:000051158
  6. StartSelection:000022253
  7. EndSelection:000051158
  8. SourceURL:about:blank
  9. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  10. <HTML lang=en-us style="HEIGHT: 100%"><HEAD><TITLE>W3Schools Online Web Tutorials</TITLE><BASE
  11. href="http://www.w3schools.com/"><LINK rel="shortcut icon" type=image/x-icon
  12. href="favicon.ico">
  13. <SCRIPT type=text/javascript
  14. src="http://www.google.com/cse/cse.js?cx=012971019331610648934:m2tou3_miwy"
  15. async="true"></SCRIPT>
  16.  
  17. <SCRIPT>
  18. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  19. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' %3E%3C/script%3E"));
  20. </SCRIPT>
  21.  
  22. <SCRIPT src="http://www.google-analytics.com/ga.js"></SCRIPT>
  23.  
  24. <SCRIPT>
  25. function searchfield_focus(obj)
  26. {
  27. obj.style.color=""
  28. obj.style.fontStyle=""
  29. if (obj.value=="Search w3schools.com")
  30.     {
  31.     obj.value=""
  32.     }
  33. }
  34. function show_header(n)
  35. {
  36. document.getElementById('headerdiv1').style.display='none';
  37. document.getElementById('headerdiv2').style.display='none';
  38. document.getElementById('headerdiv3').style.display='none';
  39. document.getElementById('arrowraquo1').style.background='';
  40. document.getElementById('arrowraquo2').style.background='';
  41. document.getElementById('arrowraquo3').style.background='';
  42. document.getElementById('arrowraquo1').style.color='#333333';
  43. document.getElementById('arrowraquo2').style.color='#333333';
  44. document.getElementById('arrowraquo3').style.color='#333333';
  45. document.getElementById('arrowhr1').style.background='#d4d4d4';
  46. document.getElementById('arrowhr2').style.background='#d4d4d4';
  47. document.getElementById('arrowhr3').style.background='#d4d4d4';
  48. document.getElementById('arrowraquo' + n).style.background='#ff4800';
  49. document.getElementById('arrowraquo'+ n).style.color='#ffffff';
  50. document.getElementById('arrowhr' + n).style.background='#ff4800';
  51. document.getElementById('headerdiv' + n).style.display='block';
  52. }
  53. var pageTracker = _gat._getTracker("UA-3855518-1");
  54. pageTracker._initData();
  55. pageTracker._trackPageview();
  56. </SCRIPT>
  57.  
  58. <STYLE type=text/css>
  59. html{overflow-y:scroll;}
  60.  
  61. body,p,h1,h2,h3,h4,table,td,th,ul,ol,textarea,input
  62. {
  63. font-family:verdana,helvetica,arial,sans-serif;
  64. }
  65. table,th,td,input,textarea
  66. {
  67. font-size:100%;
  68. }
  69. h1 {font-size:190%;margin-top:0px;font-weight:normal}
  70. h2 {font-size:160%;margin-top:10px;margin-bottom:10px;font-weight:normal}
  71. h3 {font-size:120%;font-weight:normal}
  72. h4 {font-size:100%;}
  73. h5 {font-size:90%;}
  74. h6 {font-size:80%;}
  75.  
  76. hr
  77. {
  78. background-color:#d4d4d4;
  79. color:#d4d4d4;
  80. height:1px;
  81. border:0px;
  82. clear:both;
  83. }
  84. img
  85. {
  86. border:0
  87. }
  88.  
  89. h2.left
  90. {
  91. color:#404040;
  92. background-color:#ffffff;
  93. font-size:120%;
  94. margin-bottom:4px;
  95. padding-bottom:0px;
  96. margin-top:0px;
  97. padding-top:0px;
  98. font-weight:bold;
  99. }
  100.  
  101. #footer
  102. {
  103. margin:0px;
  104. padding:20px;
  105. padding-top:0;
  106. padding-bottom:10px;
  107. color:#909090;
  108. font-size:90%;
  109. text-align:center;
  110. }
  111.  
  112. #leftcolumn a:link,#leftcolumn a:visited {text-decoration:none;color:black;background-color:transparent}
  113. #leftcolumn a:hover,#leftcolumn a:active {text-decoration:underline;color:black;background-color:transparent}
  114.  
  115. #frontbottomlinks a:link,#frontbottomlinks a:visited,#footer a:link,#footer a:visited {text-decoration:none;color:#404040;background-color:transparent}
  116. #frontbottomlinks a:hover,#frontbottomlinks a:active,#footer a:hover,#footer a:active {text-decoration:underline;color:#404040;background-color:transparent}
  117.  
  118. span.left_h2 {color:#92B901;}
  119.  
  120. body
  121. {
  122. font-size:12px;
  123. color:#555555;
  124. background-color:#ffffff;
  125. margin:0px;
  126. background-image:none;
  127. }
  128. iframe {margin:0px;}
  129. div {width:100%;}
  130.  
  131. div
  132. {
  133. margin:0;
  134. padding:0; 
  135. }
  136.  
  137. #maincolumn a:link,#maincolumn a:visited {text-decoration:none;color:#404040;background-color:transparent}
  138. #maincolumn a:hover,#maincolumn a:active {text-decoration:underline;color:#404040;background-color:transparent}
  139.  
  140. #maincolumn
  141. {
  142. font-size:13px;
  143. width:780px;
  144. padding-bottom:8px;
  145. padding-left:4px;
  146. float:left
  147. }
  148.  
  149. #leftcolumn
  150. {
  151. width:170px;
  152. margin-left:4px;
  153. margin-top:4px;
  154. float:left;
  155. }
  156.  
  157. #leftcolumn h2
  158. {
  159. font-size:120%;
  160. }
  161.  
  162. #headerdiv1 h1,#headerdiv2 h1,#headerdiv3 h1
  163. {
  164. font-size:30px;
  165. font-family:arial;
  166. font-weight:bolder;
  167. }
  168.  
  169. #headerdiv1 h1 a,#headerdiv2 h1 a,#headerdiv3 h1 a
  170. {
  171. text-decoration:none;
  172. color:#555555;
  173. }
  174.  
  175. #frontbox
  176. {
  177. background-image:url('images/frontbox.jpg');
  178. margin-left:6px;
  179. padding-top:7px;
  180. width:256px;
  181. height:220px;
  182. float:left;
  183. }
  184.  
  185. #frontbox h2
  186. {
  187. text-align:center;
  188. font-weight:bolder;
  189. font-size:130%;
  190. font-family:Arial;
  191. margin:0px;
  192. }
  193.  
  194. #frontbox ul
  195. {
  196. list-style-type:square;
  197. color:#ff4800;
  198. margin:0;
  199. margin-top:16px;
  200. margin-left:20px;
  201. padding:0;
  202. overflow:hidden;
  203. width:100px;
  204. float:left;
  205. }
  206.  
  207. #frontbox ul li
  208. {
  209. margin-left:15px;
  210. }
  211.  
  212. #frontbox ul li a
  213. {
  214. display:block;
  215. background-color:#dddddd;
  216. }
  217.  
  218. h2.frontheader
  219. {
  220. color:#404040;
  221. font-weight:bold;
  222. font-size:145%;
  223. font-family:Arial;
  224. margin-left:0px;
  225. margin-bottom:10px;
  226. }
  227.  
  228. .frontraquo
  229. {
  230. font-weight:bold;
  231. color:#ff4800;
  232. }
  233.  
  234. #frontbottomlinks h3
  235. {
  236. margin:0px;
  237. margin-left:12px;
  238. margin-bottom:5px;
  239. font-size:14px;
  240. font-weight:bold;
  241. color:#555555;
  242. }
  243.  
  244. #frontbottomlinks a
  245. {
  246. font-size:11px;
  247. color:#555555;
  248. text-decoration:none;
  249. }
  250.  
  251. #socialmedia a
  252. {
  253. font-size:12px;
  254. color:#555555;
  255. text-decoration:none;
  256. font-family:verdana;
  257. }
  258.  
  259. #socialmedia .goog-te-gadget-simple
  260. {
  261. border:none;border:1px solid #d3d3d3;background-color:#f1f1f1;height:22px;
  262. }
  263.  
  264. #frontbottomlinks
  265. {
  266. margin-top:24px;
  267. border-top:2px solid #dddddd;
  268. margin-left:4px;
  269. }
  270.  
  271. .arrowdiv
  272. {
  273. cursor:pointer;
  274. }
  275.  
  276. .arrowraquo
  277. {
  278. font-weight:bold;color:#333333;
  279. }
  280.  
  281. #tryit_box
  282. {
  283. margin-top:30px;
  284. margin-left:15px;
  285. width:370px;
  286. float:left;
  287. }
  288. #searchTranslate
  289. {
  290. width:450px;float:right;text-align:right;margin-top:45px;margin-right:14px;margin-bottom:5px;
  291. }
  292.  
  293. .googleTranslateElement
  294. {
  295. float:right;width:150px;
  296. }
  297.  
  298. #searchform
  299. {
  300. margin:0px;padding:0px;margin-left:30px;float:right;font-size:11px;
  301. }
  302.  
  303. #as_q
  304. {
  305. border:1px solid #d3d3d3;padding:0px;height:20px;width:150px;margin:0px;padding-left:2px;
  306. }
  307.  
  308.  
  309. #google_translate_element .goog-te-gadget-simple
  310. {
  311. margin:0px;border:1px solid #d3d3d3;height:20px;padding:0px;
  312. }
  313.  
  314. #google_translate_element a
  315. {
  316. text-decoration:none;
  317. font-family:verdana;
  318. padding-top:0px;
  319. }
  320.  
  321. #google_translate_element a:hover
  322. {
  323. color:#222222;
  324. }
  325.  
  326. </STYLE>
  327.  
  328. <STYLE type=text/css>
  329. #frontbox ul
  330. {
  331. padding:0px;
  332. }
  333. </STYLE>
  334.  
  335. <SCRIPT>
  336.   (function() {
  337.     var cx = '012971019331610648934:m2tou3_miwy';
  338.     var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
  339.     gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
  340.         '//www.google.com/cse/cse.js?cx=' + cx;
  341.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
  342.   })();
  343. </SCRIPT>
  344.  
  345. <STYLE>
  346. div.cse .gsc-control-cse, div.gsc-control-cse {
  347. background-color: transparent;
  348. border: none;
  349. }
  350.  
  351. .cse input.gsc-search-button, input.gsc-search-button {
  352. border: 1px solid #666;
  353. background-color: #555555;
  354. background-image:none;
  355. }
  356.  
  357. div.gsc-selected-option-container {
  358. max-width: 50%;
  359. padding: 0;
  360. }
  361.  
  362. div.gsc-option-menu {
  363. width: 200px;
  364. }
  365.  
  366. div.gsc-option-menu-item {
  367. width: 140px;
  368. }
  369.  
  370. td.gsc-search-button input.gsc-search-button {
  371. border-color: #555555;
  372. background-color: #555555;
  373. background-image: none;
  374. }
  375. </STYLE>
  376.  
  377. <SCRIPT type=text/javascript
  378. src="http://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7B%22name%22%3A%22search%22%2C%22version%22%3A%221.0%22%2C%22callback%22%3A%22__gcse.scb%22%2C%22style%22%3A%22http%3A%2F%2Fwww.google.com%2Fcse%2Fstyle%2Flook%2Fv2%2Fdefault.css%22%2C%22language%22%3A%22en%22%7D%2C%7B%22name%22%3A%22ads%22%2C%22version%22%3A%223%22%2C%22packages%22%3A%5B%22search%22%5D%2C%22callback%22%3A%22__gcse.sacb%22%7D%5D%7D"></SCRIPT>
  379. <LINK rel=stylesheet type=text/css
  380. href="http://www.google.com/uds/api/search/1.0/5530b85faafd53e1d394092d8d1eb26a/default+en.css"><LINK
  381. rel=stylesheet type=text/css
  382. href="http://www.google.com/cse/style/look/v2/default.css">
  383. <SCRIPT type=text/javascript
  384. src="http://www.google.com/uds/api/search/1.0/5530b85faafd53e1d394092d8d1eb26a/default+en.I.js"></SCRIPT>
  385.  
  386. <SCRIPT type=text/javascript
  387. src="http://www.google.com/uds/api/ads/3.0/b6e468a92234689b8effe6d84a624cf7/search.I.js"></SCRIPT>
  388. <LINK rel=stylesheet type=text/css
  389. href="http://translate.googleapis.com/translate_static/css/translateelement.css"
  390. charset=UTF-8>
  391. <SCRIPT type=text/javascript charset=UTF-8
  392. src="http://translate.googleapis.com/translate_static/js/element/main_de.js"></SCRIPT>
  393.  
  394. <SCRIPT type=text/javascript charset=UTF-8
  395. src="http://translate.googleapis.com/translate_static/js/element/16/element_main.js"></SCRIPT>
  396.  
  397. <STYLE type=text/css>.gsc-control-cse {
  398.     FONT-FAMILY: Arial, sans-serif; BORDER-TOP-COLOR: #ffffff; BORDER-BOTTOM-COLOR: #ffffff; BORDER-RIGHT-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff; BORDER-LEFT-COLOR: #ffffff
  399. }
  400. .gsc-control-cse .gsc-table-result {
  401.     FONT-FAMILY: Arial, sans-serif
  402. }
  403. INPUT.gsc-input {
  404.     BORDER-TOP-COLOR: #d9d9d9; BORDER-BOTTOM-COLOR: #d9d9d9; BORDER-RIGHT-COLOR: #d9d9d9; BORDER-LEFT-COLOR: #d9d9d9
  405. }
  406. .gsc-input-box {
  407.     BORDER-TOP-COLOR: #d9d9d9; BORDER-BOTTOM-COLOR: #d9d9d9; BORDER-RIGHT-COLOR: #d9d9d9; BORDER-LEFT-COLOR: #d9d9d9
  408. }
  409. .gsc-input-box-hover {
  410.     BORDER-TOP-COLOR: #d9d9d9; BORDER-BOTTOM-COLOR: #d9d9d9; BORDER-RIGHT-COLOR: #d9d9d9; BORDER-LEFT-COLOR: #d9d9d9
  411. }
  412. .gsc-input-box-focus {
  413.     BORDER-TOP-COLOR: #d9d9d9; BORDER-BOTTOM-COLOR: #d9d9d9; BORDER-RIGHT-COLOR: #d9d9d9; BORDER-LEFT-COLOR: #d9d9d9
  414. }
  415. INPUT.gsc-search-button {
  416.     BORDER-TOP-COLOR: #2f5bb7; BACKGROUND-IMAGE: none; BORDER-BOTTOM-COLOR: #2f5bb7; FILTER: none; BORDER-RIGHT-COLOR: #2f5bb7; BACKGROUND-COLOR: #357ae8; BORDER-LEFT-COLOR: #2f5bb7
  417. }
  418. INPUT.gsc-search-button:hover {
  419.     BORDER-TOP-COLOR: #2f5bb7; BACKGROUND-IMAGE: none; BORDER-BOTTOM-COLOR: #2f5bb7; FILTER: none; BORDER-RIGHT-COLOR: #2f5bb7; BACKGROUND-COLOR: #357ae8; BORDER-LEFT-COLOR: #2f5bb7
  420. }
  421. INPUT.gsc-search-button:focus {
  422.     BORDER-TOP-COLOR: #2f5bb7; BACKGROUND-IMAGE: none; BORDER-BOTTOM-COLOR: #2f5bb7; FILTER: none; BORDER-RIGHT-COLOR: #2f5bb7; BACKGROUND-COLOR: #357ae8; BORDER-LEFT-COLOR: #2f5bb7
  423. }
  424. .gsc-tabhInactive.gsc-tabHeader {
  425.     BORDER-TOP-COLOR: #cccccc; BORDER-BOTTOM-COLOR: #cccccc; BORDER-RIGHT-COLOR: #cccccc; BACKGROUND-COLOR: #ffffff; BORDER-LEFT-COLOR: #cccccc
  426. }
  427. .gsc-tabhActive.gsc-tabHeader {
  428.     BORDER-TOP-COLOR: #cccccc; BORDER-BOTTOM-COLOR: #ffffff; BORDER-RIGHT-COLOR: #cccccc; BACKGROUND-COLOR: #ffffff; BORDER-LEFT-COLOR: #cccccc
  429. }
  430. .gsc-tabsArea {
  431.     BORDER-TOP-COLOR: #cccccc; BORDER-BOTTOM-COLOR: #cccccc; BORDER-RIGHT-COLOR: #cccccc; BORDER-LEFT-COLOR: #cccccc
  432. }
  433. .gsc-result.gsc-webResult {
  434.     BORDER-TOP-COLOR: #ffffff; BORDER-BOTTOM-COLOR: #ffffff; BORDER-RIGHT-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff; BORDER-LEFT-COLOR: #ffffff
  435. }
  436. .gsc-results .gsc-imageResult {
  437.     BORDER-TOP-COLOR: #ffffff; BORDER-BOTTOM-COLOR: #ffffff; BORDER-RIGHT-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff; BORDER-LEFT-COLOR: #ffffff
  438. }
  439. .gsc-result.gsc-webResult:hover {
  440.     BORDER-TOP-COLOR: #ffffff; BORDER-BOTTOM-COLOR: #ffffff; BORDER-RIGHT-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff; BORDER-LEFT-COLOR: #ffffff
  441. }
  442. .gsc-imageResult:hover {
  443.     BORDER-TOP-COLOR: #ffffff; BORDER-BOTTOM-COLOR: #ffffff; BORDER-RIGHT-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff; BORDER-LEFT-COLOR: #ffffff
  444. }
  445. .gs-result.gs-webResult A.gs-title:link {
  446.     COLOR: #1155cc
  447. }
  448. .gs-result.gs-webResult A.gs-title:link B {
  449.     COLOR: #1155cc
  450. }
  451. .gs-imageResult A.gs-title:link {
  452.     COLOR: #1155cc
  453. }
  454. .gs-imageResult A.gs-title:link B {
  455.     COLOR: #1155cc
  456. }
  457. .gs-result.gs-webResult A.gs-title:visited {
  458.     COLOR: #1155cc
  459. }
  460. .gs-result.gs-webResult A.gs-title:visited B {
  461.     COLOR: #1155cc
  462. }
  463. .gs-imageResult A.gs-title:visited {
  464.     COLOR: #1155cc
  465. }
  466. .gs-imageResult A.gs-title:visited B {
  467.     COLOR: #1155cc
  468. }
  469. .gs-result.gs-webResult A.gs-title:hover {
  470.     COLOR: #1155cc
  471. }
  472. .gs-result.gs-webResult A.gs-title:hover B {
  473.     COLOR: #1155cc
  474. }
  475. .gs-imageResult A.gs-title:hover {
  476.     COLOR: #1155cc
  477. }
  478. .gs-imageResult A.gs-title:hover B {
  479.     COLOR: #1155cc
  480. }
  481. .gs-result.gs-webResult A.gs-title:active {
  482.     COLOR: #1155cc
  483. }
  484. .gs-result.gs-webResult A.gs-title:active B {
  485.     COLOR: #1155cc
  486. }
  487. .gs-imageResult A.gs-title:active {
  488.     COLOR: #1155cc
  489. }
  490. .gs-imageResult A.gs-title:active B {
  491.     COLOR: #1155cc
  492. }
  493. .gsc-cursor-page {
  494.     COLOR: #1155cc
  495. }
  496. A.gsc-trailing-more-results:link {
  497.     COLOR: #1155cc
  498. }
  499. .gs-webResult .gs-snippet {
  500.     COLOR: #333333
  501. }
  502. .gs-imageResult .gs-snippet {
  503.     COLOR: #333333
  504. }
  505. .gs-fileFormatType {
  506.     COLOR: #333333
  507. }
  508. .gs-webResult DIV.gs-visibleUrl {
  509.     COLOR: #009933
  510. }
  511. .gs-imageResult DIV.gs-visibleUrl {
  512.     COLOR: #009933
  513. }
  514. .gs-webResult DIV.gs-visibleUrl-short {
  515.     COLOR: #009933
  516. }
  517. .gs-webResult DIV.gs-visibleUrl-short {
  518.     DISPLAY: none
  519. }
  520. .gs-webResult DIV.gs-visibleUrl-long {
  521.     DISPLAY: block
  522. }
  523. .gs-promotion DIV.gs-visibleUrl-short {
  524.     DISPLAY: none
  525. }
  526. .gs-promotion DIV.gs-visibleUrl-long {
  527.     DISPLAY: block
  528. }
  529. .gsc-cursor-box {
  530.     BORDER-TOP-COLOR: #ffffff; BORDER-BOTTOM-COLOR: #ffffff; BORDER-RIGHT-COLOR: #ffffff; BORDER-LEFT-COLOR: #ffffff
  531. }
  532. .gsc-results .gsc-cursor-box .gsc-cursor-page {
  533.     BORDER-TOP-COLOR: #cccccc; COLOR: #1155cc; BORDER-BOTTOM-COLOR: #cccccc; BORDER-RIGHT-COLOR: #cccccc; BACKGROUND-COLOR: #ffffff; BORDER-LEFT-COLOR: #cccccc
  534. }
  535. .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  536.     BORDER-TOP-COLOR: #cccccc; COLOR: #1155cc; BORDER-BOTTOM-COLOR: #cccccc; BORDER-RIGHT-COLOR: #cccccc; BACKGROUND-COLOR: #ffffff; BORDER-LEFT-COLOR: #cccccc
  537. }
  538. .gsc-promotion.gsc-result.gsc-webResult {
  539.     BORDER-TOP-COLOR: #f6f6f6; BORDER-BOTTOM-COLOR: #f6f6f6; BORDER-RIGHT-COLOR: #f6f6f6; BACKGROUND-COLOR: #f6f6f6; BORDER-LEFT-COLOR: #f6f6f6
  540. }
  541. .gsc-completion-title {
  542.     COLOR: #1155cc
  543. }
  544. .gsc-completion-snippet {
  545.     COLOR: #333333
  546. }
  547. .gs-promotion A.gs-title:link {
  548.     COLOR: #1155cc
  549. }
  550. .gs-promotion A.gs-title:link * {
  551.     COLOR: #1155cc
  552. }
  553. .gs-promotion .gs-snippet A:link {
  554.     COLOR: #1155cc
  555. }
  556. .gs-promotion A.gs-title:visited {
  557.     COLOR: #1155cc
  558. }
  559. .gs-promotion A.gs-title:visited * {
  560.     COLOR: #1155cc
  561. }
  562. .gs-promotion .gs-snippet A:visited {
  563.     COLOR: #1155cc
  564. }
  565. .gs-promotion A.gs-title:hover {
  566.     COLOR: #1155cc
  567. }
  568. .gs-promotion A.gs-title:hover * {
  569.     COLOR: #1155cc
  570. }
  571. .gs-promotion .gs-snippet A:hover {
  572.     COLOR: #1155cc
  573. }
  574. .gs-promotion A.gs-title:active {
  575.     COLOR: #1155cc
  576. }
  577. .gs-promotion A.gs-title:active * {
  578.     COLOR: #1155cc
  579. }
  580. .gs-promotion .gs-snippet A:active {
  581.     COLOR: #1155cc
  582. }
  583. .gs-promotion .gs-snippet {
  584.     COLOR: #333333
  585. }
  586. .gs-promotion .gs-title .gs-promotion-title-right {
  587.     COLOR: #333333
  588. }
  589. .gs-promotion .gs-title .gs-promotion-title-right * {
  590.     COLOR: #333333
  591. }
  592. .gs-promotion .gs-visibleUrl {
  593.     COLOR: #009933
  594. }
  595. .gs-promotion .gs-visibleUrl-short {
  596.     COLOR: #009933
  597. }
  598. </STYLE>
  599.  
  600. <STYLE type=text/css>.gssb_c {
  601.     BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; POSITION: absolute; Z-INDEX: 989; BORDER-TOP-WIDTH: 0px
  602. }
  603. .gssb_e {
  604.     CURSOR: default; BORDER-TOP: #d9d9d9 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; -ms-box-shadow: 0 2px 4px rgba(0,0,0,0.2); box-shadow: 0 2px 4px rgba(0,0,0,0.2)
  605. }
  606. .gssb_f {
  607.     WHITE-SPACE: nowrap; VISIBILITY: hidden
  608. }
  609. .gssb_k {
  610.     BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; POSITION: absolute; Z-INDEX: 988; DISPLAY: block; TOP: 0px; BORDER-TOP-WIDTH: 0px
  611. }
  612. .gsdd_a {
  613.     BORDER-TOP-STYLE: none !important; BORDER-LEFT-STYLE: none !important; BORDER-BOTTOM-STYLE: none !important; BORDER-RIGHT-STYLE: none !important
  614. }
  615. .gsib_a {
  616.     PADDING-BOTTOM: 0px; PADDING-TOP: 4px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; WIDTH: 100%
  617. }
  618. .gsib_a {
  619.     VERTICAL-ALIGN: top
  620. }
  621. .gsib_b {
  622.     VERTICAL-ALIGN: top
  623. }
  624. .gssb_a {
  625.     PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 7px; PADDING-RIGHT: 7px
  626. }
  627. .gssb_a {
  628.     OVERFLOW: hidden; WHITE-SPACE: nowrap; LINE-HEIGHT: 22px
  629. }
  630. .gssb_a TD {
  631.     OVERFLOW: hidden; WHITE-SPACE: nowrap; LINE-HEIGHT: 22px
  632. }
  633. #gssb_b {
  634.     FONT-SIZE: 11px; COLOR: #36c; TEXT-DECORATION: none
  635. }
  636. #gssb_b:hover {
  637.     FONT-SIZE: 11px; COLOR: #36c; TEXT-DECORATION: underline
  638. }
  639. .gssb_g {
  640.     POSITION: relative; PADDING-BOTTOM: 7px; TEXT-ALIGN: center; PADDING-TOP: 8px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px
  641. }
  642. .gssb_h {
  643.     FONT-SIZE: 15px; HEIGHT: 28px; MARGIN: 0.2em
  644. }
  645. .gssb_i {
  646.     BACKGROUND: #eee
  647. }
  648. .gss_ifl {
  649.     PADDING-LEFT: 5px; VISIBILITY: hidden
  650. }
  651. .gssb_i .gss_ifl {
  652.     VISIBILITY: visible
  653. }
  654. A.gssb_j {
  655.     FONT-SIZE: 13px; COLOR: #36c; TEXT-DECORATION: none; LINE-HEIGHT: 100%
  656. }
  657. A.gssb_j:hover {
  658.     TEXT-DECORATION: underline
  659. }
  660. .gssb_l {
  661.     HEIGHT: 1px; BACKGROUND-COLOR: #e5e5e5
  662. }
  663. .gssb_m {
  664.     BACKGROUND: #fff; COLOR: #000
  665. }
  666. .gsq_a {
  667.     PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px
  668. }
  669. .gscsep_a {
  670.     DISPLAY: none
  671. }
  672. .gsfe_a {
  673.     BORDER-TOP: #a0a0a0 1px solid; BORDER-RIGHT: #b9b9b9 1px solid; BORDER-BOTTOM: #b9b9b9 1px solid; BORDER-LEFT: #b9b9b9 1px solid; -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1)
  674. }
  675. .gsfe_b {
  676.     BORDER-TOP: #4d90fe 1px solid; BORDER-RIGHT: #4d90fe 1px solid; BORDER-BOTTOM: #4d90fe 1px solid; OUTLINE-STYLE: none; BORDER-LEFT: #4d90fe 1px solid; -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3)
  677. }
  678. .gscb_a {
  679.     FONT: 27px/13px arial,sans-serif; DISPLAY: inline-block
  680. }
  681. .gsst_a .gscb_a {
  682.     CURSOR: pointer; COLOR: #a1b9ed
  683. }
  684. .gsst_a:hover .gscb_a {
  685.     COLOR: #36c
  686. }
  687. .gsst_a:focus .gscb_a {
  688.     COLOR: #36c
  689. }
  690. .gsst_a {
  691.     DISPLAY: inline-block
  692. }
  693. .gsst_a {
  694.     CURSOR: pointer; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px
  695. }
  696. .gsst_a:hover {
  697.     TEXT-DECORATION: none !important
  698. }
  699. .gsst_b {
  700.     FONT-SIZE: 16px; WHITE-SPACE: nowrap; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; user-select: none; -ms-user-select: none
  701. }
  702. .gsst_e {
  703.     FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=55)
  704. }
  705. .gsst_a:hover .gsst_e {
  706.     FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=72)
  707. }
  708. .gsst_a:focus .gsst_e {
  709.     FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=72)
  710. }
  711. .gsst_a:active .gsst_e {
  712.     FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=100)
  713. }
  714. .gsst_f {
  715.     BACKGROUND: white; TEXT-ALIGN: left
  716. }
  717. .gsst_g {
  718.     BORDER-TOP: #d9d9d9 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; MARGIN: -1px -3px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 6px; BACKGROUND-COLOR: white; -ms-box-shadow: 0 2px 4px rgba(0,0,0,0.2); box-shadow: 0 2px 4px rgba(0,0,0,0.2)
  719. }
  720. .gsst_h {
  721.     MARGIN-BOTTOM: -1px; HEIGHT: 1px; POSITION: relative; TOP: -1px; BACKGROUND-COLOR: white
  722. }
  723. .gssb_a {
  724.     PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px
  725. }
  726. .gsib_a {
  727.     PADDING-LEFT: 8px; PADDING-RIGHT: 8px
  728. }
  729. .gsst_a {
  730.     PADDING-TOP: 3px
  731. }
  732. .gssb_e {
  733.     BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-TOP-WIDTH: 0px
  734. }
  735. .gssb_l {
  736.     MARGIN: 5px 0px
  737. }
  738. .gssb_c .gsc-completion-container {
  739.     POSITION: static
  740. }
  741. .gssb_c {
  742.     Z-INDEX: 5000
  743. }
  744. .gsc-completion-container TABLE {
  745.     FONT-FAMILY: inherit; BACKGROUND: none transparent scroll repeat 0% 0%
  746. }
  747. .gssb_c > TBODY > TR {
  748.     BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px
  749. }
  750. .gssb_c > TBODY > TR > TD {
  751.     BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px
  752. }
  753. .gssb_d {
  754.     BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px
  755. }
  756. .gssb_d > TBODY > TR {
  757.     BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px
  758. }
  759. .gssb_d > TBODY > TR > TD {
  760.     BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px
  761. }
  762. .gssb_e {
  763.     BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px
  764. }
  765. .gssb_e > TBODY > TR {
  766.     BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px
  767. }
  768. .gssb_e > TBODY > TR > TD {
  769.     BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px
  770. }
  771. .gssb_a TABLE {
  772.     BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px
  773. }
  774. .gssb_a TABLE TR {
  775.     BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px
  776. }
  777. .gssb_a TABLE TR TD {
  778.     BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px
  779. }
  780. </STYLE>
  781. </HEAD>
  782. <BODY
  783. style="POSITION: relative; MIN-HEIGHT: 100%; TOP: 0px"><!--StartFragment--><!-- C93706302FC6C43D68362DE71550AD998 -->
  784. <DIV style="POSITION: relative; WIDTH: 100%"><A id=top></A>
  785. <DIV
  786. style="MARGIN-LEFT: auto; MARGIN-TOP: 5px; WIDTH: 960px; MARGIN-RIGHT: auto">
  787. <DIV
  788. style="HEIGHT: 189px; BACKGROUND-IMAGE: url(images/frontbanner960_2.jpg); BACKGROUND-REPEAT: no-repeat; POSITION: relative; MARGIN-TOP: 15px; WIDTH: 960px">
  789. <DIV
  790. style="FONT-SIZE: 10px; RIGHT: 8px; POSITION: absolute; TOP: 88px; WIDTH: 245px">
  791. <DIV
  792. style="FONT-SIZE: 11px; POSITION: absolute; COLOR: #ffffff; FONT-STYLE: italic; LEFT: 15px">Search
  793. w3schools.com:</DIV>
  794. <DIV id=___gcse_0>
  795. <DIV class="gsc-control-cse gsc-control-cse-en">
  796. <DIV class=gsc-control-wrapper-cse dir=ltr>
  797. <FORM class="gsc-search-box gsc-search-box-tools" accept-charset=utf-8>
  798. <TABLE class=gsc-search-box cellSpacing=0 cellPadding=0>
  799. <TBODY>
  800. <TR>
  801. <TD class=gsc-input>
  802. <DIV id=gsc-iw-id1 class=gsc-input-box>
  803. <TABLE id=gs_id0 class="gstl_0 "
  804. style="PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; WIDTH: 100%"
  805. cellSpacing=0 cellPadding=0>
  806. <TBODY>
  807. <TR>
  808. <TD id=gs_tti0 class=gsib_a><INPUT spellcheck=false id=gsc-i-id1 title=search
  809. class=gsc-input
  810. style="BORDER-TOP: medium none; HEIGHT: auto; BORDER-RIGHT: medium none; BACKGROUND: url(http://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif) #ffffff no-repeat left 50%; BORDER-BOTTOM: medium none; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 1px; MARGIN: 0px; BORDER-LEFT: medium none; OUTLINE-COLOR: invert; PADDING-RIGHT: 1px; WIDTH: 100%"
  811. dir=ltr size=10 autocomplete="off" autoComplete="off" nfd="true"></TD>
  812. <TD class=gsib_b>
  813. <DIV id=gs_st0 class=gsst_b dir=ltr><A class=gsst_a style="DISPLAY: none"
  814. href="javascript:void(0)"><SPAN id=gs_cb0
  815. class=gscb_a>×</SPAN></A></DIV></TD></TR></TBODY></TABLE></DIV></TD>
  816. <TD class=gsc-search-button><INPUT title=search
  817. class="gsc-search-button gsc-search-button-v2"
  818. src="http://www.google.com/uds/css/v2/search_box_icon.png" type=image></TD>
  819. <TD class=gsc-clear-button>
  820. <DIV title="clear results"
  821. class=gsc-clear-button> </DIV></TD></TR></TBODY></TABLE>
  822. <TABLE class=gsc-branding cellSpacing=0 cellPadding=0>
  823. <TBODY>
  824. <TR>
  825. <TD class=gsc-branding-user-defined></TD>
  826. <TD class=gsc-branding-text>
  827. <DIV class=gsc-branding-text>powered by</DIV></TD>
  828. <TD class=gsc-branding-img>
  829. <DIV class=gsc-branding-img
  830. style="HEIGHT: 15px; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.google.com/uds/css/small-logo.png'); WIDTH: 51px"></DIV></TD></TR></TBODY></TABLE></FORM>
  831. <DIV class=gsc-results-wrapper-overlay>
  832. <DIV tabIndex=0 class=gsc-results-close-btn></DIV>
  833. <DIV class=gsc-tabsAreaInvisible>
  834. <DIV class="gsc-tabHeader gsc-inline-block gsc-tabhActive">Custom
  835. Search</DIV><SPAN class=gs-spacer> </SPAN></DIV>
  836. <DIV class=gsc-tabsAreaInvisible></DIV>
  837. <DIV class=gsc-above-wrapper-area-invisible>
  838. <TABLE class=gsc-above-wrapper-area-container cellSpacing=0 cellPadding=0>
  839. <TBODY>
  840. <TR>
  841. <TD class=gsc-result-info-container>
  842. <DIV class=gsc-result-info-invisible></DIV></TD></TR></TBODY></TABLE></DIV>
  843. <DIV class=gsc-adBlockInvisible></DIV>
  844. <DIV class=gsc-wrapper>
  845. <DIV class=gsc-adBlockInvisible></DIV>
  846. <DIV class=gsc-resultsbox-invisible>
  847. <DIV class="gsc-resultsRoot gsc-tabData gsc-tabdActive">
  848. <TABLE class=gsc-resultsHeader cellSpacing=0 cellPadding=0>
  849. <TBODY>
  850. <TR>
  851. <TD class=gsc-twiddleRegionCell>
  852. <DIV class=gsc-twiddle>
  853. <DIV class=gsc-title>Web</DIV></DIV>
  854. <DIV class=gsc-stats></DIV>
  855. <DIV class="gsc-results-selector gsc-all-results-active">
  856. <DIV title="show one result" class="gsc-result-selector gsc-one-result"> </DIV>
  857. <DIV title="show more results"
  858. class="gsc-result-selector gsc-more-results"> </DIV>
  859. <DIV title="show all results"
  860. class="gsc-result-selector gsc-all-results"> </DIV></DIV></TD>
  861. <TD class=gsc-configLabelCell></TD></TR></TBODY></TABLE>
  862. <DIV>
  863. <DIV class=gsc-expansionArea></DIV></DIV></DIV></DIV></DIV></DIV>
  864. <DIV tabIndex=0
  865. class=gsc-modal-background-image></DIV></DIV></DIV></DIV></GCSE:SEARCH></DIV></DIV>
  866. <DIV style="WIDTH: 960px">
  867. <DIV id=leftcolumn>
  868. <H2 class=left><SPAN class=left_h2 style="COLOR: #92b901">HTML /
  869. CSS</SPAN></H2><A href="html/default.asp" target=_top>Learn HTML</A><BR><A
  870. href="html/html5_intro.asp" target=_top>Learn HTML5</A><BR><A
  871. href="css/default.asp" target=_top>Learn CSS</A><BR><A href="css3/default.asp"
  872. target=_top>Learn CSS3</A><BR><BR>
  873. <H2 class=left><SPAN class=left_h2
  874. style="COLOR: #92b901">JavaScript</SPAN></H2><A href="js/default.asp"
  875. target=_top>Learn JavaScript</A><BR><A href="htmldom/default.asp"
  876. target=_top>Learn HTML DOM</A><BR><A href="jquery/default.asp" target=_top>Learn
  877. jQuery</A><BR><A href="ajax/default.asp" target=_top>Learn AJAX</A><BR><A
  878. href="json/default.asp" target=_top>Learn JSON</A><BR><A
  879. href="googleAPI/default.asp" target=_top>Learn Google Maps</A><BR><BR>
  880. <H2 class=left><SPAN class=left_h2 style="COLOR: #92b901">Server
  881. Side</SPAN></H2><A href="php/default.asp" target=_top>Learn PHP</A><BR><A
  882. href="sql/default.asp" target=_top>Learn SQL</A><BR><A href="asp/default.asp"
  883. target=_top>Learn ASP</A><BR><A href="ado/default.asp" target=_top>Learn
  884. ADO</A><BR><A href="vbscript/default.asp" target=_top>Learn VBScript</A><BR><BR>
  885. <H2 class=left><SPAN class=left_h2 style="COLOR: #92b901">ASP.NET</SPAN></H2><A
  886. href="aspnet/default.asp" target=_top>Learn ASP.NET</A><BR><A
  887. href="aspnet/webpages_intro.asp" target=_top>Learn Web Pages</A><BR><A
  888. href="aspnet/razor_intro.asp" target=_top>Learn Razor</A><BR><A
  889. href="aspnet/mvc_intro.asp" target=_top>Learn MVC</A><BR><A
  890. href="aspnet/aspnet_intro.asp" target=_top>Learn Web Forms</A><BR><BR>
  891. <H2 class=left><SPAN class=left_h2 style="COLOR: #92b901">XML
  892. Tutorials</SPAN></H2><A href="xml/default.asp" target=_top>Learn XML</A><BR><A
  893. href="dtd/default.asp" target=_top>Learn DTD</A><BR><A href="dom/default.asp"
  894. target=_top>Learn XML DOM</A><BR><A href="xsl/default.asp" target=_top>Learn
  895. XSLT</A><BR><A href="xpath/default.asp" target=_top>Learn XPath</A><BR><A
  896. href="xquery/default.asp" target=_top>Learn XQuery</A><BR><A
  897. href="xlink/default.asp" target=_top>Learn XLink</A><BR><A
  898. href="xlink/default.asp" target=_top>Learn XPointer</A><BR><A
  899. href="schema/default.asp" target=_top>Learn Schema</A><BR><A
  900. href="xslfo/default.asp" target=_top>Learn XSL-FO</A><BR><A
  901. href="svg/default.asp" target=_top>Learn SVG</A><BR><BR>
  902. <H2 class=left><SPAN class=left_h2 style="COLOR: #92b901">Web
  903. Services</SPAN></H2><A href="webservices/default.asp" target=_top>Learn Web
  904. Services</A><BR><A href="wsdl/default.asp" target=_top>Learn WSDL</A><BR><A
  905. href="soap/default.asp" target=_top>Learn SOAP</A><BR><A href="rss/default.asp"
  906. target=_top>Learn RSS</A><BR><A href="rdf/default.asp" target=_top>Learn
  907. RDF</A><BR><BR>
  908. <H2 class=left><SPAN class=left_h2 style="COLOR: #92b901">Web
  909. Building</SPAN></H2><A href="web/default.asp" target=_top>Web Building</A><BR><A
  910. href="browsers/default.asp" target=_top>Web Browsers</A><BR><A
  911. href="cert/default.asp" target=_top>Web Certification</A><BR><A
  912. href="hosting/default.asp" target=_top>Web Hosting</A><BR><A
  913. href="tcpip/default.asp" target=_top>Web TCP/IP</A><BR><A href="w3c/default.asp"
  914. target=_top>Web W3C</A><BR><A href="quality/default.asp" target=_top>Web
  915. Quality</A><BR><BR></DIV>
  916. <DIV id=maincolumn><BR>
  917. <DIV style="FLOAT: left; PADDING-RIGHT: 5px; WIDTH: 509px">
  918. <DIV id=headerdiv1>
  919. <H1><A href="html/default.asp">Learn to Create Websites</A></H1>
  920. <DIV style="HEIGHT: 100px"><A href="html/default.asp"><IMG
  921. style="BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; FLOAT: left; BORDER-TOP-WIDTH: 0px; MARGIN-RIGHT: 10px"
  922. alt="Free Online Web Tutorials" src="images/icon_book.gif" width=74
  923. height=77></A> At w3schools.com you will learn how to make a website. We offer
  924. free tutorials in all web development technologies.<BR>Select a tutorial from
  925. the menu to the left.
  926. <DIV style="MARGIN-TOP: 7px; WIDTH: 350px"><A style="FONT-WEIGHT: bold"
  927. href="html/default.asp">Make your own Website <SPAN
  928. style="BACKGROUND: #ffffff; COLOR: #ff4800">»</SPAN></A> </DIV></DIV>
  929. <DIV style="CLEAR: both"></DIV></DIV>
  930. <DIV id=headerdiv2 style="DISPLAY: none">
  931. <H1><A href="sitemap/default.asp">Try it Yourself Examples</A></H1>
  932. <DIV style="HEIGHT: 100px"><A href="sitemap/default.asp"><IMG
  933. style="BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; FLOAT: left; BORDER-TOP-WIDTH: 0px; MARGIN-RIGHT: 10px"
  934. alt="Try it Yourself" src="images/icon_cut.gif" width=74 height=77></A> The best
  935. way to learn is to look at examples. At w3schools.com you can look at thousands
  936. of examples, experiment with the code, and see the result in your browser.
  937. <DIV style="MARGIN-TOP: 7px; WIDTH: 350px"><A class=dark
  938. style="FONT-WEIGHT: bold" href="sitemap/default.asp">Try it yourself examples
  939. <SPAN style="BACKGROUND: #ffffff; COLOR: #ff4800">»</SPAN></A> </DIV></DIV>
  940. <DIV style="CLEAR: both"></DIV></DIV>
  941. <DIV id=headerdiv3 style="DISPLAY: none">
  942. <H1><A href="sitemap/default.asp">Complete Web References</A></H1>
  943. <DIV style="HEIGHT: 100px"><A href="sitemap/default.asp"><IMG
  944. style="BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; FLOAT: left; BORDER-TOP-WIDTH: 0px; MARGIN-RIGHT: 10px"
  945. alt="Complete References" src="images/icon_doc.gif" width=74 height=77></A> At
  946. w3schools.com you will find complete references for all our topics. The
  947. references contain complete descriptions and examples for each tag, property,
  948. and method.
  949. <DIV style="MARGIN-TOP: 7px; WIDTH: 350px"><A class=dark
  950. style="FONT-WEIGHT: bold" href="sitemap/default.asp">Complete web references
  951. <SPAN style="BACKGROUND: #ffffff; COLOR: #ff4800">»</SPAN></A> </DIV></DIV>
  952. <DIV style="CLEAR: both"></DIV></DIV>
  953. <DIV style="MARGIN-LEFT: 3px; MARGIN-TOP: 3px">
  954. <DIV onclick=show_header(1) class=arrowdiv style="FLOAT: left; WIDTH: 165px">
  955. <DIV id=arrowraquo1 class=arrowraquo
  956. style="HEIGHT: 18px; FLOAT: left; FONT-WEIGHT: bold; COLOR: #ffffff; WIDTH: 13px; BACKGROUND-COLOR: #ff4800">»</DIV>
  957. <DIV style="MARGIN-LEFT: 2px">
  958. <HR id=arrowhr1 class=arrowhr
  959. style="BORDER-LEFT-WIDTH: 0px; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; POSITION: relative; COLOR: #ff4800; LEFT: 3px; BORDER-TOP-WIDTH: 0px; WIDTH: 145px; BOTTOM: 10px; BACKGROUND-COLOR: #ff4800">
  960. </DIV>
  961. <DIV
  962. style="FONT-FAMILY: arial; POSITION: relative; FLOAT: left; FONT-WEIGHT: bold; COLOR: #888888; TEXT-ALIGN: center; LEFT: 5px; BOTTOM: 4px">
  963. <DIV>Tutorials</DIV></DIV></DIV>
  964. <DIV onclick=show_header(2) class=arrowdiv style="FLOAT: left; WIDTH: 165px">
  965. <DIV id=arrowraquo2 class=arrowraquo
  966. style="FLOAT: left; FONT-WEIGHT: bold; WIDTH: 13px">»</DIV>
  967. <DIV style="MARGIN-LEFT: 2px">
  968. <HR id=arrowhr2 class=arrowhr2
  969. style="BORDER-LEFT-WIDTH: 0px; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; POSITION: relative; LEFT: 3px; BORDER-TOP-WIDTH: 0px; WIDTH: 145px; BOTTOM: 9px">
  970. </DIV>
  971. <DIV
  972. style="FONT-FAMILY: arial; POSITION: relative; FLOAT: left; FONT-WEIGHT: bold; COLOR: #888888; TEXT-ALIGN: center; LEFT: 5px; BOTTOM: 4px">
  973. <DIV>Try it Yourself</DIV></DIV></DIV>
  974. <DIV onclick=show_header(3) class=arrowdiv style="FLOAT: left; WIDTH: 165px">
  975. <DIV id=arrowraquo3 class=arrowraquo
  976. style="FLOAT: left; FONT-WEIGHT: bold; WIDTH: 13px">»</DIV>
  977. <DIV style="MARGIN-LEFT: 2px">
  978. <HR id=arrowhr3 class=arrowhr3
  979. style="BORDER-LEFT-WIDTH: 0px; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; POSITION: relative; LEFT: 3px; BORDER-TOP-WIDTH: 0px; WIDTH: 145px; BOTTOM: 9px">
  980. </DIV>
  981. <DIV
  982. style="FONT-FAMILY: arial; POSITION: relative; FLOAT: left; FONT-WEIGHT: bold; COLOR: #888888; TEXT-ALIGN: center; LEFT: 5px; BOTTOM: 4px">
  983. <DIV>References</DIV></DIV></DIV>
  984. <DIV style="CLEAR: both"></DIV></DIV></DIV>
  985. <DIV id=frontbox>
  986. <H2><A style="COLOR: #ffffff" href="sitemap/default.asp">WEB REFERENCES</A></H2>
  987. <UL>
  988. <LI><A href="tags/default.asp">HTML 4</A>
  989. <LI><A href="tags/default.asp">HTML 5</A>
  990. <LI><A href="dom/dom_nodetype.asp">XML DOM</A>
  991. <LI><A href="jsref/default.asp">JavaScript</A>
  992. <LI><A href="jsref/default.asp">HTML DOM</A>
  993. <LI><A href="jquery/jquery_ref_selectors.asp">jQuery</A>
  994. <LI><A href="sql/sql_quickref.asp">SQL</A> </LI></UL>
  995. <UL style="MARGIN-LEFT: 7px">
  996. <LI><A href="cssref/default.asp">CSS 1,2,3</A>
  997. <LI><A href="php/php_ref_array.asp">PHP</A>
  998. <LI><A href="xsl/xsl_w3celementref.asp">XSLT</A>
  999. <LI><A href="xpath/xpath_functions.asp">XPath</A>
  1000. <LI><A href="xslfo/xslfo_reference.asp">XSL-FO</A>
  1001. <LI><A href="tags/ref_colorpicker.asp">Color Picker</A>
  1002. <LI><A href="tags/ref_colornames.asp">HTML Colors</A> </LI></UL>
  1003. <UL style="MARGIN-TOP: 0px; WIDTH: 200px; MARGIN-RIGHT: 0px">
  1004. <LI><A href="cssref/css3_browsersupport.asp">CSS3 Browser Support</A>
  1005. </LI></UL></DIV>
  1006. <DIV id=tryit_box>
  1007. <DIV style="FLOAT: left; WIDTH: 60px"><A href="sitemap/default.asp"><IMG
  1008. style="BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN-TOP: 5px; BORDER-TOP-WIDTH: 0px; MARGIN-RIGHT: 10px"
  1009. alt=Examples src="images/icon_cut.gif" width=44 height=46></A> </DIV>
  1010. <DIV style="FLOAT: left; WIDTH: 300px">
  1011. <H2 class=frontheader><A href="sitemap/default.asp">Try it Yourself
  1012. Editor</A></H2>
  1013. <DIV>With our "Try it Yourself" editor you can experiment with HTML, CSS,
  1014. JavaScript, jQuery, XML, and see the result in your browser.
  1015. <DIV style="MARGIN-TOP: 7px; WIDTH: 200px"><A style="FONT-WEIGHT: bold"
  1016. href="sitemap/default.asp">Try it Yourself <SPAN class=frontraquo>»</SPAN></A>
  1017. </DIV></DIV></DIV></DIV>
  1018. <DIV style="FLOAT: left; MARGIN-LEFT: 23px; MARGIN-TOP: 30px; WIDTH: 370px">
  1019. <DIV style="FLOAT: left; WIDTH: 121px"><A href="cert/default.asp"><IMG
  1020. style="BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; MARGIN-RIGHT: 15px"
  1021. alt="w3schools Certificate" src="pic_cert.gif" width=100 height=135></A> </DIV>
  1022. <DIV style="FLOAT: left; WIDTH: 240px">
  1023. <H2 class=frontheader><A href="cert/default.asp">W3Schools Certificates</A></H2>
  1024. <DIV>w3schools.com offers an online certification program, where you can become
  1025. certified in the most popular web topics.
  1026. <DIV style="MARGIN-TOP: 7px; WIDTH: 200px"><A style="FONT-WEIGHT: bold"
  1027. href="cert/default.asp">Get Certified <SPAN class=frontraquo>»</SPAN></A>
  1028. </DIV></DIV></DIV></DIV>
  1029. <DIV style="FLOAT: left; MARGIN-LEFT: 55px; MARGIN-TOP: 35px; WIDTH: 200px">
  1030. <H2 class=frontheader>Popular Pages</H2>
  1031. <P style="MARGIN-TOP: 0px"><A href="html/html5_intro.asp"><SPAN
  1032. class=frontraquo>»</SPAN> HTML5 Tutorial</A><BR><A href="html/default.asp"><SPAN
  1033. class=frontraquo>»</SPAN> HTML Tutorial</A><BR><A href="css/default.asp"><SPAN
  1034. class=frontraquo>»</SPAN> CSS Tutorial</A><BR><A href="tags/default.asp"><SPAN
  1035. class=frontraquo>»</SPAN> HTML Reference</A><BR><A
  1036. href="cssref/default.asp"><SPAN class=frontraquo>»</SPAN> CSS 1,2,3
  1037. Reference</A><BR><A href="browsers/browsers_stats.asp"><SPAN
  1038. class=frontraquo>»</SPAN> Browser Statistics</A><BR><A
  1039. href="quiztest/quiztest.asp?qtest=HTML"><SPAN class=frontraquo>»</SPAN> Quiz
  1040. Tests</A> </P></DIV>
  1041. <DIV
  1042. style="BORDER-TOP: #d3d3d3 1px solid; BORDER-RIGHT: #d3d3d3 1px solid; BORDER-BOTTOM: #d3d3d3 1px solid; FLOAT: left; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 20px; MARGIN-LEFT: 65px; BORDER-LEFT: #d3d3d3 1px solid; MARGIN-TOP: 47px; PADDING-RIGHT: 0px; WIDTH: 400px; BACKGROUND-COLOR: #f1f1f1">
  1043. <DIV style="FLOAT: left; WIDTH: 130px; MARGIN-RIGHT: 15px"><A
  1044. href="html/html5_intro.asp"><IMG
  1045. style="BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-TOP-WIDTH: 0px"
  1046. alt=HTML5 src="images/html5_badge_128.gif" width=128 height=128></A> </DIV>
  1047. <DIV style="FLOAT: left; WIDTH: 210px">
  1048. <H2 class=frontheader style="MARGIN-TOP: 0px">HTML5</H2>
  1049. <DIV>w3schools.com was converted<BR>to HTML5 in October 2011.<BR><BR>
  1050. <DIV style="MARGIN-TOP: 7px; WIDTH: 200px"><A style="FONT-WEIGHT: bold"
  1051. href="html/html5_intro.asp">Visit our HTML5 tutorial <SPAN
  1052. class=frontraquo>»</SPAN></A> </DIV></DIV></DIV></DIV></DIV>
  1053. <DIV id=frontbottomlinks style="FONT-SIZE: 85%; FLOAT: left; WIDTH: 782px">
  1054. <DIV style="FLOAT: left; MARGIN-LEFT: 15px; MARGIN-TOP: 15px; WIDTH: 148px">
  1055. <H3>Examples</H3><A href="html/html_examples.asp"><SPAN
  1056. class=frontraquo>»</SPAN> HTML Examples</A><BR><A
  1057. href="css/css_examples.asp"><SPAN class=frontraquo>»</SPAN> CSS
  1058. Examples</A><BR><A href="xml/xml_examples.asp"><SPAN class=frontraquo>»</SPAN>
  1059. XML Examples</A><BR><A href="js/js_examples.asp"><SPAN class=frontraquo>»</SPAN>
  1060. JavaScript Examples</A><BR><A href="htmldom/dom_examples.asp"><SPAN
  1061. class=frontraquo>»</SPAN> HTML DOM Examples</A><BR><A
  1062. href="dom/dom_examples.asp"><SPAN class=frontraquo>»</SPAN> XML DOM
  1063. Examples</A><BR><A href="ajax/ajax_examples.asp"><SPAN class=frontraquo>»</SPAN>
  1064. AJAX Examples</A><BR><A href="aspnet/aspnet_examples.asp"><SPAN
  1065. class=frontraquo>»</SPAN> ASP.NET Examples</A><BR><A
  1066. href="aspnet/webpages_examples.asp"><SPAN class=frontraquo>»</SPAN> Razor
  1067. Examples</A><BR><A href="asp/asp_examples.asp"><SPAN class=frontraquo>»</SPAN>
  1068. ASP Examples</A><BR><A href="svg/svg_examples.asp"><SPAN
  1069. class=frontraquo>»</SPAN> SVG Examples</A> </DIV>
  1070. <DIV style="FLOAT: left; MARGIN-LEFT: 15px; MARGIN-TOP: 15px; WIDTH: 148px">
  1071. <H3>Character Sets</H3><A href="tags/ref_charactersets.asp"><SPAN
  1072. class=frontraquo>»</SPAN> HTML Character sets</A><BR><A
  1073. href="tags/ref_ascii.asp"><SPAN class=frontraquo>»</SPAN> HTML ASCII
  1074. Codes</A><BR><A href="tags/ref_entities.asp"><SPAN class=frontraquo>»</SPAN>
  1075. HTML ISO-8859-1</A><BR><A href="tags/ref_symbols.asp"><SPAN
  1076. class=frontraquo>»</SPAN> HTML Symbols</A><BR>
  1077. <H3 style="MARGIN-TOP: 20px">Books</H3><A href="books/default.asp"><SPAN
  1078. class=frontraquo>»</SPAN> Learn HTML and CSS</A><BR><A
  1079. href="books/default.asp"><SPAN class=frontraquo>»</SPAN> Learn CSS</A><BR><A
  1080. href="books/default.asp"><SPAN class=frontraquo>»</SPAN> JavaScript and Ajax</A>
  1081. </DIV>
  1082. <DIV style="FLOAT: left; MARGIN-LEFT: 15px; MARGIN-TOP: 15px; WIDTH: 133px">
  1083. <H3>Quizzes</H3><A href="html/html_quiz.asp"><SPAN class=frontraquo>»</SPAN>
  1084. HTML Quiz</A><BR><A href="html/html5_quiz.asp"><SPAN class=frontraquo>»</SPAN>
  1085. HTML5 Quiz</A><BR><A href="html/html_xhtml.asp"><SPAN class=frontraquo>»</SPAN>
  1086. XHTML Quiz</A><BR><A href="css/css_quiz.asp"><SPAN class=frontraquo>»</SPAN> CSS
  1087. Quiz</A><BR><A href="js/js_quiz.asp"><SPAN class=frontraquo>»</SPAN> JavaScript
  1088. Quiz</A><BR><A href="xml/xml_quiz.asp"><SPAN class=frontraquo>»</SPAN> XML
  1089. Quiz</A><BR><A href="sql/sql_quiz.asp"><SPAN class=frontraquo>»</SPAN> SQL
  1090. Quiz</A><BR><A href="asp/asp_quiz.asp"><SPAN class=frontraquo>»</SPAN> ASP
  1091. Quiz</A><BR><A href="php/php_quiz.asp"><SPAN class=frontraquo>»</SPAN> PHP
  1092. Quiz</A><BR><A href="jquery/jquery_quiz.asp"><SPAN class=frontraquo>»</SPAN>
  1093. jQuery Quiz</A> </DIV>
  1094. <DIV style="FLOAT: left; MARGIN-LEFT: 15px; MARGIN-TOP: 15px; WIDTH: 133px">
  1095. <H3>Validate</H3><A href="web/web_validate.asp"><SPAN class=frontraquo>»</SPAN>
  1096. Validate HTML</A><BR><A href="web/web_validate.asp"><SPAN
  1097. class=frontraquo>»</SPAN> Validate CSS</A><BR><A
  1098. href="web/web_validate.asp"><SPAN class=frontraquo>»</SPAN> Validate
  1099. XHTML</A><BR><A href="web/web_validate.asp"><SPAN class=frontraquo>»</SPAN>
  1100. Validate XML</A>
  1101. <H3 style="MARGIN-TOP: 20px">Statistics</H3><A
  1102. href="browsers/browsers_stats.asp"><SPAN class=frontraquo>»</SPAN> Browser
  1103. Statistics</A><BR><A href="browsers/browsers_os.asp"><SPAN
  1104. class=frontraquo>»</SPAN> Browser OS</A><BR><A
  1105. href="browsers/browsers_display.asp"><SPAN class=frontraquo>»</SPAN> Browser
  1106. Display</A> </DIV>
  1107. <DIV style="FLOAT: left; MARGIN-LEFT: 15px; MARGIN-TOP: 15px; WIDTH: 130px"><A
  1108. href="tags/ref_colorpicker.asp"><IMG style="MARGIN: 10px 20px 5px"
  1109. alt=colorpicker src="images/colormap_80.gif"></A>
  1110. <H3>Color Picker</H3></DIV></DIV></DIV></DIV>
  1111. <DIV
  1112. style="POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px; TOP: 15px; PADDING-RIGHT: 0px; WIDTH: 100%; BACKGROUND-COLOR: transparent">
  1113. <DIV id=socialmedia
  1114. style="HEIGHT: 70px; MARGIN-LEFT: auto; WIDTH: 960px; MARGIN-RIGHT: auto">
  1115. <DIV style="FLOAT: right; PADDING-TOP: 4px; WIDTH: 175px">
  1116. <SCRIPT>
  1117.                 <!--
  1118.                 txt='<a href="http://www.facebook.com/sharer.php?u=http://www.w3schools.com'+location.pathname+'" target="_blank" title="Facebook">'
  1119.                 txt=txt+'<img src="/images/share_facebook.gif" width="16px" height="16px" style="margin-right:4px" /></a>';
  1120.                 txt=txt+'<a href="http://twitter.com/home?status=Currently reading http://www.w3schools.com'+location.pathname+'" target="_blank" title="Twitter">';
  1121.                 txt=txt+' <img src="/images/share_twitter.gif" width="16px" height="16px" style="margin-right:4px" /></a>';
  1122.                 txt=txt+'<a href="mailto:?&amp;subject='+document.title+'&amp;body=Take%20a%20look%20at%20this%20page%20at%20W3Schools.com:%20http://www.w3schools.com'+location.pathname+'" target="_blank" title="E-mail">';
  1123.                 txt=txt+' <img src="/images/share_email.gif" width="16px" height="16px" style="margin-right:4px" /></a>';
  1124.                 txt=txt+'<a href="http://delicious.com/save?v=5&noui&jump=close&url=http://www.w3schools.com'+location.pathname+'&title='+document.title+'" target="_blank" title="Delicious">';
  1125.                 txt=txt+' <img src="/images/share_delicious.gif" width="16px" height="16px" style="margin-right:4px" /></a>';
  1126.                 txt=txt+'<a href="http://www.reddit.com/submit?url=http://www.w3schools.com'+location.pathname+'" target="_blank" title="Reddit">';
  1127.                 txt=txt+' <img src="/images/share_reddit.gif" width="16px" height="16px" style="margin-right:4px" /></a>';
  1128.                 txt=txt+'<a href="http://digg.com/submit?url=http://www.w3schools.com'+location.pathname+'&amp;title='+document.title+'" target="_blank" title="Digg">';
  1129.                 txt=txt+' <img src="/images/share_digg.gif" width="16px" height="16px" style="margin-right:4px" /></a>';
  1130.                 txt=txt+'<a href="http://www.stumbleupon.com/submit?url=http://www.w3schools.com'+location.pathname+'%26title%3D'+document.title+'" target="_blank" title="Stumbleupon">';
  1131.                 txt=txt+' <img src="/images/share_stumbleupon.gif" width="16px" height="16px" /></a>';
  1132.                 document.write(txt);
  1133.                 //--></SCRIPT>
  1134. <A title=Facebook
  1135. href="http://www.facebook.com/sharer.php?u=http://www.w3schools.com/blank"
  1136. target=_blank><IMG style="MARGIN-RIGHT: 4px" src="/images/share_facebook.gif"
  1137. width=16 height=16></A><A title=Twitter
  1138. href="http://twitter.com/home?status=Currently reading http://www.w3schools.com/blank"
  1139. target=_blank> <IMG style="MARGIN-RIGHT: 4px" src="/images/share_twitter.gif"
  1140. width=16 height=16></A><A title=E-mail
  1141. href="mailto:?&amp;subject=W3Schools Online Web Tutorials&amp;body=Take%20a%20look%20at%20this%20page%20at%20W3Schools.com:%20http://www.w3schools.com/blank"
  1142. target=_blank> <IMG style="MARGIN-RIGHT: 4px" src="/images/share_email.gif"
  1143. width=16 height=16></A><A title=Delicious
  1144. href="http://delicious.com/save?v=5&amp;noui&amp;jump=close&amp;url=http://www.w3schools.com/blank&amp;title=W3Schools Online Web Tutorials"
  1145. target=_blank> <IMG style="MARGIN-RIGHT: 4px" src="/images/share_delicious.gif"
  1146. width=16 height=16></A><A title=Reddit
  1147. href="http://www.reddit.com/submit?url=http://www.w3schools.com/blank"
  1148. target=_blank> <IMG style="MARGIN-RIGHT: 4px" src="/images/share_reddit.gif"
  1149. width=16 height=16></A><A title=Digg
  1150. href="http://digg.com/submit?url=http://www.w3schools.com/blank&amp;title=W3Schools Online Web Tutorials"
  1151. target=_blank> <IMG style="MARGIN-RIGHT: 4px" src="/images/share_digg.gif"
  1152. width=16 height=16></A><A title=Stumbleupon
  1153. href="http://www.stumbleupon.com/submit?url=http://www.w3schools.com/blank%26title%3DW3Schools Online Web Tutorials"
  1154. target=_blank> <IMG src="/images/share_stumbleupon.gif" width=16 height=16></A>
  1155. <DIV id=google_translate_element style="PADDING-TOP: 10px; WIDTH: 159px">
  1156. <DIV class="skiptranslate goog-te-gadget" style="DISPLAY: none" dir=ltr>
  1157. <DIV id=:0.targetLanguage closure_uid_24060019="8"><IMG
  1158. class=goog-te-gadget-icon
  1159. style="BACKGROUND-IMAGE: url(http://translate.googleapis.com/translate_static/img/te_ctrl3.gif); BACKGROUND-POSITION: -65px 0px"
  1160. src="http://www.google.com/images/cleardot.gif" width=1 height=1><SPAN
  1161. style="VERTICAL-ALIGN: middle"><A class=goog-te-menu-value
  1162. href="javascript:void(0)" closure_uid_24060019="7"><SPAN></SPAN><IMG
  1163. src="http://www.google.com/images/cleardot.gif" width=1 height=1><SPAN
  1164. style="BORDER-LEFT: #bbb 1px solid"></SPAN><IMG
  1165. src="http://www.google.com/images/cleardot.gif" width=1 height=1><SPAN
  1166. style="COLOR: #9b9b9b"></SPAN></A></SPAN></DIV></DIV></DIV></DIV><IFRAME
  1167. style="BORDER-TOP-STYLE: none; OVERFLOW: hidden; BORDER-LEFT-STYLE: none; HEIGHT: 62px; BORDER-BOTTOM-STYLE: none; FLOAT: right; BORDER-RIGHT-STYLE: none; WIDTH: 292px; MARGIN-RIGHT: 150px"
  1168. src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fw3schoolscom&amp;width=292&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=false"
  1169. frameBorder=0 allowTransparency scrolling=no></IFRAME>
  1170. <DIV style="CLEAR: both"></DIV></DIV>
  1171. <DIV id=footer
  1172. style="HEIGHT: 110px; MARGIN-LEFT: auto; WIDTH: 960px; MARGIN-RIGHT: auto">
  1173. <DIV
  1174. style="FLOAT: left; TEXT-ALIGN: left; PADDING-TOP: 6px; PADDING-LEFT: 3px; WIDTH: 200px"><A
  1175. href="http://www.w3schools.com"><IMG
  1176. style="BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-TOP-WIDTH: 0px"
  1177. alt=W3Schools.com src="/images/w3schoolscom_gray.gif"></A> </DIV>
  1178. <DIV
  1179. style="FONT-SIZE: 80%; WORD-SPACING: 6px; FLOAT: right; TEXT-ALIGN: right; PADDING-TOP: 15px; PADDING-RIGHT: 12px; WIDTH: 600px"><A
  1180. href="/forum/default.asp" target=_blank>FORUM</A> | <A href="/about/default.asp"
  1181. target=_top>ABOUT</A> | <A style="WORD-SPACING: normal"
  1182. href="/about/about_advert.asp" target=_top>ADVERTISE WITH US</A> </DIV>
  1183. <DIV style="COLOR: #404040; PADDING-TOP: 10px; CLEAR: both">W3Schools is
  1184. optimized for learning, testing, and training. Examples might be simplified to
  1185. improve reading and basic understanding.<BR>Tutorials, references, and examples
  1186. are constantly reviewed to avoid errors, but we cannot warrant full correctness
  1187. of all content.<BR>While using this site, you agree to have read and accepted
  1188. our <A href="/about/about_copyright.asp">terms of use</A> and <A
  1189. href="/about/about_privacy.asp">privacy policy</A>.<BR><A
  1190. href="/about/about_copyright.asp">Copyright 1999-2013</A> by Refsnes Data. All
  1191. Rights Reserved. </DIV></DIV></DIV></DIV>
  1192. <SCRIPT>
  1193. function googleTranslateElementInit() {
  1194.   new google.translate.TranslateElement({
  1195.     pageLanguage: 'en',
  1196.     autoDisplay: false,    
  1197.     gaTrack: true,
  1198.     layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  1199.   }, 'google_translate_element');
  1200. }
  1201. </SCRIPT>
  1202.  
  1203. <SCRIPT
  1204. src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></SCRIPT>
  1205.  
  1206. <DIV id=goog-gt-tt class=skiptranslate dir=ltr>
  1207. <DIV
  1208. style="PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px">
  1209. <DIV>
  1210. <DIV class=logo><IMG
  1211. src="http://www.google.com/images/icons/product/translate-32.png" width=20
  1212. height=20></DIV></DIV></DIV>
  1213. <DIV class=top
  1214. style="FLOAT: left; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; WIDTH: 100%">
  1215. <H1 class="title gray">Originaltext</H1></DIV>
  1216. <DIV class=middle
  1217. style="PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px">
  1218. <DIV class=original-text></DIV></DIV>
  1219. <DIV class=bottom
  1220. style="PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px">
  1221. <DIV class=activity-links><SPAN class=activity-link
  1222. closure_uid_24060019="3">Bessere Übersetzung vorschlagen</SPAN><SPAN
  1223. class=activity-link closure_uid_24060019="4"></SPAN></DIV>
  1224. <DIV class=started-activity-container>
  1225. <HR
  1226. style="BORDER-TOP: medium none; HEIGHT: 1px; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; COLOR: #ccc; BORDER-LEFT: medium none; BACKGROUND-COLOR: #ccc">
  1227.  
  1228. <DIV class=activity-root closure_uid_24060019="5"></DIV></DIV></DIV>
  1229. <DIV class=status-message style="DISPLAY: none"></DIV></DIV>
  1230. <TABLE class="gstl_0 gssb_c"
  1231. style="POSITION: absolute; ZOOM: 1; LEFT: 706px; DISPLAY: none; TOP: 132px; WIDTH: 186px"
  1232. cellSpacing=0 cellPadding=0>
  1233. <TBODY>
  1234. <TR>
  1235. <TD class=gssb_f></TD>
  1236. <TD class=gssb_e style="WIDTH: 100%"></TD></TR></TBODY></TABLE><IFRAME
  1237. class="goog-te-menu-frame skiptranslate"
  1238. style="DISPLAY: none; VISIBILITY: visible" frameBorder=0
  1239. closure_uid_24060019="6"></IFRAME><!--EndFragment--></BODY></HTML>
Advertisement
Add Comment
Please, Sign In to add comment