Print PDF
Favorite
Email
Step 2HTML
Now that you have made an account, you need to learn HTML. To get an idea of HTML, mouse over the view button in the Internet Explorer console and click on Source. If you are smart, and using Safari or Firefox, to get the Source you basicly do the same thing.
BASIC HTML:
All HTML codes must begin with and end with . The indicates the closing text, or in this case, the closing of the HTML document. Most HTML commands end with .
List of Commands:
The opening and closing of the document.
</div><div id="files"><a name="files"></a></div></div><table class="nextprev"><tr><td><a id="prevstepbutton" class="big-button" href="/id/How-to-make-a-free-website-using-HTML/#step1">« Previous Step</a></td><td width="100%" class="upsell"><span id="pdf_steps"><a href="#" class="gray-btn">Download PDF</a></span><script type="text/javascript">
$("#pdf_steps a").click(function (evt) {
evt.preventDefault();
navoperator.makeLoginByJquery();
});
</script><a href="/id/How-to-make-a-free-website-using-HTML/?ALLSTEPS" class="gray-btn">View All Steps</a></td><td><a id="nextstepbutton" class="big-button" href="/id/How-to-make-a-free-website-using-HTML/step3/Creating-the-final-product/">Next Step »</a></td></tr></table>
<!-- google_ad_section_end -->
<!-- google_ad_section_start(weight=ignore) -->
<a id="DISCUSS" name="DISCUSS"></a><div class="comments" id="comments"><a name="comments"></a><div id="CommentSpinner" class="progress-indicator"></div><div id="ajax_newcomment_placeholder"></div><a name="POST" id="POST"></a><table class="comments_table_5"><tr valign="top"><td><img src="/static/defaultIMG/comment.TINY.gif" alt="" /></td><td class="comments_td_6"><div id="NewCommentLINK" class="comment-bucket"><a class="stepLabel new-comment login-required" href="#" onclick="return false;">
Add Comment
</a></div></td></tr></table><script type="text/javascript">
$(function () {
$(".login-required").click(function (evt) {
evt.preventDefault();
navoperator.makeLoginByJquery();
});
});
</script></div>
<!-- google_ad_section_end -->
</div><div id="sidebar"><div class="newrightbar_div_10"><script class="tier2" type="text/deferscript">
GA_googleFillSlot("technology_med_rectangle");
</script></div><div class="newrightbar_div_11"><script class="tier2" type="text/deferscript">
GA_googleFillSlot("_house");
</script></div><div class="hatbox" id="related_content"><h3>Related</h3><div class="hatbox-content instructable"><p class="clearfix related_item"><a href="/id/Build-A-Website-For-As-Little-As-20-A-Year/" class="imglink" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:0/']);"><img src="http://img.instructables.com/files/deriv/FOG/Y9H1/FJNELQ3E/FOGY9H1FJNELQ3E.SQUARE.jpg" alt="Build A Website For As Little As $20 A Year!" title="" /></a><a href="/id/Build-A-Website-For-As-Little-As-20-A-Year/" class="title" title="Build A Website For As Little As $20 A Year!" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:0/']);">Build A Website For As Little As $20 A Year!</a><br />
by
<a href="/member/The Website Master/" class="user" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/memberLink/']);">The Website Master</a><br /></p><p class="clearfix related_item"><a href="/id/Making-your-first-website-from-scratch/" class="imglink" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:1/']);"><img src="http://img.instructables.com/files/deriv/FBJ/4F2U/F2FRVKYO/FBJ4F2UF2FRVKYO.SQUARE.jpg" alt="Making your first website from scratch" title="" /></a><a href="/id/Making-your-first-website-from-scratch/" class="title" title="Making your first website from scratch" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:1/']);">Making your first website from scratch</a><br />
by
<a href="/member/arch_angel07/" class="user" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/memberLink/']);">arch_angel07</a><br /></p><p class="clearfix related_item"><a href="/id/Hosting-Your-Own-Website/" class="imglink" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:2/']);"><img src="http://img.instructables.com/files/deriv/F0W/MOJV/GGBZPPEF/F0WMOJVGGBZPPEF.SQUARE.jpg" alt="Hosting Your Own Website" title="" /></a><a href="/id/Hosting-Your-Own-Website/" class="title" title="Hosting Your Own Website" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:2/']);">Hosting Your Own Website</a><br />
by
<a href="/member/charlie.nourse/" class="user" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/memberLink/']);">charlie.nourse</a><br /></p><p class="clearfix related_item"><a href="/id/Make-a-100-Free-Website-No-Ads-or-Viruses/" class="imglink" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:3/']);"><img src="http://img.instructables.com/files/deriv/F80/SV50/FXA2YTVY/F80SV50FXA2YTVY.SQUARE.jpg" alt="Make a 100% Free Website! No Ads or Viruses!" title="" /></a><a href="/id/Make-a-100-Free-Website-No-Ads-or-Viruses/" class="title" title="Make a 100% Free Website! No Ads or Viruses!" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:3/']);">Make a 100% Free Website! No Ads or Viruses!</a><br />
by
<a href="/member/amakerguy/" class="user" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/memberLink/']);">amakerguy</a><br /></p><p class="clearfix related_item"><a href="/id/How-To-Make-Your-Own-FREE-Website/" class="imglink" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:4/']);"><img src="http://img.instructables.com/files/deriv/FOP/T1N8/GXL5XVN4/FOPT1N8GXL5XVN4.SQUARE.jpg" alt="How To Make Your Own FREE Website" title="" /></a><a href="/id/How-To-Make-Your-Own-FREE-Website/" class="title" title="How To Make Your Own FREE Website" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:4/']);">How To Make Your Own FREE Website</a><br />
by
<a href="/member/bulletBird/" class="user" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/memberLink/']);">bulletBird</a><br /></p><p class="clearfix related_item"><a href="/id/how-to-make-a-personalized-homepage-with-shortcuts/" class="imglink" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:5/']);"><img src="http://img.instructables.com/files/deriv/FPJ/DI4U/GYZNVE57/FPJDI4UGYZNVE57.SQUARE.jpg" alt="how to make a personalized homepage with shortcuts." title="" /></a><a href="/id/how-to-make-a-personalized-homepage-with-shortcuts/" class="title" title="how to make a personalized homepage with shortcuts." onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:5/']);">how to make a personalized homepage with shortcuts.</a><br />
by
<a href="/member/Yewfort/" class="user" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/memberLink/']);">Yewfort</a><br /></p><p class="clearfix related_item"><a href="/id/Make-your-own-websites---HTML-basics-Part-1/" class="imglink" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:6/']);"><img src="http://img.instructables.com/files/deriv/FO9/IXAD/FCRT3IYM/FO9IXADFCRT3IYM.SQUARE.jpg" alt="Make your own websites - HTML basics (Part 1)" title="" /></a><a href="/id/Make-your-own-websites---HTML-basics-Part-1/" class="title" title="Make your own websites - HTML basics (Part 1)" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:6/']);">Make your own websites - HTML basics (Part 1)</a><br />
by
<a href="/member/bmlbytes/" class="user" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/memberLink/']);">bmlbytes</a><br /></p><p class="clearfix related_item"><a href="/id/The-Complete-Beginners-Guide-to-HTML/" class="imglink" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:7/']);"><img src="http://img.instructables.com/files/deriv/FCB/B741/GXO0U8MU/FCBB741GXO0U8MU.SQUARE.jpg" alt="The Complete Beginners Guide to HTML" title="" /></a><a href="/id/The-Complete-Beginners-Guide-to-HTML/" class="title" title="The Complete Beginners Guide to HTML" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:7/']);">The Complete Beginners Guide to HTML</a><br />
by
<a href="/member/The_Warlock/" class="user" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/memberLink/']);">The_Warlock</a><br /></p><p class="clearfix related_item"><a href="/id/How-to-Start-Your-HTML-Document-Right/" class="imglink" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:8/']);"><img src="http://img.instructables.com/files/deriv/FJQ/MEO2/GQTN8M1T/FJQMEO2GQTN8M1T.SQUARE.jpg" alt="How to Start Your HTML Document Right" title="" /></a><a href="/id/How-to-Start-Your-HTML-Document-Right/" class="title" title="How to Start Your HTML Document Right" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:8/']);">How to Start Your HTML Document Right</a><br />
by
<a href="/member/gnoseon/" class="user" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/memberLink/']);">gnoseon</a><br /></p><p class="clearfix related_item"><a href="/id/Watch-or-Listen-to-your-Media-anywhere-with-an-int/" class="imglink" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:9/']);"><img src="http://img.instructables.com/files/deriv/FE9/DNTA/FH16HOZO/FE9DNTAFH16HOZO.SQUARE.jpg" alt="Watch or Listen to your Media anywhere with an internet connection" title="" /></a><a href="/id/Watch-or-Listen-to-your-Media-anywhere-with-an-int/" class="title" title="Watch or Listen to your Media anywhere with an internet connection" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/position:9/']);">Watch or Listen to your Media anywhere with an internet connection</a><br />
by
<a href="/member/Sk1z0tT^/" class="user" onclick="_gaq.push(['_trackPageview', '/event/related/rhs/memberLink/']);">Sk1z0tT^</a><br /></p><div class="clearfix"><p class="viewall pager relatedItems_p_9" id="viewallLink_id"><a class="gray-btn" href="/tag/type-id/?q=" class="med-button">More Related</a></p></div><script language="javascript" type="text/JavaScript">
$(function () {
var id = "EO4JSANFQHNOP2F";
var keywords = ["free","html","HTML","website","create","web","internet","freewebs"];
var categories = ["technology websites"];
//
// Set up View All link
// We do this in script because we need to do the output of keywords
// as <c:out escapeXml="false"/> calls, which cannot be placed inside
// another element's attribute (<a href>.)
var viewall = $("#viewallLink_id"),
viewAllParams = {
q: (keywords.length > 0 || categories.length > 0 ?
keywords.join(" ") + " " + categories.join(" ") : "*:*"),
handler: "standard",
relatedToId: id,
sort: "none"
};
viewall.find("a").attr("href", "/tag/type-id/?" + $.param(viewAllParams));
viewall.show();
//
});
</script></div></div><ul id="meta-tabs" class="small-tabs clearfix"><li class="active"><a href="meta-info">Info</a></li><li><a href="meta-stats">Stats</a></li></ul><div class="hatbox" id="meta-info-sidebar-box"><div id="meta-info" class="hatbox-content info meta-tab"><p class="hits-count"><span>9,157</span><br />
views
</p><div id="rate_EO4JSANFQHNOP2F" class="login-required">
</div><script type="text/deferscript" class="tier1" defersrc="/static/js/jqplugins/raty/js/jquery.raty.min.js"></script><script type="text/deferscript" class="tier1" defersrc="/static/js/RatingStars.js"></script><script type="text/deferscript" class="tier1">
$(function () {
var readonly = true;
var stars = new RatingStars($("#rate_EO4JSANFQHNOP2F"), {
rating: 3.5,
readonly: readonly,
id: "EO4JSANFQHNOP2F",
category: "INSTRUCTABLE"
});
});
</script><div id="ratersDiv" class="rating_div_2" style="display: none">Ratings:<br /></div><div class="author-info clearfix"><div class="following"><div class="bubble">3<br /><span>Followers</span><img src="/static/img/probox-bubble-point.png" class="bubble-point" /></div><input type="button" class="big-button" value="Follow" id="subscribe-info" /><script type="text/javascript" language="javascript">
$("#subscribe-info").click(function (evt) {
evt.preventDefault();
navoperator.makeLoginByJquery();
});
</script></div><div class="about-author"><p><span class="faded">Author:</span><a href="/member/samsq1/" title="view samsq1's profile">samsq1</a></p><p><span class="faded">Published:</span><span class="published">Jan 28, 2009</span></p><p><span class="faded">License:</span><span class="license"><a href="#" onclick="window.open('/static/entry/license/NONE.html','LICENSE','status=yes,scrollbars=yes,resizable=yes,width=450,height=400'); return false;">None (All Rights Reserved)</a></span></p></div></div><p class="related"><span class="faded">Related: </span><a class="related" href="/tag/type-id/category-technology/keyword-free/">free</a>, <a class="related" href="/tag/type-id/category-technology/keyword-html/">html</a>, <a class="related" href="/tag/type-id/category-technology/keyword-html/">HTML</a>, <a class="related" href="/tag/type-id/category-technology/keyword-website/">website</a>, <a class="related" href="/tag/type-id/category-technology/keyword-create/">create</a>, <a class="related" href="/tag/type-id/category-technology/keyword-web/">web</a>, <a class="related" href="/tag/type-id/category-technology/keyword-internet/">internet</a>, <a class="related" href="/tag/type-id/category-technology/keyword-freewebs/">freewebs</a></p></div><div id="meta-stats" class="hatbox-content meta-tab"><p>Total Views: <strong>9,157</strong></p><p>Today Views: <strong>40</strong></p><p>Comments: <strong>2</strong></p><p>Rating: <strong>3.5</strong></p></div></div><script type="text/javascript" language="javascript">
$(".small-tabs a").click(function (evt) {
evt.preventDefault();
var el = $(this);
var tab = $("#" + el.attr("href"));
el.parent("li").siblings(".active").removeClass("active");
el.parent("li").addClass("active");
$(".meta-tab").hide();
tab.show();
});
</script><div class="hatbox"><h3>Guides</h3><div class="hatbox-content hugeThumbs guides_div_0"><div class="image-display-wrapper guide guides_div_1 ml15"><p class="image-display guides"><h2><a href="/id/Scoochmaroo-Challenge-Papercraft/">Scoochmaroo Challenge: Papercraft</a></h2><a href="/id/Scoochmaroo-Challenge-Papercraft/"><img src="http://img.instructables.com/files/deriv/FBH/ZWJW/H1YOAOKN/FBHZWJWH1YOAOKN.SMALL.jpg" class="guides_img_2" /></a></p></div><br class="clear" /><div class="image-display-wrapper guide guides_div_1 ml15"><p class="image-display guides"><h2><a href="/id/Featured-Author-Joshua-Zimmerman/">Featured Author: Joshua Zimmerman</a></h2><a href="/id/Featured-Author-Joshua-Zimmerman/"><img src="http://img.instructables.com/files/deriv/FXF/PTWG/GZHJVIMT/FXFPTWGGZHJVIMT.SMALL.jpg" class="guides_img_2" /></a></p></div><br class="clear" /><div class="image-display-wrapper guide guides_div_1 ml15"><p class="image-display guides"><h2><a href="/id/Teachers-of-Elementary-School-Art-Ideas/">Teachers of Elementary School Art Ideas</a></h2><a href="/id/Teachers-of-Elementary-School-Art-Ideas/"><img src="http://img.instructables.com/files/deriv/FHQ/URP2/H15N8WCA/FHQURP2H15N8WCA.SMALL.jpg" class="guides_img_2" /></a></p></div><br class="clear" /><div class="image-display-wrapper guide guides_div_1 ml15"><p class="image-display guides"><h2><a href="/id/Wifi/">Wifi</a></h2><a href="/id/Wifi/"><img src="http://img.instructables.com/files/deriv/F9I/16ZZ/FRXW60YZ/F9I16ZZFRXW60YZ.SMALL.jpg" class="guides_img_2" /></a></p></div><br class="clear" /><div class="pager guides_div_3"><a class="gray-btn" href="/tag/type-id/guide-true/">More Guides</a></div><br class="clear" /></div></div></div><br clear="all" /></div></div><div id="footer"><div id="footer-search"><div id="other-locations"><a target="_blank" href="http://www.facebook.com/instructables"><img src="/static/img/home/fb.png" /></a><a target="_blank" href="http://www.twitter.com/instructables"><img src="/static/img/home/twitter.png" /></a></div><div id="searchbox"><form action="http://www.instructables.com/pages/search/search.jsp" method="get" id="footer-search-form"><input type="hidden" name="cx" value="partner-pub-1783560022203827:npr2q7v5m6t" /><input type="hidden" name="cof" value="FORID:11" /><input type="hidden" name="ie" value="ISO-8859-1" /><input type="text" class="barinput" name="q" id="q2" value="" /><a href="#" onclick="document.getElementById('footer-search-form').submit();" id="searchbutton"><span>Search</span></a></form></div></div><div id="footerstuff"><div id="morefrom" class="col"><h3>Explore Channels in Technology</h3><div class="footerchannels"><ul><li><a href="/tag/type-id/category-technology/channel-3D-Printing/"><span>3D Printing</span></a></li><li><a href="/tag/type-id/category-technology/channel-apple/"><span>Apple</span></a></li><li><a href="/tag/type-id/category-technology/channel-arduino/"><span>Arduino</span></a></li><li><a href="/tag/type-id/category-technology/channel-art/"><span>Art</span></a></li><li><a href="/tag/type-id/category-technology/channel-assistive-technology/"><span>Assistive Tech</span></a></li><li><a href="/tag/type-id/category-technology/channel-audio/"><span>Audio</span></a></li><li><a href="/tag/type-id/category-technology/channel-cell-phones/"><span>Cell Phones</span></a></li><li><a href="/tag/type-id/category-technology/channel-clocks/"><span>Clocks</span></a></li><li><a href="/tag/type-id/category-technology/channel-cnc/"><span>CNC</span></a></li><li><a href="/tag/type-id/category-technology/channel-computers/"><span>Computers</span></a></li><li><a href="/tag/type-id/category-technology/channel-el-wire/"><span>El Wire</span></a></li><li><a href="/tag/type-id/category-technology/channel-electronics/"><span>Electronics</span></a></li><li><a href="/tag/type-id/category-technology/channel-gadgets/"><span>Gadgets</span></a></li></ul><ul><li><a href="/tag/type-id/category-technology/channel-kits/"><span>Kits</span></a></li><li><a href="/tag/type-id/category-technology/channel-laptops/"><span>Laptops</span></a></li><li><a href="/tag/type-id/category-technology/channel-lasers/"><span>Lasers</span></a></li><li><a href="/tag/type-id/category-technology/channel-leds/"><span>LEDs</span></a></li><li><a href="/tag/type-id/category-technology/channel-linux/"><span>Linux</span></a></li><li><a href="/tag/type-id/category-technology/channel-microcontrollers/"><span>Microcontrollers</span></a></li><li><a href="/tag/type-id/category-technology/channel-microsoft/"><span>Microsoft</span></a></li><li><a href="/tag/type-id/category-technology/channel-photography/"><span>Photography</span></a></li><li><a href="/tag/type-id/category-technology/channel-remote-control/"><span>Remote Control</span></a></li><li><a href="/tag/type-id/category-technology/channel-reuse/"><span>Reuse</span></a></li><li><a href="/tag/type-id/category-technology/channel-robots/"><span>Robots</span></a></li><li><a href="/tag/type-id/category-technology/channel-science/"><span>Science</span></a></li><li><a href="/tag/type-id/category-technology/channel-sensors/"><span>Sensors</span></a></li></ul><ul><li><a href="/tag/type-id/category-technology/channel-soft-circuits/"><span>Soft Circuits</span></a></li><li><a href="/tag/type-id/category-technology/channel-software/"><span>Software</span></a></li><li><a href="/tag/type-id/category-technology/channel-soldering/"><span>Soldering</span></a></li><li><a href="/tag/type-id/category-technology/channel-speakers/"><span>Speakers</span></a></li><li><a href="/tag/type-id/category-technology/channel-steampunk/"><span>Steampunk</span></a></li><li><a href="/tag/type-id/category-technology/channel-tools/"><span>Tools</span></a></li><li><a href="/tag/type-id/category-technology/channel-usb/"><span>USB</span></a></li><li><a href="/tag/type-id/category-technology/channel-websites/"><span>Websites</span></a></li><li><a href="/tag/type-id/category-technology/channel-wireless/"><span>Wireless</span></a></li></ul></div></div><div id="newsletter-column" class="col"><h3>Join Our Newsletter</h3><p>Join over 800,000 Instructable fans who receive our DIY newsletter.</p><p><input type="text" id="newslettersignuptext" class="text" value="enter email" onfocus="if(this.value == 'enter email')this.value='';" /><a id="join-btn" href="#" onclick="openSubscribePopUp(document.getElementById('newslettersignuptext'));return false;"><img src="/static/img/home/join.png" /></a></p><script type="text/javascript">
function openSubscribePopUp(src){
if (src.value == 'enter email') {
alert('Please enter your email address');
} else {
window.open("/newsletter/newslettersignup?email=" + src.value,"newslettersignup","status=yes,scrollbars=yes,resizable=yes,width=420,height=250");
}
}
</script></div><div id="footer-about" class="col"><h3>About Us</h3><ul><li><a href="/about/">About</a></li><li><a href="/advertise/">Advertise</a></li><li><a href="/community/Instructables-in-the-News/">Press</a></li><li><a href="/about/contact.jsp">Contact</a></li><li><a href="/community?categoryGroup=marketplace&category=jobs_internships">Jobs</a></li><li><a onclick="window.open('/tos.html','TOS','status=yes,scrollbars=yes,resizable=yes,width=600,height=480'); return false;" href="/tos.html">Legal</a></li><li><a href="/community?categoryGroup=Help">Help</a></li><li><a href="http://usa.autodesk.com/privacy/">Privacy Policy</a></li></ul></div><div class="col"><a class="pro-btns" href="/account/gopro?sourcea=footer"><img src="/static/img/home/go-pro.png" alt="Go Pro!" /></a><a class="pro-btns" href="/account/give?sourcea=footer"><img src="/static/img/home/give-pro.png" alt="Give Pro" /></a></div></div><p id="copyright" class="copyright">© 2012 Instructables</p></div><div class="promodal" id="login-modal"><div class="promodal-inner"><div class="promodal-top"><img class="promodal-proburst" src="/static/img/promodal-proburst.png" alt="Pro" /><h3>Get More Out of Instructables</h3><h3 id="login-account-h">Already have an Account?</h3><a class="promodal-close" href="#"><img src="/static/img/promodal-close.png" alt="close" /></a></div><div id="upgrade-features"><img id="login-allsteps" src="/static/img/login_allsteps.png" /><p><strong>All Steps Viewing</strong><br />
View all steps of an Instructable on the same page when you're a Pro Member.</p><a id="login-upgrade" href="/account/gopro?sourcea=login"><span>Upgrade to Pro today!</span></a></div><div class="login loginform" id="loginform"><form id="login" method="post" action="/account/login?nxtPgName=How+to+make+a+free+website+using+HTML.&nxtPg=/id/How-to-make-a-free-website-using-HTML/step2/HTML/"><div class="username"><label for="username_nav" id="username_label">Username</label><input id="username_nav" type="text" name="u" /></div><div class="password"><label for="password_nav" id="password_label">Password</label><input id="password_nav" type="password" name="p" /></div><div class="loginbutton"><input type="hidden" name="RememberME" value="checked" /><input type="submit" class="login-btn" value="Login" /></div><p class="forgot"><a href="/account/forgot?nxtPgName=How+to+make+a+free+website+using+HTML.&nxtPg=/id/How-to-make-a-free-website-using-HTML/step2/HTML/">(forgot username/password?)</a></p></form></div></div></div><div id="fb-root"></div><script type="text/deferscript" class="tier1" defersrc="/static/js/nav.js"></script><script type="text/deferscript" class="tier1" defersrc="//connect.facebook.net/en_US/all.js"></script><script class="tier1" type="text/deferscript">
FB.init({
appId: '140028286058792',
cookie: true,
xfbml: false,
oauth: true
});
(function () {
var el = document.getElementById("facebook-login");
if (el != null) {
el.onclick = function (evt) {
evt.preventDefault();
FB.getLoginStatus(function(response) {
if (response.status === 'connected') {
if (response.authResponse) {
document.cookie = 'fbat_140028286058792=' + response.authResponse.accessToken + '; domain=.instructables.com; path=/';
window.location.reload(true);
}
} else {
// not logged into Facebook or not authorized
FB.login(function(response) {
if (response.authResponse) {
document.cookie = 'fbat_140028286058792=' + response.authResponse.accessToken + '; domain=.instructables.com; path=/';
window.location.reload(true);
}
}, {
scope: "email,user_birthday,publish_stream",
redirect_url: "http://www.instructables.com/id/How-to-make-a-free-website-using-HTML/step2/HTML/"
});
};
})
}
}
})();
doRedirect = function (params, source) {
var o = {};
o.location = window.location.href;
o.host = window.location.host;
o.protocol = window.location.protocol;
o.doit = function(){
if (typeof params === "undefined") { // no params, redirect to current page
window.location = o.location;
return; // we don't bother processing the rest of this, just immediately redirect
} else if (params.indexOf("/account/gopro") !== -1) { // found "/account/gopro" in params, so redirect there
o.nextHref = o.protocol + "//" + o.host + params;
} else if (params.indexOf("nxtPg=") === -1) { // we have a URL declared as a string
o.nextHref = params;
} else { // a string of query parameters, we need to parse out the values
o.nextPage = params.substring(params.indexOf("nxtPg=") + 6);
o.nextHref = o.protocol + "//" + o.host + o.nextPage;
}
window.location = o.nextHref;
}();
if (typeof source !== "undefined" && source !== "" && typeof _gaq !== "undefined") {
_gaq.push(['_trackPageview', '/event/fb_login/' + source + '/']);
}
return o.doit;
};
</script><script type="text/javascript" src="/static/js/gw-11.6.4/lib/gw.min.js"></script><script type="text/javascript"> setTimeout(ghostwriter.loadscripts, 2500); </script><script type="text/javascript"></script><script type="text/javascript">
_qoptions={
qacct:"p-d6RKK49nWAdvA",
labels:"technology.websites"
};
</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script><noscript><a href="http://www.quantcast.com/p-d6RKK49nWAdvA" target="_blank"><img src="http://pixel.quantserve.com/pixel/p-d6RKK49nWAdvA.gif?labels=technology.websites" border="0" height="1" width="1" alt="Quantcast" class="quantcast_img_0" /></a></noscript>
<script type="text/javascript" src="http://b.scorecardresearch.com/beacon.js"></script>
<script type="text/javascript">
COMSCORE.beacon({
c1:2,
c2:7732561,
c3:"",
c4:"",
c5:"",
c6:"",
c15:""
});
</script>
<noscript>
<img src="http://b.scorecardresearch.com/p?c1=2&c2=7732561&c3=&c4=&c5=&c6=&c15=&cj=1" />
</noscript>
<script type="text/deferscript">
_gaq.push(['_trackPageview', '/event/technology/websites/Step by Step/none/contest-/']);
</script>
<!-- google_ad_section_start(weight=ignore) -->
<div id="authorBio" class="clearfix"><div class="following"><div class="bubble">3<br /><span>Followers</span><img src="/static/img/probox-bubble-point.png" class="bubble-point" /></div><input type="button" class="big-button" value="Follow" id="subscribe" /><script type="text/javascript" language="javascript">
$("#subscribe").click(function (evt) {
navoperator.makeLoginByJquery();
});
</script></div><div id="bio-statbox"><a href="/member/samsq1/" title="view samsq1's profile" class="authorImg memberstats id-samsq1"><img src="http://img.instructables.com/files/deriv/FF1/QIQ3/FQHNOP2A/FF1QIQ3FQHNOP2A.TINY.jpg" /><div class="count">1</div></a></div><div class="byline"><span class="pro_author_ajax_span_0">Author:</span><a href="/member/samsq1/" title="view samsq1's profile">samsq1</a></div><div class="text cropped"></div></div>
<!-- google_ad_section_end -->
<script class="tier1" type="text/deferscript">
$(function () {
$("#author-bio").replaceWith($("#authorBio"));
$("#authorBio .moreLink").click(function (evt) {
evt.preventDefault();
$("#authorBio .cropped").toggle();
$("#authorBio .full").toggle();
if ($(this).text().indexOf("more") !== -1) {
$(this).html("« less");
} else {
$(this).html("» more");
}
});
});
</script><script type="text/javascript" src="/static/js/jqplugins/jquery.notes.js"></script><script type="text/javascript" src="/static/js/imagespot.js"></script><script type="text/javascript">
/* */
$(function () {
function exists(thing) {
return (typeof thing !== "undefined");
}
$(".images-holder").each(function () {
var spotid = $(this).find(".image-spot").attr("id");
var first_img = $("#img_" + spotid);
var first_img_id = first_img && first_img.attr("class") && first_img.attr("class").split(" ")[1].substring(3);
if(first_img_id) {
if (exists(notesArray[first_img_id])) {
$("#img_" + spotid).notes(notesArray[first_img_id], false, $(this));
}
if (exists(spotid) && exists(notesArray)) {
var spot = new ImageSpot(7, spotid, notesArray);
}
}
});
$(".image-show-container .next-row").show();
});
/* */
</script><script class="tier1" type="text/deferscript" defersrc="/static/js/statcard.jq.js"></script></body></html>
BASIC HTML:
All HTML codes must begin with and end with . The indicates the closing text, or in this case, the closing of the HTML document. Most HTML commands end with .
List of Commands:
The opening and closing of the document.