Website source code, html codes for bitcoin earning

SUBMITTED BY: staceyjones90

DATE: Nov. 15, 2016, 5:23 p.m.

FORMAT: Text only

SIZE: 46.3 kB

Raw Download

HITS: 1001

Report
  1. <!DOCTYPE html>
  2. <html lang="en-US">
  3. <head>
  4. <title>HTML code tag</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="Keywords" content="HTML,CSS,JavaScript,SQL,PHP,jQuery,XML,DOM,Bootstrap,Web development,W3C,tutorials,programming,training,learning,quiz,primer,lessons,references,examples,source code,colors,demos,tips">
  8. <meta name="Description" content="Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, and XML.">
  9. <link rel="icon" href="/favicon.ico" type="image/x-icon">
  10. <link rel="stylesheet" href="/lib/w3.css">
  11. <style>
  12. a:hover,a:active{color:#4CAF50}
  13. table.w3-table-all{margin:20px 0}
  14. /*OPPSETT AV TOP, TOPNAV, SIDENAV, MAIN, RIGHT OG FOOTER:*/
  15. .top {
  16. position:relative;
  17. background-color:#ffffff;
  18. height:68px;
  19. padding-top:20px;
  20. line-height:50px;
  21. overflow:hidden;
  22. z-index:2;
  23. }
  24. .w3schools-logo {
  25. font-family:fontawesome;
  26. text-decoration:none;
  27. line-height:1;
  28. -webkit-font-smoothing:antialiased;
  29. -moz-osx-font-smoothing:grayscale;
  30. font-size:37px;
  31. letter-spacing:3px;
  32. color:#555555;
  33. display:block;
  34. position:absolute;
  35. top:17px;
  36. }
  37. .w3schools-logo .dotcom {color:#4CAF50}
  38. .topnav {
  39. position:relative;
  40. z-index:2;
  41. font-size:17px;
  42. background-color:#5f5f5f;
  43. color:#f1f1f1;
  44. width:100%;
  45. padding:0;
  46. letter-spacing:1px;
  47. }
  48. .topnav a{
  49. padding:10px 15px 9px 15px !important;
  50. display:inline-block;
  51. }
  52. .topnav li a:hover{
  53. background-color:#000000;
  54. color:#ffffff;
  55. }
  56. .topnav li a.active {
  57. background-color:#4CAF50;
  58. color:#ffffff;
  59. }
  60. a.topnav-icons {
  61. width:52px;
  62. font-size:20px !important;
  63. padding-top:11px !important;
  64. padding-bottom:13px !important;
  65. }
  66. a.topnav-icons.fa-home {font-size:22px !important}
  67. a.topnav-localicons {
  68. font-size:20px !important;
  69. padding-top:6px !important;
  70. padding-bottom:12px !important;
  71. }
  72. i.fa-caret-down,i.fa-caret-up{width:10px}
  73. #sidenav h2 {
  74. font-size:21px;
  75. padding-left:16px;
  76. margin:-4px 0 4px 0;
  77. width:204px;
  78. }
  79. #sidenav a {padding:2px 1px 1px 16px}
  80. #sidenav a:hover {color:#000000}
  81. #sidenav a.active {background-color:#4CAF50;color:#ffffff}
  82. #sidenav .w3-closebtn {
  83. position:absolute;
  84. right:16px;
  85. top:0;
  86. }
  87. #leftmenuinner {
  88. position:fixed;
  89. top:0;
  90. padding-top:112px;
  91. padding-bottom:0;
  92. height:100%;
  93. width:220px;
  94. background-color:transparent;
  95. }
  96. #leftmenuinnerinner {
  97. height:100%;
  98. width:100%;
  99. overflow-y:scroll;
  100. overflow-x:hidden;
  101. padding-top:20px;
  102. }
  103. #main {padding:16px}
  104. #mainLeaderboard {height:90px}
  105. #right {text-align:center;padding:16px 16px 0 0}
  106. #right a {text-decoration:none}
  107. #right a:hover {text-decoration:underline}
  108. #skyscraper {min-height:600px}
  109. .sidesection {margin-bottom:32px;}
  110. .bottomad {padding:0 16px 16px 0;float:left;width:auto;}
  111. .footer a {text-decoration:none;}
  112. .footer a:hover{text-decoration:underline;}
  113. .w3-dropnav {
  114. display:none;
  115. letter-spacing:0;
  116. margin-top:44px;
  117. }
  118. .w3-dropnav .w3-closebtn {
  119. padding:0 16px 16px 16px !important;
  120. position:absolute;
  121. right:0;
  122. }
  123. .w3-dropnav a{display:block;padding:2px 0!important}
  124. .w3-dropnav a:hover{background-color:transparent;color:#fff;text-decoration:underline!important}
  125. .nextprev a {font-size:17px;border:1px solid #cccccc;}
  126. .nextprev a:link,.nextprev a:visited {background-color:#ffffff;color:#000000;}
  127. .nextprev a.w3-right {background-color:#4CAF50;color:#ffffff;border-color:#4CAF50}
  128. .w3-theme {color:#fff !important;background-color:#73AD21 !important;background-color:#4CAF50 !important}
  129. .w3-theme-border {border-color:#4CAF50 !important}
  130. .fa-facebook-square,.fa-twitter-square,.fa-google-plus-square {padding:0 8px;}
  131. .fa-facebook-square:hover, .fa-thumbs-o-up:hover {color:#3B5998;}
  132. .fa-twitter-square:hover {color:#55acee;}
  133. .fa-google-plus-square:hover {color:#dd4b39;}
  134. #google_translate_element img {margin-bottom:-1px;}
  135. #googleSearch {color:#000000;}
  136. #googleSearch a {padding:0 !important;}
  137. .searchdiv {max-width:400px;margin:auto;text-align:left;font-size:16px}
  138. div.cse .gsc-control-cse, div.gsc-control-cse {background-color:transparent;border:none;padding:6px;margin:0px}
  139. td.gsc-search-button input.gsc-search-button {background-color:#4CAF50;border-color:#4CAF50}
  140. td.gsc-search-button input.gsc-search-button:hover {background-color:#46a049;}
  141. input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button {
  142. box-sizing:content-box; line-height:normal;}
  143. .gsc-tabsArea div {overflow:visible;}
  144. /*For å "nullstille" w3css:*/
  145. .w3-main{transition:margin-left 0s;}
  146. .w3-sidenav a {transition:background-color 0s;}
  147. @media screen and (max-width:601px){.w3-navbar li a{display:inline-block}.w3-navbar li a:first-child{padding:8px 16px}.w3-dropnav a{display:block;}}
  148. @media screen and (max-width:600px){.w3-navbar{text-align:left}}
  149. /*Slutt på "nullstilling" */
  150. @media (min-width:1675px) {
  151. #main {width:79%}
  152. #right {width:21%}
  153. }
  154. @media (max-width:992px) {
  155. .top {height:100px}
  156. .top img {display:block;margin:auto;}
  157. .top .w3schools-logo {position:relative;top:0;width:100%;text-align:center;margin:auto}
  158. .toptext {width:100%;text-align:center}
  159. #sidenav {width:260px;}
  160. #sidenav h2 {font-size:26px;width:100%;}
  161. #sidenav a {padding:3px 2px 3px 24px;font-size:17px}
  162. #leftmenuinner {
  163. box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  164. overflow:auto;
  165. -webkit-overflow-scrolling:touch;
  166. height:100%;
  167. position:relative;
  168. width:auto;
  169. padding-top:0;
  170. background-color:#f1f1f1;
  171. }
  172. #leftmenuinnerinner {overflow-y:scroll}
  173. .bottomad {float:none;text-align:center}
  174. #skyscraper {min-height:60px}
  175. }
  176. @media screen and (max-width:600px) {
  177. .top {height:68px}
  178. .toptext {display:none}
  179. }
  180. @font-face {
  181. font-family:'fontawesome';
  182. src: url('../lib/fonts/fontawesome.eot?14663396');
  183. src:url('../lib/fonts/fontawesome.eot?14663396#iefix') format('embedded-opentype'),
  184. url('../lib/fonts/fontawesome.woff?14663396') format('woff'),
  185. url('../lib/fonts/fontawesome.ttf?14663396') format('truetype'),
  186. url('../lib/fonts/fontawesome.svg?14663396#fontawesome') format('svg');
  187. font-weight:normal;
  188. font-style:normal;
  189. }
  190. .fa {
  191. display:inline-block;
  192. font:normal normal normal 14px/1 FontAwesome;
  193. font-size:inherit;
  194. text-rendering:auto;
  195. -webkit-font-smoothing:antialiased;
  196. -moz-osx-font-smoothing:grayscale;
  197. transform:translate(0, 0);
  198. }
  199. .fa-2x {
  200. font-size:2em;
  201. }
  202. .fa-home:before {content:'\e800';}
  203. .fa-globe:before {content:'\e801';}
  204. .fa-search:before {content:'\e802'; }
  205. .fa-thumbs-o-up:before {content:'\e803';}
  206. .fa-left-open:before {content:'\e804';}
  207. .fa-right-open:before {content:'\e805';}
  208. .fa-facebook-square:before {content:'\e806';}
  209. .fa-google-plus-square:before {content:'\e807';}
  210. .fa-twitter-square:before {content:'\e808';}
  211. .fa-caret-down:before {content:'\e809';}
  212. .fa-caret-up:before {content:'\e80a';}
  213. span.marked, span.deprecated {
  214. color:#e80000;
  215. background-color:transparent;
  216. }
  217. .intro {font-size:16px}
  218. .w3-btn, .w3-btn:link, .w3-btn:visited {color:#FFFFFF;background-color:#4CAF50}
  219. a.w3-btn[href*="exercise.asp"] {margin:10px 5px 0 0}
  220. a.btnplayit,a.btnplayit:link,a.btnplayit:visited {background-color:#FFAD33;padding:1px 10px 2px 10px}
  221. a.btnplayit:hover,a.btnplayit:active {background-color:#ffffff;color:#FFAD33}
  222. a.btnsmall:link,a.btnsmall:visited,a.btnsmall:active,a.btnsmall:hover {
  223. float:right;padding:1px 10px 2px 10px;font:15px Verdana, sans-serif}
  224. a.btnsmall:active,a.btnsmall:hover {color:#4CAF50;background-color:#ffffff}
  225. @media screen and (max-width:700px) {
  226. #mainLeaderboard {height:60px}
  227. #div-gpt-ad-1422003450156-0 {float:none;margin-left:auto;margin-right:auto}
  228. #div-gpt-ad-1422003450156-3 {float:none;margin-left:auto;margin-right:auto}
  229. }
  230. .w3-note{background-color:#ffffcc;border-left:6px solid #ffeb3b}
  231. .w3-warning{background-color:#ffdddd;border-left:6px solid #f44336}
  232. .w3-info{background-color:#ddffdd;border-left:6px solid #4CAF50}
  233. </style>
  234. <script>
  235. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  236. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  237. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  238. })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  239. ga('create', 'UA-3855518-1', 'auto');
  240. ga('require', 'displayfeatures');
  241. ga('send', 'pageview');
  242. </script>
  243. <script type='text/javascript'>
  244. var googletag = googletag || {};
  245. googletag.cmd = googletag.cmd || [];
  246. (function() {
  247. var gads = document.createElement('script');
  248. gads.async = true;
  249. gads.type = 'text/javascript';
  250. gads.src = 'https://www.googletagservices.com/tag/js/gpt.js';
  251. var node = document.getElementsByTagName('script')[0];
  252. node.parentNode.insertBefore(gads, node);
  253. })();
  254. </script>
  255. <script type='text/javascript'>
  256. // GPT slots
  257. var gptAdSlots = [];
  258. googletag.cmd.push(function() {
  259. var leaderMapping = googletag.sizeMapping().
  260. // Mobile ad
  261. addSize([0, 0], [320, 50]).
  262. // Vertical Tablet ad
  263. addSize([480, 0], [468, 60]).
  264. // Horizontal Tablet
  265. addSize([750, 0], [728, 90]).
  266. // Small Desktop
  267. addSize([993, 0], [468, 60]).
  268. // Normal Desktop
  269. addSize([1135, 0], [728, 90]).
  270. // Large Desktop and bigger ad
  271. addSize([1425, 0], [[728, 90], [970, 90]]).build();
  272. gptAdSlots[0] = googletag.defineSlot('/16833175/MainLeaderboard', [[728, 90], [970, 90]], 'div-gpt-ad-1422003450156-2').
  273. defineSizeMapping(leaderMapping).addService(googletag.pubads());
  274. var skyMapping = googletag.sizeMapping().
  275. // Mobile ad
  276. addSize([0, 0], [320, 50]).
  277. // Tablet ad
  278. addSize([975, 0], [120, 600]).
  279. // Desktop
  280. addSize([1135, 0], [160, 600]).
  281. // Large Desktop
  282. addSize([1675, 0], [[160, 600], [300, 600], [300, 1050]]).build();
  283. gptAdSlots[1] = googletag.defineSlot('/16833175/WideSkyScraper', [[160, 600], [300, 600], [300, 1050]], 'div-gpt-ad-1422003450156-5').
  284. defineSizeMapping(skyMapping).addService(googletag.pubads());
  285. var stickyMapping = googletag.sizeMapping().
  286. // Mobile ad
  287. addSize([0, 0], []).
  288. // Tablet ad
  289. addSize([975, 0], [120, 600]).
  290. // Desktop
  291. addSize([1135, 0], [160, 600]).
  292. // Large Desktop
  293. addSize([1675, 0], [[160, 600], [300, 600], [300, 250]]).build();
  294. gptAdSlots[4] = googletag.defineSlot('/16833175/StickySkyScraper', [[300, 600], [120, 600], [300, 250], [160, 600]], 'div-gpt-ad-1472547360578-0').
  295. defineSizeMapping(stickyMapping).addService(googletag.pubads());
  296. var bmrMapping = googletag.sizeMapping().
  297. // Smaller
  298. addSize([0, 0], [[300, 250], [336, 280]]).
  299. // Large Desktop
  300. addSize([1240, 0], [[300, 250], [336, 280], [970, 250]]).build();
  301. gptAdSlots[2] = googletag.defineSlot('/16833175/BottomMediumRectangle', [[300, 250], [336, 280], [970, 250]], 'div-gpt-ad-1422003450156-0').
  302. defineSizeMapping(bmrMapping).setCollapseEmptyDiv(true).addService(googletag.pubads());
  303. var rbmrMapping = googletag.sizeMapping().
  304. // Smaller
  305. addSize([0, 0], []).
  306. // Large Desktop
  307. addSize([975, 0], [[300, 250], [336, 280]]).build();
  308. gptAdSlots[3] = googletag.defineSlot('/16833175/RightBottomMediumRectangle', [[300, 250], [336, 280]], 'div-gpt-ad-1422003450156-3').
  309. defineSizeMapping(rbmrMapping).setCollapseEmptyDiv(true).addService(googletag.pubads());
  310. googletag.pubads().setTargeting("content",(function () {
  311. var folder = location.pathname;
  312. folder = folder.replace("/", "");
  313. folder = folder.substr(0, folder.indexOf("/"));
  314. return folder;
  315. })()
  316. );
  317. googletag.enableServices();
  318. });
  320. var stickyadstatus = "";
  321. function fix_stickyad() {
  322. var elem = document.getElementById("stickyadcontainer");
  323. var skyWidth = Number(w3_getStyleValue(document.getElementById("skyscraper"), "width").replace("px", ""));
  324. elem.style.width = skyWidth + "px";
  325. if (window.innerWidth <= 992) {
  326. elem.style.position = "";
  327. elem.style.top = stickypos + "px";
  328. return false;
  329. }
  330. var stickypos = document.getElementById("stickypos").offsetTop;
  331. var docTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
  332. var adHeight = Number(w3_getStyleValue(elem, "height").replace("px", ""));
  333. if (stickyadstatus == "") {
  334. if ((stickypos - docTop) < 60) {
  335. elem.style.position = "fixed";
  336. elem.style.top = "60px";
  337. stickyadstatus = "sticky";
  338. }
  339. } else {
  340. if ((docTop + 60) - stickypos < 0) {
  341. elem.style.position = "";
  342. elem.style.top = stickypos + "px";
  343. stickyadstatus = "";
  344. }
  345. }
  346. if (stickyadstatus == "sticky") {
  347. if ((docTop + adHeight + 60) > document.getElementById("footer").offsetTop) {
  348. elem.style.position = "absolute";
  349. elem.style.top = (document.getElementById("footer").offsetTop - adHeight) + "px";
  350. } else {
  351. elem.style.position = "fixed";
  352. elem.style.top = "60px";
  353. stickyadstatus = "sticky";
  354. }
  355. }
  356. }
  357. function w3_getStyleValue(elmnt,style) {
  358. if (window.getComputedStyle) {
  359. return window.getComputedStyle(elmnt,null).getPropertyValue(style);
  360. } else {
  361. return elmnt.currentStyle[style];
  362. }
  363. }
  364. </script>
  366. <link rel="stylesheet" type="text/css" href="/browserref.css">
  367. </head>
  368. <body>
  369. <div class='w3-container top'>
  370. <a class='w3schools-logo' href='//www.w3schools.com'>w3schools<span class='dotcom'>.com</span></a>
  371. <div class='w3-right w3-hide-small w3-wide toptext'>THE WORLD'S LARGEST WEB DEVELOPER SITE</div>
  372. </div>
  374. <div style='display:none;position:absolute;z-index:4;right:52px;height:44px;background-color:#5f5f5f;letter-spacing:normal;' id='googleSearch'>
  375. <div class='gcse-search'></div>
  376. </div>
  377. <div style='display:none;position:absolute;z-index:3;right:111px;height:44px;background-color:#5f5f5f;text-align:right;padding-top:9px;' id='google_translate_element'></div>
  379. <div class='w3-card-2 w3-slim topnav' id='topnav'>
  380. <div style="overflow:auto;">
  381. <ul class="w3-navbar w3-left" style="width:55%;overflow:hidden;height:44px">
  382. <li><a href='javascript:void(0);' class='topnav-localicons w3-hide-large w3-left' onclick='open_menu()' title='Menu'>&#9776;</a></li>
  383. <li><a href='/default.asp' class='topnav-icons fa fa-home w3-left' title='Home'></a></li>
  384. <li><a href='/html/default.asp' class='w3-hide-small' title='HTML Tutorial'>HTML</a></li>
  385. <li><a href='/css/default.asp' class='w3-hide-small' title='CSS Tutorial'>CSS</a></li>
  386. <li><a href='/js/default.asp' class='w3-hide-small' title='JavaScript Tutorial'>JAVASCRIPT</a></li>
  387. <li><a href='/sql/default.asp' class='w3-hide-small' title='SQL Tutorial'>SQL</a></li>
  388. <li><a href='/php/default.asp' class='w3-hide-small' title='PHP Tutorial'>PHP</a></li>
  389. <li><a href='/bootstrap/default.asp' class='w3-hide-small' title='Bootstrap Tutorial'>BOOTSTRAP</a></li>
  390. <li><a href='/jquery/default.asp' class='w3-hide-small' title='jQuery Tutorial'>JQUERY</a></li>
  391. <li><a href='/angular/default.asp' class='w3-hide-small' title='Angular Tutorial'>ANGULAR</a></li>
  392. <li><a href='/xml/default.asp' class='w3-hide-small' title='XML Tutorial'>XML</a></li>
  393. <li><a href='/w3css/default.asp' class='w3-hide-small' title='W3.CSS Tutorial'>W3.CSS</a></li>
  394. </ul>
  395. <ul class="w3-navbar w3-right" style='width:45%;overflow:hidden;height:44px;'>
  396. <li class="w3-right"><a href='javascript:void(0);' class='topnav-icons fa w3-right' onclick='open_search(this)' title='Search W3Schools'>&#xe802;</a></li>
  397. <li class="w3-right"><a href='javascript:void(0);' class='topnav-icons fa w3-right' onclick='open_translate(this)' title='Translate W3Schools'>&#xe801;</a></li>
  398. <li class="w3-right"><a id='topnavbtn_tutorials' href='javascript:void(0);' onclick='w3_open_nav("tutorials")' title='Tutorials'>TUTORIALS <i class='fa fa-caret-down'></i><i class='fa fa-caret-up' style='display:none'></i></a></li>
  399. <li class="w3-right"><a id='topnavbtn_references' href='javascript:void(0);' onclick='w3_open_nav("references")' title='References'>REFERENCES <i class='fa fa-caret-down'></i><i class='fa fa-caret-up' style='display:none'></i></a></li>
  400. <li class="w3-right"><a id='topnavbtn_examples' href='javascript:void(0);' onclick='w3_open_nav("examples")' title='Examples'>EXAMPLES <i class='fa fa-caret-down'></i><i class='fa fa-caret-up' style='display:none'></i></a></li>
  401. <li class="w3-right w3-hide"><a href='/forum/default.asp'>FORUM</a></li>
  402. </ul>
  404. <div id='nav_tutorials' class='w3-dropnav w3-card-2'>
  405. <span onclick='w3_close_nav("tutorials")' class='w3-closebtn w3-xlarge w3-hover-text-white'>&times;</span>
  406. <div class='w3-row-padding w3-padding-xxlarge'>
  407. <div class='w3-col l3 m6'>
  408. <h3>HTML and CSS</h3>
  409. <a href='/html/default.asp'>Learn HTML</a>
  410. <a href='/css/default.asp'>Learn CSS</a>
  411. <a href='/w3css/default.asp'>Learn W3.CSS</a>
  412. <a href='/colors/default.asp'>Learn Colors</a>
  413. <a href='/bootstrap/default.asp'>Learn Bootstrap</a>
  414. <a href='/graphics/default.asp'>Learn Graphics</a>
  415. <a href='/icons/default.asp'>Learn Icons</a>
  416. <a href='/howto/default.asp'>Learn How To</a>
  417. </div>
  418. <div class='w3-col l3 m6'>
  419. <h3>JavaScript</h3>
  420. <a href='/js/default.asp'>Learn JavaScript</a>
  421. <a href='/jquery/default.asp'>Learn jQuery</a>
  422. <a href='/jquerymobile/default.asp'>Learn jQueryMobile</a>
  423. <a href='/appml/default.asp'>Learn AppML</a>
  424. <a href='/angular/default.asp'>Learn AngularJS</a>
  425. <a href="/js/js_json_intro.asp">Learn JSON</a>
  426. <a href='/js/js_ajax_intro.asp'>Learn AJAX</a>
  427. <div class="w3-hide-small"><br><br></div>
  428. </div>
  429. <div class='w3-col l3 m6'>
  430. <h3>Server Side</h3>
  431. <a href='/sql/default.asp'>Learn SQL</a>
  432. <a href='/php/default.asp'>Learn PHP</a>
  433. <a href='/asp/default.asp'>Learn ASP</a>
  434. <h3>Web Building</h3>
  435. <a href="/w3css/w3css_templates.asp">Web Templates</a>
  436. <a href='/browsers/default.asp'>Web Statistics</a>
  437. <a href='/cert/default.asp'>Web Certificates</a>
  438. </div>
  439. <div class='w3-col l3 m6'>
  440. <h3>XML</h3>
  441. <a href='/xml/default.asp'>Learn XML</a>
  442. <a href='/xml/ajax_intro.asp'>Learn XML AJAX</a>
  443. <a href="/xml/dom_intro.asp">Learn XML DOM</a>
  444. <a href='/xml/xml_dtd_intro.asp'>Learn XML DTD</a>
  445. <a href='/xml/schema_intro.asp'>Learn XML Schema</a>
  446. <a href='/xml/xsl_intro.asp'>Learn XSLT</a>
  447. <a href='/xml/xpath_intro.asp'>Learn XPath</a>
  448. <a href='/xml/xquery_intro.asp'>Learn XQuery</a>
  449. </div>
  450. </div>
  451. <br>
  452. </div>
  453. <div id='nav_references' class='w3-dropnav w3-card-2'>
  454. <span onclick='w3_close_nav("references")' class='w3-closebtn w3-xlarge w3-hover-text-white'>&times;</span>
  455. <div class='w3-row-padding w3-padding-xxlarge'>
  456. <div class='w3-col m4'>
  457. <h3>HTML</h3>
  458. <a href='/tags/default.asp'>HTML Tag Reference</a>
  459. <a href='/tags/ref_eventattributes.asp'>HTML Event Reference</a>
  460. <a href='/colors/default.asp'>HTML Color Reference</a>
  461. <a href='/tags/ref_attributes.asp'>HTML Attribute Reference</a>
  462. <a href='/tags/ref_canvas.asp'>HTML Canvas Reference</a>
  463. <a href='/graphics/svg_reference.asp'>HTML SVG Reference</a>
  464. <a href='/graphics/google_maps_reference.asp'>Google Maps Reference</a>
  465. <h3>CSS</h3>
  466. <a href='/cssref/default.asp'>CSS Reference</a>
  467. <a href='/cssref/css_selectors.asp'>CSS Selector Reference</a>
  468. <a href='/w3css/w3css_references.asp'>W3.CSS Reference</a>
  469. <a href='/bootstrap/bootstrap_ref_css_text.asp'>Bootstrap Reference</a>
  470. <a href='/icons/icons_reference.asp'>Icon Reference</a>
  471. </div>
  472. <div class='w3-col m4'>
  473. <h3>JavaScript</h3>
  474. <a href='/jsref/default.asp'>JavaScript Reference</a>
  475. <a href='/jsref/default.asp'>HTML DOM Reference</a>
  476. <a href='/jquery/jquery_ref_selectors.asp'>jQuery Reference</a>
  477. <a href='/jquerymobile/jquerymobile_ref_data.asp'>jQuery Mobile Reference</a>
  478. <a href='/angular/angular_ref_directives.asp'>AngularJS Reference</a>
  479. <h3>XML</h3>
  480. <a href='/xml/dom_nodetype.asp'>XML Reference</a>
  481. <a href='/xml/dom_http.asp'>XML Http Reference</a>
  482. <a href='/xml/xsl_elementref.asp'>XSLT Reference</a>
  483. <a href='/xml/schema_elements_ref.asp'>XML Schema Reference</a>
  484. </div>
  485. <div class='w3-col m4'>
  486. <h3>Charsets</h3>
  487. <a href='/charsets/default.asp'>HTML Character Sets</a>
  488. <a href='/charsets/ref_html_ascii.asp'>HTML ASCII</a>
  489. <a href='/charsets/ref_html_ansi.asp'>HTML ANSI</a>
  490. <a href='/charsets/ref_html_ansi.asp'>HTML Windows-1252</a>
  491. <a href='/charsets/ref_html_8859.asp'>HTML ISO-8859-1</a>
  492. <a href='/charsets/ref_html_symbols.asp'>HTML Symbols</a>
  493. <a href='/charsets/ref_html_utf8.asp'>HTML UTF-8</a>
  494. <h3>Server Side</h3>
  495. <a href='/php/php_ref_array.asp'>PHP Reference</a>
  496. <a href='/sql/sql_quickref.asp'>SQL Reference</a>
  497. <a href='/asp/asp_ref_response.asp'>ASP Reference</a>
  498. </div>
  499. </div>
  500. <br>
  501. </div>
  502. <div id='nav_examples' class='w3-dropnav w3-card-2'>
  503. <span onclick='w3_close_nav("examples")' class='w3-closebtn w3-xlarge w3-hover-text-white'>&times;</span>
  504. <div class='w3-row-padding w3-padding-xxlarge'>
  505. <div class='w3-col l3 m6'>
  506. <h3>HTML/CSS</h3>
  507. <a href='/html/html_examples.asp'>HTML Examples</a>
  508. <a href='/css/css_examples.asp'>CSS Examples</a>
  509. <a href='/w3css/w3css_examples.asp'>W3.CSS Examples</a>
  510. <a href='/bootstrap/bootstrap_examples.asp'>Bootstrap Examples</a>
  511. </div>
  512. <div class='w3-col l3 m6'>
  513. <h3>JavaScript</h3>
  514. <a href='/js/js_examples.asp' target='_top'>JavaScript Examples</a>
  515. <a href='/js/js_dom_examples.asp' target='_top'>HTML DOM Examples</a>
  516. <a href='/jquery/jquery_examples.asp' target='_top'>jQuery Examples</a>
  517. <a href='/jquerymobile/jquerymobile_examples.asp' target='_top'>jQuery Mobile Examples</a>
  518. <a href='/angular/angular_examples.asp' target='_top'>AngularJS Examples</a>
  519. <a href='/js/js_ajax_examples.asp' target='_top'>AJAX Examples</a>
  520. </div>
  521. <div class='w3-col l3 m6'>
  522. <h3>XML</h3>
  523. <a href='/xml/xml_examples.asp' target='_top'>XML Examples</a>
  524. <a href='/xml/xsl_examples.asp' target='_top'>XSLT Examples</a>
  525. <a href='/xml/xpath_examples.asp' target='_top'>XPath Examples</a>
  526. <a href='/xml/schema_example.asp' target='_top'>XML Schema Examples</a>
  527. <a href='/graphics/svg_examples.asp' target='_top'>SVG Examples</a>
  528. <h3>Server Side</h3>
  529. <a href='/php/php_examples.asp' target='_top'>PHP Examples</a>
  530. <a href="/asp/asp_examples.asp" target="_top">ASP Examples</a>
  531. </div>
  532. <div class='w3-col l3 m6'>
  533. <h3>Quizzes</h3>
  534. <a href='/quiztest/quiztest.asp?Qtest=HTML' target='_top'>HTML Quiz</a>
  535. <a href='/quiztest/quiztest.asp?Qtest=CSS' target='_top'>CSS Quiz</a>
  536. <a href='/quiztest/quiztest.asp?Qtest=JavaScript' target='_top'>JavaScript Quiz</a>
  537. <a href='/quiztest/quiztest.asp?Qtest=Bootstrap' target='_top'>Bootstrap Quiz</a>
  538. <a href='/quiztest/quiztest.asp?Qtest=jQuery' target='_top'>jQuery Quiz</a>
  539. <a href='/quiztest/quiztest.asp?Qtest=PHP' target='_top'>PHP Quiz</a>
  540. <a href="/quiztest/quiztest.asp?Qtest=SQL" target="_top">SQL Quiz</a>
  541. <a href='/quiztest/quiztest.asp?Qtest=XML' target='_top'>XML Quiz</a>
  542. </div>
  543. </div>
  544. <br>
  545. </div>
  546. </div>
  547. </div>
  549. <div class='w3-sidenav w3-collapse w3-slim' id='sidenav'>
  550. <div id='leftmenuinner'>
  551. <div class='w3-light-grey' id='leftmenuinnerinner'>
  552. <a href='javascript:void(0)' onclick='close_menu()' class='w3-closebtn w3-hide-large w3-large' style='padding:3px 12px;'>&times;</a>
  553. <h2 class="left"><span class="left_h2">HTML</span> Reference</h2>
  554. <a target="_top" href="default.asp">HTML by Alphabet</a>
  555. <a target="_top" href="ref_byfunc.asp">HTML by Category</a>
  556. <a target="_top" href="ref_attributes.asp">HTML Attributes</a>
  557. <a target="_top" href="ref_standardattributes.asp">HTML Global Attributes</a>
  558. <a target="_top" href="ref_eventattributes.asp">HTML Events</a>
  559. <a target="_top" href="ref_colornames.asp">HTML Colors</a>
  560. <a target="_top" href="ref_canvas.asp">HTML Canvas</a>
  561. <a target="_top" href="ref_av_dom.asp">HTML Audio/Video</a>
  562. <a target="_top" href="ref_charactersets.asp">HTML Character Sets</a>
  563. <a target="_top" href="ref_html_dtd.asp">HTML Doctypes</a>
  564. <a target="_top" href="ref_urlencode.asp">HTML URL Encode</a>
  565. <a target="_top" href="ref_language_codes.asp">HTML Language Codes</a>
  566. <a target="_top" href="ref_country_codes.asp">HTML Country Codes</a>
  567. <a target="_top" href="ref_httpmessages.asp">HTTP Messages</a>
  568. <a target="_top" href="ref_httpmethods.asp">HTTP Methods</a>
  569. <a target="_top" href="ref_pxtoemconversion.asp">PX to EM Converter</a>
  570. <a target="_top" href="ref_keyboardshortcuts.asp">Keyboard Shortcuts</a>
  571. <br>
  572. <div class="notranslate">
  573. <h2 class="left"><span class="left_h2">HTML</span> Tags</h2>
  574. <a target="_top" href="tag_comment.asp">&lt;!--&gt;</a>
  575. <a target="_top" href="tag_doctype.asp">&lt;!DOCTYPE&gt;</a>
  576. <a target="_top" href="tag_a.asp">&lt;a&gt;</a>
  577. <a target="_top" href="tag_abbr.asp">&lt;abbr&gt;</a>
  578. <a target="_top" href="tag_acronym.asp">&lt;acronym&gt;</a>
  579. <a target="_top" href="tag_address.asp">&lt;address&gt;</a>
  580. <a target="_top" href="tag_applet.asp">&lt;applet&gt;</a>
  581. <a target="_top" href="tag_area.asp">&lt;area&gt;</a>
  582. <a target="_top" href="tag_article.asp">&lt;article&gt;</a>
  583. <a target="_top" href="tag_aside.asp">&lt;aside&gt;</a>
  584. <a target="_top" href="tag_audio.asp">&lt;audio&gt;</a>
  585. <a target="_top" href="tag_b.asp">&lt;b&gt;</a>
  586. <a target="_top" href="tag_base.asp">&lt;base&gt;</a>
  587. <a target="_top" href="tag_basefont.asp">&lt;basefont&gt;</a>
  588. <a target="_top" href="tag_bdi.asp">&lt;bdi&gt;</a>
  589. <a target="_top" href="tag_bdo.asp">&lt;bdo&gt;</a>
  590. <a target="_top" href="tag_big.asp">&lt;big&gt;</a>
  591. <a target="_top" href="tag_blockquote.asp">&lt;blockquote&gt;</a>
  592. <a target="_top" href="tag_body.asp">&lt;body&gt;</a>
  593. <a target="_top" href="tag_br.asp">&lt;br&gt;</a>
  594. <a target="_top" href="tag_button.asp">&lt;button&gt;</a>
  595. <a target="_top" href="tag_canvas.asp">&lt;canvas&gt;</a>
  596. <a target="_top" href="tag_caption.asp">&lt;caption&gt;</a>
  597. <a target="_top" href="tag_center.asp">&lt;center&gt;</a>
  598. <a target="_top" href="tag_cite.asp">&lt;cite&gt;</a>
  599. <a target="_top" href="tag_code.asp">&lt;code&gt;</a>
  600. <a target="_top" href="tag_col.asp">&lt;col&gt;</a>
  601. <a target="_top" href="tag_colgroup.asp">&lt;colgroup&gt;</a>
  602. <a target="_top" href="tag_datalist.asp">&lt;datalist&gt;</a>
  603. <a target="_top" href="tag_dd.asp">&lt;dd&gt;</a>
  604. <a target="_top" href="tag_del.asp">&lt;del&gt;</a>
  605. <a target="_top" href="tag_details.asp">&lt;details&gt;</a>
  606. <a target="_top" href="tag_dfn.asp">&lt;dfn&gt;</a>
  607. <a target="_top" href="tag_dialog.asp">&lt;dialog&gt;</a>
  608. <a target="_top" href="tag_dir.asp">&lt;dir&gt;</a>
  609. <a target="_top" href="tag_div.asp">&lt;div&gt;</a>
  610. <a target="_top" href="tag_dl.asp">&lt;dl&gt;</a>
  611. <a target="_top" href="tag_dt.asp">&lt;dt&gt;</a>
  612. <a target="_top" href="tag_em.asp">&lt;em&gt;</a>
  613. <a target="_top" href="tag_embed.asp">&lt;embed&gt;</a>
  614. <a target="_top" href="tag_fieldset.asp">&lt;fieldset&gt;</a>
  615. <a target="_top" href="tag_figcaption.asp">&lt;figcaption&gt;</a>
  616. <a target="_top" href="tag_figure.asp">&lt;figure&gt;</a>
  617. <a target="_top" href="tag_font.asp">&lt;font&gt;</a>
  618. <a target="_top" href="tag_footer.asp">&lt;footer&gt;</a>
  619. <a target="_top" href="tag_form.asp">&lt;form&gt;</a>
  620. <a target="_top" href="tag_frame.asp">&lt;frame&gt;</a>
  621. <a target="_top" href="tag_frameset.asp">&lt;frameset&gt;</a>
  622. <a target="_top" href="tag_hn.asp">&lt;h1&gt; - &lt;h6&gt;</a>
  623. <a target="_top" href="tag_head.asp">&lt;head&gt;</a>
  624. <a target="_top" href="tag_header.asp">&lt;header&gt;</a>
  625. <a target="_top" href="tag_hr.asp">&lt;hr&gt;</a>
  626. <a target="_top" href="tag_html.asp">&lt;html&gt;</a>
  627. <a target="_top" href="tag_i.asp">&lt;i&gt;</a>
  628. <a target="_top" href="tag_iframe.asp">&lt;iframe&gt;</a>
  629. <a target="_top" href="tag_img.asp">&lt;img&gt;</a>
  630. <a target="_top" href="tag_input.asp">&lt;input&gt;</a>
  631. <a target="_top" href="tag_ins.asp">&lt;ins&gt;</a>
  632. <a target="_top" href="tag_kbd.asp">&lt;kbd&gt;</a>
  633. <a target="_top" href="tag_keygen.asp">&lt;keygen&gt;</a>
  634. <a target="_top" href="tag_label.asp">&lt;label&gt;</a>
  635. <a target="_top" href="tag_legend.asp">&lt;legend&gt;</a>
  636. <a target="_top" href="tag_li.asp">&lt;li&gt;</a>
  637. <a target="_top" href="tag_link.asp">&lt;link&gt;</a>
  638. <a target="_top" href="tag_main.asp">&lt;main&gt;</a>
  639. <a target="_top" href="tag_map.asp">&lt;map&gt;</a>
  640. <a target="_top" href="tag_mark.asp">&lt;mark&gt;</a>
  641. <a target="_top" href="tag_menu.asp">&lt;menu&gt;</a>
  642. <a target="_top" href="tag_menuitem.asp">&lt;menuitem&gt;</a>
  643. <a target="_top" href="tag_meta.asp">&lt;meta&gt;</a>
  644. <a target="_top" href="tag_meter.asp">&lt;meter&gt;</a>
  645. <a target="_top" href="tag_nav.asp">&lt;nav&gt;</a>
  646. <a target="_top" href="tag_noframes.asp">&lt;noframes&gt;</a>
  647. <a target="_top" href="tag_noscript.asp">&lt;noscript&gt;</a>
  648. <a target="_top" href="tag_object.asp">&lt;object&gt;</a>
  649. <a target="_top" href="tag_ol.asp">&lt;ol&gt;</a>
  650. <a target="_top" href="tag_optgroup.asp">&lt;optgroup&gt;</a>
  651. <a target="_top" href="tag_option.asp">&lt;option&gt;</a>
  652. <a target="_top" href="tag_output.asp">&lt;output&gt;</a>
  653. <a target="_top" href="tag_p.asp">&lt;p&gt;</a>
  654. <a target="_top" href="tag_param.asp">&lt;param&gt;</a>
  655. <a target="_top" href="tag_pre.asp">&lt;pre&gt;</a>
  656. <a target="_top" href="tag_progress.asp">&lt;progress&gt;</a>
  657. <a target="_top" href="tag_q.asp">&lt;q&gt;</a>
  658. <a target="_top" href="tag_rp.asp">&lt;rp&gt;</a>
  659. <a target="_top" href="tag_rt.asp">&lt;rt&gt;</a>
  660. <a target="_top" href="tag_ruby.asp">&lt;ruby&gt;</a>
  661. <a target="_top" href="tag_s.asp">&lt;s&gt;</a>
  662. <a target="_top" href="tag_samp.asp">&lt;samp&gt;</a>
  663. <a target="_top" href="tag_script.asp">&lt;script&gt;</a>
  664. <a target="_top" href="tag_section.asp">&lt;section&gt;</a>
  665. <a target="_top" href="tag_select.asp">&lt;select&gt;</a>
  666. <a target="_top" href="tag_small.asp">&lt;small&gt;</a>
  667. <a target="_top" href="tag_source.asp">&lt;source&gt;</a>
  668. <a target="_top" href="tag_span.asp">&lt;span&gt;</a>
  669. <a target="_top" href="tag_strike.asp">&lt;strike&gt;</a>
  670. <a target="_top" href="tag_strong.asp">&lt;strong&gt;</a>
  671. <a target="_top" href="tag_style.asp">&lt;style&gt;</a>
  672. <a target="_top" href="tag_sub.asp">&lt;sub&gt;</a>
  673. <a target="_top" href="tag_summary.asp">&lt;summary&gt;</a>
  674. <a target="_top" href="tag_sup.asp">&lt;sup&gt;</a>
  675. <a target="_top" href="tag_table.asp">&lt;table&gt;</a>
  676. <a target="_top" href="tag_tbody.asp">&lt;tbody&gt;</a>
  677. <a target="_top" href="tag_td.asp">&lt;td&gt;</a>
  678. <a target="_top" href="tag_textarea.asp">&lt;textarea&gt;</a>
  679. <a target="_top" href="tag_tfoot.asp">&lt;tfoot&gt;</a>
  680. <a target="_top" href="tag_th.asp">&lt;th&gt;</a>
  681. <a target="_top" href="tag_thead.asp">&lt;thead&gt;</a>
  682. <a target="_top" href="tag_time.asp">&lt;time&gt;</a>
  683. <a target="_top" href="tag_title.asp">&lt;title&gt;</a>
  684. <a target="_top" href="tag_tr.asp">&lt;tr&gt;</a>
  685. <a target="_top" href="tag_track.asp">&lt;track&gt;</a>
  686. <a target="_top" href="tag_tt.asp">&lt;tt&gt;</a>
  687. <a target="_top" href="tag_u.asp">&lt;u&gt;</a>
  688. <a target="_top" href="tag_ul.asp">&lt;ul&gt;</a>
  689. <a target="_top" href="tag_var.asp">&lt;var&gt;</a>
  690. <a target="_top" href="tag_video.asp">&lt;video&gt;</a>
  691. <a target="_top" href="tag_wbr.asp">&lt;wbr&gt;</a>
  692. </div>
  693. <br><br>
  694. </div>
  695. </div>
  696. </div>
  697. <div class='w3-main w3-light-grey' id='belowtopnav' style='margin-left:220px;'>
  698. <div class='w3-row w3-white'>
  699. <div class='w3-col l10 m12' id='main'>
  700. <div id='mainLeaderboard' style='overflow:hidden;'>
  701. <!-- MainLeaderboard-->
  702. <div id='div-gpt-ad-1422003450156-2'>
  703. <script type='text/javascript'>googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); });</script>
  704. </div>
  705. </div>
  706. <h1>HTML <span class="color_h1">&lt;code&gt; </span>Tag</h1>
  707. <div class="w3-clear w3-center nextprev">
  708. <a class="w3-left w3-btn" href="tag_cite.asp">&#10094;<span class="w3-hide-small"> Previous</span></a>
  709. <a class="w3-btn" href="default.asp"><span class="w3-hide-small">Complete HTML </span>Reference</a>
  710. <a class="w3-right w3-btn" href="tag_col.asp"><span class="w3-hide-small">Next </span>&#10095;</a>
  711. </div>
  712. <br>
  714. <div class="w3-example">
  715. <h3>Example</h3>
  716. <p>Format text in a document:</p>
  717. <div class="w3-code notranslate htmlHigh">
  718. &lt;code&gt;A piece of computer code&lt;/code&gt;
  719. </div>
  720. <a target="_blank" href="tryit.asp?filename=tryhtml_phrase_test" class="w3-btn w3-margin-bottom">Try it Yourself &raquo;</a>
  721. </div>
  722. <hr>
  724. <h2>Definition and Usage</h2>
  725. <p>The &lt;code&gt; tag is a phrase tag. It defines a piece of computer code. </p>
  726. <p><strong>Tip:</strong> This tag is not deprecated, but
  727. it is possible to achieve richer effect with CSS.</p>
  728. <p>All phrase tags:</p>
  729. <table class="w3-table-all notranslate" id="table1">
  730. <tr>
  731. <th style="width:15%">Tag</th>
  732. <th>Description</th>
  733. </tr>
  734. <tr>
  735. <td width="20%">&lt;em&gt;</td>
  736. <td width="80%">Renders as emphasized text</td>
  737. </tr>
  738. <tr>
  739. <td>&lt;strong&gt;</td>
  740. <td>Defines important text</td>
  741. </tr>
  742. <tr>
  743. <td>&lt;code&gt;</td>
  744. <td>Defines a piece of computer code</td>
  745. </tr>
  746. <tr>
  747. <td>&lt;samp&gt;</td>
  748. <td>Defines sample output from a computer program</td>
  749. </tr>
  750. <tr>
  751. <td>&lt;kbd&gt;</td>
  752. <td>Defines keyboard input</td>
  753. </tr>
  754. <tr>
  755. <td>&lt;var&gt;</td>
  756. <td>Defines a variable</td>
  757. </tr>
  758. </table>
  759. <hr>
  761. <h2>Browser Support</h2>
  762. <table class="browserref notranslate">
  763. <tr>
  764. <th style="width:20%;font-size:16px;text-align:left;">Element</th>
  765. <th style="width:16%;" class="bsChrome" title="Chrome"></th>
  766. <th style="width:16%;" class="bsEdge" title="Internet Explorer / Edge"></th>
  767. <th style="width:16%;" class="bsFirefox" title="Firefox"></th>
  768. <th style="width:16%;" class="bsSafari" title="Safari"></th>
  769. <th style="width:16%;" class="bsOpera" title="Opera"></th>
  770. </tr>
  771. <tr>
  772. <td style="text-align:left;">&lt;code&gt;</td>
  773. <td>Yes</td>
  774. <td>Yes</td>
  775. <td>Yes</td>
  776. <td>Yes</td>
  777. <td>Yes</td>
  778. </tr>
  779. </table>
  780. <hr>
  782. <h2>Differences Between HTML 4.01 and HTML5</h2>
  783. <p>NONE.</p>
  784. <hr>
  786. <h2>Global Attributes</h2>
  787. <p>The &lt;code&gt; tag also supports the <a href="ref_standardattributes.asp">Global Attributes in HTML</a>.</p>
  788. <hr>
  789. <h2>Event Attributes</h2>
  790. <p>The &lt;code&gt; tag also supports the <a href="ref_eventattributes.asp">Event Attributes in HTML</a>.</p>
  791. <hr>
  792. <h2>Related Pages</h2>
  793. <p>HTML tutorial: <a href="/html/html_formatting.asp">HTML Text Formatting</a></p>
  794. <p>HTML DOM reference: <a href="/jsref/dom_obj_code.asp">Code Object</a></p>
  795. <hr>
  796. <h2>Default CSS Settings</h2>
  797. <p>Most browsers will display the &lt;code&gt; element with the following default values:</p>
  798. <div class="w3-example">
  799. <h3>Example</h3>
  800. <div class="w3-code notranslate cssHigh">
  801. code {<br>&nbsp;&nbsp;&nbsp;
  802. font-family: monospace;<br>} </div>
  803. <a target="_blank" href="tryit.asp?filename=tryhtml_code_default_css" class="w3-btn w3-margin-bottom">Try it Yourself &raquo;</a>
  804. </div>
  805. <br>
  807. <br>
  808. <div class="w3-clear w3-center nextprev">
  809. <a class="w3-left w3-btn" href="tag_cite.asp">&#10094;<span class="w3-hide-small"> Previous</span></a>
  810. <a class="w3-btn" href="default.asp"><span class="w3-hide-small">Complete HTML </span>Reference</a>
  811. <a class="w3-right w3-btn" href="tag_col.asp"><span class="w3-hide-small">Next </span>&#10095;</a>
  812. </div>
  813. </div>
  814. <div class="w3-col l2 m12" id="right">
  816. <div class="sidesection">
  817. <div id="skyscraper">
  818. <div id="div-gpt-ad-1422003450156-5">
  819. <script>
  820. googletag.cmd.push(function() {
  821. googletag.display('div-gpt-ad-1422003450156-5');
  822. });
  823. </script>
  824. </div>
  825. </div>
  826. </div>
  828. <div class="sidesection">
  829. <h4><a href="/colors/colors_picker.asp">COLOR PICKER</a></h4>
  830. <a href="/colors/colors_picker.asp">
  831. <img src="/images/colorpicker.gif" alt="colorpicker"></a>
  832. </div>
  834. <div class="sidesection">
  835. <h4><a href="/howto/default.asp">LEARN MORE</a></h4>
  836. <p>
  837. <a href="/howto/howto_js_weight_converter.asp">Convert Weights</a><br>
  838. <a href="/howto/howto_css_cards.asp">HTML Cards</a><br>
  839. <a href="/howto/howto_google_maps.asp">Google Maps</a><br>
  840. <a href="/howto/howto_css_animate_buttons.asp">Animated Buttons</a><br>
  841. <a href="/howto/howto_css_modals.asp">Modal Boxes</a><br>
  842. <a href="/howto/howto_css_modal_images.asp">Modal Images</a><br>
  843. <a href="/howto/howto_css_tooltip.asp">Tooltips</a><br>
  844. <a href="/howto/howto_css_loader.asp">Loaders</a><br>
  845. <a href="/howto/howto_js_filter_lists.asp">Filter List</a><br>
  846. <a href="/howto/howto_js_animate.asp">JS Animations</a><br>
  847. <a href="/howto/howto_js_progressbar.asp">Progress Bars</a><br>
  848. <a href="/howto/howto_js_dropdown.asp">Dropdowns</a><br>
  849. <a href="/howto/howto_js_slideshow.asp">Slideshow</a><br>
  850. <a href="/howto/howto_js_accordion.asp">Accordions</a><br>
  851. <a href="/howto/howto_js_sidenav.asp">Side Navigation</a><br>
  852. <a href="/howto/howto_js_topnav.asp">Top Navigation</a><br>
  853. <a href="/howto/howto_html_include.asp">HTML Includes</a><br>
  854. <a href="/howto/howto_js_tabs.asp">Tabs</a><br>
  855. </p>
  856. </div>
  858. <div class="sidesection">
  859. <h4>SHARE</h4>
  860. <div class="w3-text-grey sharethis">
  861. <script>
  862. <!--
  863. try{
  864. loc=location.pathname;
  865. if (loc.toUpperCase().indexOf(".ASP")<0) loc=loc+"default.asp";
  866. txt='<a href="http://www.facebook.com/sharer.php?u=http://www.w3schools.com'+loc+'" target="_blank" title="Facebook"><span class="fa fa-facebook-square fa-2x"></span></a>';
  867. txt=txt+'<a href="https://twitter.com/home?status=Currently reading http://www.w3schools.com'+loc+'" target="_blank" title="Twitter"><span class="fa fa-twitter-square fa-2x"></span></a>';
  868. txt=txt+'<a href="https://plus.google.com/share?url=http://www.w3schools.com'+loc+'" target="_blank" title="Google+"><span class="fa fa-google-plus-square fa-2x"></span></a>';
  869. document.write(txt);
  870. } catch(e) {}
  871. //-->
  872. </script>
  873. <br><br>
  874. <a href="javascript:void(0);" onclick="clickFBLike()" title="Like W3Schools on Facebook">
  875. <span class="fa fa-thumbs-o-up fa-2x"></span></a>
  876. <div id="fblikeframe" class="w3-modal">
  877. <div class="w3-modal-content w3-padding-64 w3-animate-zoom" id="popupDIV"></div>
  878. </div>
  879. </div>
  880. </div>
  882. <div class="sidesection">
  883. <h4><a target="_blank" href="//www.w3schools.com/cert/default.asp">CERTIFICATES</a></h4>
  884. <p>HTML, CSS, JavaScript, PHP, jQuery, Bootstrap and XML.</p>
  885. <a target="_blank" href="//www.w3schools.com/cert/default.asp" class="w3-btn w3-dark-grey">
  886. Read More &raquo;</a>
  887. </div>
  889. <div id="stickypos" class="sidesection" style="text-align:center;">
  890. <div id="stickyadcontainer">
  891. <div style="position:relative;margin:auto;">
  892. <div id='div-gpt-ad-1472547360578-0'>
  893. <script>
  894. if (Number(w3_getStyleValue(document.getElementById("main"), "height").replace("px", "")) > 2200) {
  895. googletag.cmd.push(function() { googletag.display('div-gpt-ad-1472547360578-0'); });
  896. window.addEventListener("scroll", fix_stickyad);
  897. window.addEventListener("resize", fix_stickyad);
  898. }
  899. </script>
  900. </div>
  901. </div>
  902. </div>
  903. </div>
  905. </div>
  906. </div>
  907. <div id="footer" class="footer w3-container w3-white">
  909. <hr>
  910. <div style="overflow:auto">
  911. <!-- BottomMediumRectangle -->
  912. <div class="bottomad" id='div-gpt-ad-1422003450156-0'>
  913. <script type='text/javascript'>
  914. googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-0'); });
  915. </script>
  916. </div>
  917. <!-- RightBottomMediumRectangle -->
  918. <div class="bottomad" id='div-gpt-ad-1422003450156-3'>
  919. <script type='text/javascript'>
  920. googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-3'); });
  921. </script>
  922. </div>
  923. </div>
  925. <hr>
  926. <div class="w3-row w3-center w3-small">
  927. <div class="w3-col l3 m3 s12">
  928. <a href="javascript:void(0);" onclick="displayError();return false" style="white-space:nowrap;">REPORT ERROR</a>
  929. </div>
  930. <div class="w3-col l3 m3 s12">
  931. <a href="" target="_blank" onclick="printPage();return false;">PRINT PAGE</a>
  932. </div>
  933. <div class="w3-col l3 m3 s12">
  934. <a href="/forum/default.asp" target="_blank">FORUM</a>
  935. </div>
  936. <div class="w3-col l3 m3 s12">
  937. <a href="/about/default.asp" target="_top">ABOUT</a>
  938. </div>
  939. </div>
  940. <hr>
  941. <div class="w3-light-grey w3-padding w3-center" id="err_form" style="display:none;">
  942. <span onclick="this.parentElement.style.display='none'" class="w3-closebtn">&times;</span>
  943. <h2>Your Suggestion:</h2>
  944. <form>
  945. <div class="w3-group">
  946. <label for="err_email">Your E-mail:</label>
  947. <input class="w3-input" type="text" style="width:100%" id="err_email" name="err_email">
  948. </div>
  949. <div class="w3-group">
  950. <label for="err_email">Page address:</label>
  951. <input class="w3-input" type="text" style="width:100%" id="err_url" name="err_url" disabled="disabled">
  952. </div>
  953. <div class="w3-group">
  954. <label for="err_email">Description:</label>
  955. <textarea rows="10" class="w3-input" id="err_desc" name="err_desc" style="width:100%;"></textarea>
  956. </div>
  957. <div class="form-group">
  958. <button type="button" onclick="sendErr()">Submit</button>
  959. </div>
  960. <br>
  961. </form>
  962. </div>
  963. <div class="w3-container w3-light-grey w3-padding" id="err_sent" style="display:none;">
  964. <span onclick="this.parentElement.style.display='none'" class="w3-closebtn">&times;</span>
  965. <h2>Thank You For Helping Us!</h2>
  966. <p>Your message has been sent to W3Schools.</p>
  967. </div>
  969. <div class="w3-row w3-center w3-small">
  970. <div class="w3-col l3 m6 s12">
  971. <div class="top10">
  972. <h4>Top 10 Tutorials</h4>
  973. <a href="/html/default.asp">HTML Tutorial</a><br>
  974. <a href="/css/default.asp">CSS Tutorial</a><br>
  975. <a href="/js/default.asp">JavaScript Tutorial</a><br>
  976. <a href="/w3css/default.asp">W3.CSS Tutorial</a><br>
  977. <a href="/bootstrap/default.asp">Bootstrap Tutorial</a><br>
  978. <a href="/sql/default.asp">SQL Tutorial</a><br>
  979. <a href="/php/default.asp">PHP Tutorial</a><br>
  980. <a href="/jquery/default.asp">jQuery Tutorial</a><br>
  981. <a href="/angular/default.asp">Angular Tutorial</a><br>
  982. <a href="/xml/default.asp">XML Tutorial</a><br>
  983. </div>
  984. </div>
  985. <div class="w3-col l3 m6 s12">
  986. <div class="top10">
  987. <h4>Top 10 References</h4>
  988. <a href="/tags/default.asp">HTML Reference</a><br>
  989. <a href="/cssref/default.asp">CSS Reference</a><br>
  990. <a href="/jsref/default.asp">JavaScript Reference</a><br>
  991. <a href="/w3css/w3css_references.asp">W3.CSS Reference</a><br>
  992. <a href="/browsers/default.asp">Browser Statistics</a><br>
  993. <a href="/php/php_ref_array.asp">PHP Reference</a><br>
  994. <a href="/colors/colors_names.asp">HTML Colors</a><br>
  995. <a href="/charsets/default.asp">HTML Character Sets</a><br>
  996. <a href="/jquery/jquery_ref_selectors.asp">jQuery Reference</a><br>
  997. <a href="/angular/angular_ref_directives.asp">AngularJS Reference</a><br>
  998. </div>
  999. </div>
  1000. <div class="w3-col l3 m6 s12">
  1001. <div class="top10">
  1002. <h4>Top 10 Examples</h4>
  1003. <a href="/html/html_examples.asp">HTML Examples</a><br>
  1004. <a href="/css/css_examples.asp">CSS Examples</a><br>
  1005. <a href="/js/js_examples.asp">JavaScript Examples</a><br>
  1006. <a href="/w3css/w3css_examples.asp">W3.CSS Examples</a><br>
  1007. <a href="/js/js_dom_examples.asp">HTML DOM Examples</a><br>
  1008. <a href="/php/php_examples.asp">PHP Examples</a><br>
  1009. <a href="/asp/asp_examples.asp">ASP Examples</a><br>
  1010. <a href="/jquery/jquery_examples.asp">jQuery Examples</a><br>
  1011. <a href="/angular/angular_examples.asp">Angular Examples</a><br>
  1012. <a href="/xml/xml_examples.asp">XML Examples</a><br>
  1013. </div>
  1014. </div>
  1015. <div class="w3-col l3 m6 s12">
  1016. <div class="top10">
  1017. <h4>Web Certificates</h4>
  1018. <a href="/cert/default.asp">HTML Certificate</a><br>
  1019. <a href="/cert/default.asp">HTML5 Certificate</a><br>
  1020. <a href="/cert/default.asp">CSS Certificate</a><br>
  1021. <a href="/cert/default.asp">JavaScript Certificate</a><br>
  1022. <a href="/cert/default.asp">jQuery Certificate</a><br>
  1023. <a href="/cert/default.asp">PHP Certificate</a><br>
  1024. <a href="/cert/default.asp">Bootstrap Certificate</a><br>
  1025. <a href="/cert/default.asp">XML Certificate</a><br>
  1026. </div>
  1027. </div>
  1028. </div>
  1030. <hr>
  1031. <div class="w3-center w3-small w3-opacity">
  1032. W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding.
  1033. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content.
  1034. While using this site, you agree to have read and accepted our <a href="/about/about_copyright.asp">terms of use</a>,
  1035. <a href="/about/about_privacy.asp">cookie and privacy policy</a>.
  1036. <a href="/about/about_copyright.asp">Copyright 1999-2016</a> by Refsnes Data. All Rights Reserved.<br>
  1037. <a href="//www.w3schools.com/w3css/">Powered by W3.CSS</a>.<br><br>
  1038. <a href="//www.w3schools.com">
  1039. <img style="width:150px;height:28px;border:0" src="/images/w3schoolscom_gray.gif" alt="W3Schools.com"></a>
  1040. </div>
  1041. <br><br>
  1042. </div>
  1044. </div>
  1046. <script src="/lib/w3schools_footer.js"></script>
  1047. <script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
  1048. <!--[if lt IE 9]>
  1049. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  1050. <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  1051. <![endif]--></body>
  1052. </html>
comments powered by Disqus