HTML code sample
LANGUAGE FOR BUILDING WEB PAGES
<style>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; } .ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; } .ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/[email protected]); background-size: 160px 178px; } }</style> <a href="https://www.instagram.com/loltofreedom/?ref=badge" class="ig-b- ig-b-v-24"><img src="//badges.instagram.com/static/images/ig-badge-view-24.png" alt="Instagram" /></a> |
HTML EXAMPLE
This is a headingThis is a paragraph. |
<!DOCTYPE html>
<html> <title>HTML Tutorial</title> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html> |
CSS code sample
LANGUAGE FOR STYLING WEB PAGES
LANGUAGE FOR STYLING WEB PAGES
body {
background-color: #d0e4fe;
}
h1 {
color: orange;
text-align: center;
}
p {
font-family: "Times New Roman";
font-size: 20px;
}
|
body {
background-color: #d0e4fe; } h1 { color: orange; text-align: center; } p { font-family: "Times New Roman"; font-size: 20px; } |
JavaScript code sample
LANGUAGE FOR PROGRAMMING WEB PAGES
LANGUAGE FOR PROGRAMMING WEB PAGES
|
<script>
function myFunction() { var x = document.getElementById("demo"); x.style.fontSize = "25px"; x.style.color = "red"; } </script> <button onclick="myFunction()">Click Me!</button> |
LIVE WUFOO FORM
Fill out my online form.
Online contact and registration forms from Wufoo.
|
<div id="wufoo-s1k2pl00om8z6u">
Fill out my <a href="https://cutcost.wufoo.com/forms/s1k2pl00om8z6u">online form</a>. </div> <div id="wuf-adv" style="font-family:inherit;font-size: small;color:#a7a7a7;text-align:center;display:block;">Online contact and registration forms from <a href="http://www.wufoo.com">Wufoo</a>.</div> <script type="text/javascript">var s1k2pl00om8z6u;(function(d, t) { var s = d.createElement(t), options = { 'userName':'cutcost', 'formHash':'s1k2pl00om8z6u', 'autoResize':true, 'height':'1447', 'async':true, 'host':'wufoo.com', 'header':'show', 'ssl':true}; s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'www.wufoo.com/scripts/embed/form.js'; s.onload = s.onreadystatechange = function() { var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return; try { s1k2pl00om8z6u = new WufooForm();s1k2pl00om8z6u.initialize(options);s1k2pl00om8z6u.display(); } catch (e) {}}; var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr); })(document, 'script');</script> |