How to Make a Free Website Using HTML.

73,114

20

9

Published

Introduction: How to Make a Free Website Using HTML.

Now I know that anyone can go to freewebs (ahem, webs) and get a free website, but that requires no skill. What does require skill is HTML. HTML stands for Hyper Text Markup Language, and it is the building block of every website.

Step 1: Sub-Domains.

To get the essential website started, you need to get a Sub-Domain. A Sub-Domain is a URL that is a subsidiary of a regular URL. An example of a Sub-Domain would be woddlegames.bananimated.com or thezombiefuture.webs.com. To get your website up and running, we are going to use webs.com to get our Sub-Domain. Make a Webs account. Your username will be the title of the website, so act accordingly. When you get to the templates section of the account creator, click use advanced HTML template.

Step 2: HTML

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 class="step-toolbar"><button class="step-tip">Add Tip</button><button class="step-question">Ask Question</button><button class="step-comment">Comment</button><button class="svg-pdf step-download download-pdf" data-sourcea="course" data-role-group="pdf">Download</button></div></section><section id="step3" class="step" data-stepid="S8BWOG7FQHNOPCP"><h2 class="step-title">Step 3: Creating the Final Product.</h2><div class="mediaset"></div><div class="step-body"><p>Mouse over to the <em>Edit My Site</em> drop down menu and select <em>File manager.</em> Then click on the T next to a file and name it <em>index.html</em>. The .html is incredibly important, as it will be your home page. Then go back to the file manager and click on the pencil next to index.html and create your website!<br/></p></div><div class="step-toolbar"><button class="step-tip">Add Tip</button><button class="step-question">Ask Question</button><button class="step-comment">Comment</button><button class="svg-pdf step-download download-pdf" data-sourcea="course" data-role-group="pdf">Download</button></div></section><div class="dual-ads"><div class="dual-ads-inner"><div id="gpt-ad-inline-med-1" class="gpt-ad"><script> renderAdSlot('gpt-ad-inline-med-1'); </script></div><div id="gpt-ad-inline-med-2" class="gpt-ad"><script> renderAdSlot('gpt-ad-inline-med-2'); </script></div></div></div><section class="imadeits"><h2>Share</h2><ul class="list-unstyled unstyled imadeit-list"></ul><div class="edit-discussion-comment"></div><div class="share"><div class="share-inner"><p>Did you make this project? Share it with us!</p><button class="btn btn-orange made-it-btn">I Made It!</button></div></div></section><section class="recommendations"><h2>Recommendations</h2><ul class="list-unstyled projects"><li><article><a href="/id/Living-Hinge-Pineapple-Ukulele/"><img alt="Living Hinge Pineapple Ukulele" class="lazy-img-scroll" src="/intl_static/img/pixel.png" data-src="https://cdn.instructables.com/F81/1LCG/JIETZWWL/F811LCGJIETZWWL.RECTANGLE1.jpg?auto=webp"></a><div class="caption"><h3><a href="/id/Living-Hinge-Pineapple-Ukulele/">Living Hinge Pineapple Ukulele</a></h3><footer><p>by <a href="/member/CoolStuffByMatt/">CoolStuffByMatt</a> in <a href="/technology/">Technology</a></p></footer></div></article></li><li><article><a href="/id/The-Earth-Clock/"><img alt="The Earth Clock" class="lazy-img-scroll" src="/intl_static/img/pixel.png" data-src="https://cdn.instructables.com/FJ0/8AUR/JIETXIM8/FJ08AURJIETXIM8.RECTANGLE1.jpg?auto=webp"></a><div class="caption"><h3><a href="/id/The-Earth-Clock/">The Earth Clock</a></h3><footer><p>by <a href="/member/SimonRob/">SimonRob</a> in <a href="/technology/clocks/">Clocks</a></p></footer></div></article></li><li><article><a href="/id/FPV-Rover-V20/"><img alt="FPV Rover V2.0" class="lazy-img-scroll" src="/intl_static/img/pixel.png" data-src="https://cdn.instructables.com/FET/PKH6/JIDGOAUU/FETPKH6JIDGOAUU.RECTANGLE1.jpg?auto=webp"></a><div class="caption"><h3><a href="/id/FPV-Rover-V20/">FPV Rover V2.0</a></h3><footer><p>by <a href="/member/markus.purtz/">markus.purtz</a> in <a href="/technology/remote-control/">Remote Control</a></p></footer></div></article></li><li><article><a href="/class/3D-CAM-and-CNC-Class/"><img alt="3D CAM and CNC Class" class="lazy-img-scroll" src="/intl_static/img/pixel.png" data-src="https://cdn.instructables.com/FNR/PT8J/JDYUQECL/FNRPT8JJDYUQECL.RECTANGLE1.jpg?auto=webp"></a><div class="caption"><img alt="3D CAM and CNC Class" class="lazy-img-scroll" src="/intl_static/img/pixel.png" data-src="https://cdn.instructables.com/FYG/LHT1/IV0AKFRL/FYGLHT1IV0AKFRL.SQUARE2.jpg?auto=webp"><h3><a href="/id/3D-CAM-and-CNC-Class/">3D CAM and CNC Class</a></h3><footer><p>582 Enrolled</p></footer></div></article></li></ul><ul class="list-unstyled contests"><li><h3 class="sr-only">Planter Challenge</h3><a href="/contest/planters/"><img class="lazy-img-scroll" src="/intl_static/img/pixel.png" data-src="https://cdn.instructables.com/FBS/97QY/JHKTUYXH/FBS97QYJHKTUYXH.MEDIUM.jpg?auto=webp" alt="Planter Challenge"></a></li><li><h3 class="sr-only">Clocks Contest</h3><a href="/contest/clocks2018/"><img class="lazy-img-scroll" src="/intl_static/img/pixel.png" data-src="https://cdn.instructables.com/F1G/H4TQ/JHKTU6V6/F1GH4TQJHKTU6V6.MEDIUM.jpg?auto=webp" alt="Clocks Contest"></a></li><li><h3 class="sr-only">Make it Move Contest</h3><a href="/contest/makeitmove2018/"><img class="lazy-img-scroll" src="/intl_static/img/pixel.png" data-src="https://cdn.instructables.com/FZ5/TR0T/JGGTEX99/FZ5TR0TJGGTEX99.MEDIUM.jpg?auto=webp" alt="Make it Move Contest"></a></li></ul></section><div id="discuss"><div class="discuss discuss-all"><div class="postbox"><img class="poster" alt="user" src="/static/defaultIMG/user.TINY.gif"><div class="field"><button class="tip">Add Tip</button><button class="question">Ask Question</button><button class="comment">Post Comment</button></div></div><div class="image-bucket clearfix"></div><div class="actions"><p class="policy">We have a <b>be nice</b> policy.<br> Please be positive and constructive.</p><button class="btn add-image-btn" disabled>Add Images</button><button class="btn btn-orange post-btn" disabled>Post</button></div></div></div><section class="discussion tips hide"><h2>Tips</h2><div class="posts"></div><button class="btn btn-orange tip-btn">Add Tip</button></section><section class="discussion questions hide"><h2>Questions</h2><div class="posts"></div><button class="btn btn-orange ask-btn">Ask Question</button></section><section id="comments" class="discussion comments "><h2>9 Comments</h2><div class="posts"><article class="post" data-id="CCDQ4H2ITSX72LQ" data-authorid="M8BK8VIITEJ9FPY" ><footer><h3 class="byline"><a class="user " href="/member/Ashley7777/">Ashley7777</a><span class="time"> 1 year ago</span></h3><div class="toolbar"><button class="btn reply-btn">Reply</button></div><a class="avatar" href="/member/Ashley7777/"><img class="lazy-img-scroll" data-src="https://www.instructables.com/static/defaultIMG/default.TINY.png" src="/intl_static/img/pixel.png" alt="user"></a></footer><div class="text"><p>Hi, thanks a lot for the great instuction, as I am currently stydying <br>CSS and HTML to make my web sites. Though, at the moment this all is <br>quite new to me, and WIX is the tool I currently use for my projects. By<br> the way, if someone here needs an idea on how to make a site seconds, <br>here is the list I recommend: 15 Best Free Website Builders</p></div></article><article class="post" data-id="CF1NKPNIL6XIWZR" data-authorid="MDQKHY1I6EXEXNT" ><footer><h3 class="byline"><a class="user " href="/member/itsruthanitha/">itsruthanitha</a><span class="time"> 2 years ago</span></h3><div class="toolbar"><button class="btn reply-btn">Reply</button></div><a class="avatar" href="/member/itsruthanitha/"><img class="lazy-img-scroll" data-src="https://www.instructables.com/static/defaultIMG/default.TINY.png" src="/intl_static/img/pixel.png" alt="user"></a></footer><div class="text"><p>Thanks for sharing the Info. </p><p>I found this Free Webpage Builder. Easy to create a Webpage to write a review post about the product or service. It helps to optimize the post with Google Adsense, Amazon Promotion, Generate Leads. http://www.earnmoneyonlinehelp.com</p></div></article><article class="post" data-id="CPCQC9CIGSF2V7S" data-authorid="MJURPX6IGSM9YGU" ><footer><h3 class="byline"><a class="user " href="/member/johnsonjohn24/">johnsonjohn24</a><span class="time"> 2 years ago</span></h3><div class="toolbar"><button class="btn reply-btn">Reply</button></div><a class="avatar" href="/member/johnsonjohn24/"><img class="lazy-img-scroll" data-src="https://www.instructables.com/static/defaultIMG/default.TINY.png" src="/intl_static/img/pixel.png" alt="user"></a></footer><div class="text"><p>Great article !</p><p>We are experts in Website Design & Development (PSD to HTML5, Wordpress, PHP), Software Development, Mobile App Development and more.</p><p>Visit us: <a href="http://imperialservices.co.in/" rel="nofollow">http://imperialservices.co.in/</a></p></div></article><article class="post" data-id="COKHLCXHNM4A9YH" data-authorid="MB9C2HKGP7IEYXK" ><footer><h3 class="byline"><a class="user " href="/member/Josehf+Murchison/">Josehf Murchison</a><span class="time"> 4 years ago</span></h3><div class="toolbar"><button class="btn reply-btn">Reply</button></div><a class="avatar" href="/member/Josehf+Murchison/"><img class="lazy-img-scroll" data-src="https://cdn.instructables.com/F0Q/YHDE/GP7IEZT2/F0QYHDEGP7IEZT2.TINY.jpg" src="/intl_static/img/pixel.png" alt="user"></a></footer><div class="text"><p>I found HTMLs that work in Instructables come see.<br><br><a href="https://www.instructables.com/id/Snork-Adding-HTML-TAGS-to-Instructables/" rel="nofollow">https://www.instructables.com/id/Snork-Adding-HTML-TAGS-to-Instructables/</a></p></div></article><article class="post" data-id="CA5QV0BH4AGINPW" data-authorid="MIOVAJ6H4AG52XF" ><footer><h3 class="byline"><a class="user " href="/member/Ink+Ninja/">Ink Ninja</a><span class="time"> 5 years ago</span></h3><div class="toolbar"><button class="btn reply-btn">Reply</button></div><a class="avatar" href="/member/Ink+Ninja/"><img class="lazy-img-scroll" data-src="https://cdn.instructables.com/FAU/PKUR/H4AG8XYR/FAUPKURH4AG8XYR.TINY.jpg" src="/intl_static/img/pixel.png" alt="user"></a></footer><div class="text"><p>There are 2 downsides to this. <br>1) I checked out webs.com, and apparently, it no longer does the HTML editor anymore. <br>2) You don't actually help with the learning of HTML. You basically just point to another website and say, "There! Look at that, I can't be bothered to teach you HTML." Perhaps you could create an actual guide to HTML and link to it on the Instructable.</p></div><a class="show-hidden-replies" data-num-hidden="1" role="button">1 reply<i class="icon-arrow-down"></i></a></article><article class="post reply hide" data-id="CJ2ZH92HNM4A9TT" data-authorid="MB9C2HKGP7IEYXK" data-inreplyto="CA5QV0BH4AGINPW"><footer><h3 class="byline"><a class="user " href="/member/Josehf+Murchison/">Josehf Murchison</a><span class="time"> 4 years ago</span></h3><div class="toolbar"><button class="btn reply-btn">Reply</button></div><a class="avatar" href="/member/Josehf+Murchison/"><img class="lazy-img-scroll" data-src="https://cdn.instructables.com/F0Q/YHDE/GP7IEZT2/F0QYHDEGP7IEZT2.TINY.jpg" src="/intl_static/img/pixel.png" alt="user"></a></footer><div class="text"><p>I found HTMLs that work in Instructables come see.<br><br><a href="https://www.instructables.com/id/Snork-Adding-HTML-TAGS-to-Instructables/" rel="nofollow">https://www.instructables.com/id/Snork-Adding-HTML-TAGS-to-Instructables/</a></p></div></article><article class="post" data-id="CAIWUI8GA8NEF3J" data-authorid="MIRS6ZUFRBPZDRI" ><footer><h3 class="byline"><a class="user " href="/member/Shoukei/">Shoukei</a><span class="time"> 8 years ago</span></h3><div class="toolbar"><button class="btn reply-btn">Reply</button></div><a class="avatar" href="/member/Shoukei/"><img class="lazy-img-scroll" data-src="https://cdn.instructables.com/FJY/8EU1/GA8NEF3E/FJY8EU1GA8NEF3E.TINY.jpg" src="/intl_static/img/pixel.png" alt="user"></a></footer><div class="text"><p>Making simple websites like those are really easy but the end produce would be just a rather simple website.</p></div></article><article class="post" data-id="C17LDF7FQJ6BCOW" data-authorid="M7FT7ELMCSETVPMRPA" ><footer><h3 class="byline"><a class="user " href="/member/upriverpaddler/">upriverpaddler</a><span class="time"> 9 years ago</span></h3><div class="toolbar"><button class="btn reply-btn">Reply</button></div><a class="avatar" href="/member/upriverpaddler/"><img class="lazy-img-scroll" data-src="https://www.instructables.com/static/defaultIMG/default.TINY.png" src="/intl_static/img/pixel.png" alt="user"></a></footer><div class="text"><p>Seems like spam to me. "How To Make A Website" Step 1 - Sign up at our site. Step 2 - Learn to make a website yourself. ???</p></div></article><article class="post" data-id="CS6HDCTFQHNKWEG" data-authorid="MOYN609F82EXH8N" ><footer><h3 class="byline"><a class="user " href="/member/stephenniall/">stephenniall</a><span class="time"> 9 years ago</span></h3><div class="toolbar"><button class="btn reply-btn">Reply</button></div><a class="avatar" href="/member/stephenniall/"><img class="lazy-img-scroll" data-src="https://cdn.instructables.com/F6X/LJVP/G7DYOIT1/F6XLJVPG7DYOIT1.TINY.jpg" src="/intl_static/img/pixel.png" alt="user"></a></footer><div class="text"><p>Pretty good i'ble Try and show some of what Html actually does and examples lol PS On your home page it is just easier to put .htm not .html</p></div></article></div><button class="btn btn-orange comment-btn">Post Comment</button></section></div><div class="sidebar"><div class="adBlockWrapper"><div class="adBlock"><div id="gpt-ad-med-rectangle" class="gpt-ad"><script> renderAdSlot('gpt-ad-med-rectangle'); </script></div></div></div><div id="ible-stickyad-wrapper" class="adBlockWrapper"><div id="ible-stickyad"><div id="gpt-ad-sidebar-brand" class="gpt-ad"><script> renderAdSlot('gpt-ad-sidebar-brand'); </script></div></div></div></div></div></article><div id="admin-container"></div></main><footer id="jsp-footer"><div id="gbl-footer"><div class="container"><div class="row-fluid"><div class="footer-robot robot-icon"></div><div class="col" id="footer-categories"><h3>Categories</h3><ul><li class="technology"><a href="/technology/" title="Technology"><div class="category-icon technology"></div>Technology</a></li><li class="workshop"><a href="/workshop/" title="Workshop"><div class="category-icon workshop"></div>Workshop</a></li><li class="craft"><a href="/craft/" title="Craft"><div class="category-icon craft"></div>Craft</a></li><li class="home"><a href="/home/" title="Home"><div class="category-icon home"></div>Home</a></li></ul><ul><li class="food"><a href="/food/" title="Food"><div class="category-icon food"></div>Food</a></li><li class="play"><a href="/play/" title="Play"><div class="category-icon play"></div>Play</a></li><li class="outside"><a href="/outside/" title="Outside"><div class="category-icon outside"></div>Outside</a></li><li class="costumes"><a href="/costumes/" title="Costumes"><div class="category-icon costumes"></div>Costumes</a></li></ul></div><div class="col" id="footer-aboutus"><h3>About Us</h3><ul><li><a href="/about/" title="About Us">Who We Are</a></li><li><a href="/about/create.jsp" title="Why Publish">Why Publish?</a></li><li><a href="/community/Positions-available-at-Instructables/" title="Jobs">Jobs</a></li><li><a href="/contact/" title="Contact">Contact</a></li></ul></div><div class="col" id="footer-resources"><h3>Resources</h3><ul><li><a href="http://www.autodesk.com/pier-9/residency/home" title="Residency Program">Residency Program</a></li><li><a href="/topics/" title="Forums">Community</a></li><li><a href="/sitemap/" title="Sitemap">Sitemap</a></li><li><a href="/id/how-to-write-a-great-instructable/" title="Help">Help</a></li></ul></div><div class="col" id="footer-findus"><h3>Find Us</h3><ul><li><a class="instagram" href="http://www.instagram.com/instructables/" title="Instagram"><img alt="instagram" id="instagram-share" src="/intl_static/img/social/icon-share-instagram.svg"/></a></li><li><a class="pinterest" href="http://www.pinterest.com/instructables" title="Pinterest"><img alt="pinterest" id="pinterest-share" src="/intl_static/img/social/icon-share-pinterest.svg"/></a></li><li><a class="facebook" href="http://www.facebook.com/instructables" title="Facebook"><img alt="facebook" id="facebook-share" src="/intl_static/img/social/icon-share-facebook.svg"/></a></li><li><a class="twitter" href="http://www.twitter.com/instructables" title="Twitter"><img alt="twitter" id="twitter-share" src="/intl_static/img/social/icon-share-twitter.svg"/></a></li></ul></div></div></div><div class="container content-match"><div class="row-fluid"><hr/><div class="pull-right" id="footer-links"><p><a href="http://www.autodesk.com" id="adsk-logo" target="blank" title="Autodesk"><img alt="autodesk" src="/intl_static/img/footer/autodesk-make-anything-logo-white-small.png"/></a></p></div><div id="copyright-notice"><p>© 2018 Autodesk, Inc.</p><ul><li><a href="http://usa.autodesk.com/adsk/servlet/item?siteID=123112&id=21959721" target="_blank" title="Terms of Service">Terms of Service</a><span class="divider">|</span></li><li><a href="http://usa.autodesk.com/adsk/servlet/item?siteID=123112&id=21292079" target="_blank" title="Privacy Statement">Privacy Statement</a><span class="divider">|</span></li><li><a data-opt-in-preferences="">Privacy settings</a><span class="divider">|</span></li><li><a href="http://usa.autodesk.com/legal-notices-trademarks/" target="_blank">Legal Notices & Trademarks</a></li></ul></div></div></div></div></footer><script id="js-page-context" type="application/json">{"category":"technology","recaptchaSiteKey":"6Le9TAwTAAAAADEB44pkYQS2fm7hroFthrNqnoAb","sourceCookie":"iblesource","paymentPlans":{"quarterly":"QUARTERLY_SUBSCRIPTION","course":"CLASS_SUBSCRIPTION","annual":"ANNUAL_SUBSCRIPTION","twoYearSinglePayment":null},"ibleData":{"commentingEnabled":true,"featureFlag":false,"shareImageUrl":"https://cdn.instructables.com/FDL/8E30/FQHNOP40/FDL8E30FQHNOP40.RECT2100.jpg","indexTags":["internal"],"publishDate":"2009-01-28 07:32:53.0","id":"EO4JSANFQHNOP2F","category":"technology","author":{"tinyUrl":"https://cdn.instructables.com/FF1/QIQ3/FQHNOP2A/FF1QIQ3FQHNOP2A.TINY.jpg","id":"MI9ARANFNI3VTY9","screenName":"samsq1"},"coverImage":{"rectangle1Url":"https://cdn.instructables.com/FDL/8E30/FQHNOP40/FDL8E30FQHNOP40.RECTANGLE1.jpg"},"title":"How to Make a Free Website Using HTML.","urlString":"How-to-make-a-free-website-using-HTML","typeChar":"E","pgFlag":false,"type":"Step by Step","fullUrl":"http://www.instructables.com/id/How-to-make-a-free-website-using-HTML/","channel":"websites"},"staticRoot":"/intl_static/","loggedInCookie":"authy","nativeApp":false,"userCookie":"ibleuser","cacheUrls":["http://www.instructables.com/id/How-to-make-a-free-website-using-HTML/","http://api.instructables.com/json-api/showInstructableModel?versionId=&id=How-to-make-a-free-website-using-HTML","http://api.instructables.com/json-api/searchComments?instructableId=EO4JSANFQHNOP2F&IMadeIt=true","http://api.instructables.com/json-api/getComments?instructableId=EO4JSANFQHNOP2F&limit=10&IMadeIt=false&designation=tip","http://api.instructables.com/json-api/getComments?instructableId=EO4JSANFQHNOP2F&limit=20&IMadeIt=false&designation=question&designation=answer&designation=bestAnswer","http://api.instructables.com/json-api/getComments?commentId=&instructableId=EO4JSANFQHNOP2F&limit=20&IMadeIt=false&designation=comment","http://api.instructables.com/json-api/searchInstructables?sort=&featuredHomePage=true&limit=20&offset=0&additionalParams=-indexTags%3AdesignOnly%2C+%2B%28category%3Atechnology+OR+channel%3Awebsites%29&type=id","http://api.instructables.com/json-api/searchInstructables?sort=&isCourse=true&limit=20&offset=0&additionalParams=%2B%28indexTags%3AfeaturedTechnology+OR+indexTags%3AfeaturedWebsites%29&type=guide","http://api.instructables.com/json-api/searchInstructables?category=technology&sort=&isCourse=true&limit=1&offset=0&type=guide","http://api.instructables.com/json-api/getContests?sort=added&limit=50&offset=0","http://api.instructables.com/json-api/adSpot?itemCode=RECOMMENDED_CONTESTS_BACKUP_CATEGORIES"],"remoteRoot":"http://www.instructables.com/","currentLocale":"en_US","disableEmailVerifyWidget":false,"sessionCookie":"JSESSIONID","mobile":false,"remoteHost":"http://www.instructables.com","oauthGetAuthUrl":"http://www.instructables.com/oauth/getAuthUrl/","facebookAppId":"140028286058792","gtmContainerID":"GTM-PLDK3K","oauthCallbackUrl":"http://www.instructables.com/oauth/callback/","cookieSyncDomains":["https://www.instructables.community","https://www.instructables.com"],"channel":"websites"}</script><script> headJsLoaded(function(head){ head.test({ test: Ibles.isLoggedIn, success: ["/intl_static/ible-desktop-in-f8a2fcdd.js",], failure: ["/intl_static/ible-desktop-out-89096954.js",], callback: function() { var model = new Ibles.models.InstructableModel(_.extend({ disableComments: false, allSteps: true, fetchUserData: true, fetchStats: true }, Ibles.pageContext.ibleData)); var view = new Ibles.views.DesktopInstructableView({ el: "#article", model: model }); } }); }); </script></body></html>