A Simple Guide to Html (Simple Guide)

A Simple Guide to Html (Simple Guide)

By: Brian Salter (author), Naomi Langford-Wood (author)Paperback

More than 4 weeks availability

Description

HTML is still regarded as the most popular and easy to use of the web development tools. Its user base is enormous, and has an extremely high hobbyist user base. A Simple Guide to HTML offers the reader a brief introduction to the technology and explains some basics of web development. Readers will be able to create simple web pages and basic web sites by following the step by step examples. HTML has received no major upgrades in recent years, and has become entrenched in the world of web design. This book is the first step for anybody wanting to begin designing web sites.

Create a review

About Author

About the authors Brian Salter and Naomi Langford-Wood are 21st-century business experts and practical visionaries. Having come from very different backgrounds, they are specialists in all aspects of communication, motivation, strategy and other business issues including the use of Internet technologies and e-business and the building of powerful online communities; and they are leading inter-national speakers in this arena. Because of these core skills, they have increasingly found their company (Topspin Group - www.topspin-group.com) in demand for advice on the use of emerging technologies within business, and - in the process - recognised that the cornerstone requirement for all of this commenced with conducting client Internet and communications audits, as a prerequisite to creating effective market positioning and customer-focused business strategies for these clients. This approach has led to commissions by companies worldwide - both 'blue chip' and SMEs - for high-level consultancies and entrepreneurial flair. Together, Brian and Naomi help companies realise their full potential by incorporating the new technologies into their business processes as painlessly and profitably as possible whilst looking after each company's core assets - its people. Founders of The Association of E-Business Professionals (www.e-biz-pro.org), they are also fellows of the Royal Society of Arts and the Institute of Directors.

Contents

Introduction xii What is in this book xii Conventions and icons xiii About the authors xiv 1 Document structure 1 What is HTML? 2 Why bother with the code at all? 7 A basic page 9 12 13 13 The other stuff 13 15 A word of warning 15 4 Multimedia 57 Sound 58 Video 63 Flash and Shockwave 63 Java applets 64 5 Links and image maps 67 HREF 68 Relative path names 69 Absolute path names 70 Linking to Web pages 71 Linking to specific locations 72 Special characters 73 Mailto: 74 Using images as links 75 Image maps 76 6 Lists 81 Numbered lists 82 Bulleted lists 87 Margins and padding 127 Backgrounds 129 Borders 131 Text appearance 132 Text alignment 133 Inline styles 134 9 Frames 137 What are frames? 138 Target 140 <BASE> 144 Framesets 144 <FRAME> 146 <NOFRAMES> 147 Frame borders 148x 10 Forms 151 Why forms? 152 What's in a form? 152 Buttons 153 Text input 154 Radio buttons 157 Check boxes 158 Resetting values 159 Selections 160 Form methods 162 CGI script 162 11 JavaScript and DHTML 165 JavaScript structure 166 Sourcing JavaScript programs 167 Dynamic HTML 169 Dynamic styles 170 Dynamic content 175 Positioning and animation 177 12 Meta tags 181 What are meta tags? 182 General tags 184 Format 185 DC tags 187 Other tags 188 Appendix: HTML colour equivalents 191 Index 197 Graphics and image maps Style sheets Tables Frames Forms Metatags Javascript and a whole lot more along the way. You'll find copious screen shots and snippets of code to help you grasp the concepts quickly and easily.</span></div><div class="tabs product_tabs"> <div class="product_section section "> <h3><span>Product Details</span></h3> <ul class="product_attribute_list"> <li itemprop="publication date"> <strong>publication date:</strong> 30/04/2002</li><li itemprop="ISBN13"> <strong>ISBN13:</strong> 9780130088437</li><li itemprop="Format"> <strong>Format:</strong> Paperback</li><li itemprop="Number Of Pages"> <strong>Number Of Pages:</strong> 224</li><li itemprop="id"><strong>ID:</strong> 9780130088437</li> <li itemprop="weight"> <strong>weight:</strong> 629</li><li itemprop="ISBN10"> <strong>ISBN10:</strong> 0130088439</li></ul></div> <div class="product_section section "> <h3><span>Delivery Information</span></h3> <ul class="product_attribute_list"> <li><strong>Saver Delivery: </strong> Yes</li> <li><strong>1st Class Delivery: </strong> Yes</li> <li><strong>Courier Delivery: </strong> Yes</li> <li><strong>Store Delivery: </strong> Yes</li> </ul></div></div> </div> <div class="g2"> <div class="section gadget rankedlist norank" data-gadget-url="/pws/AJCategorySolrSearch.ice?paId=wc_dept&value=books-computing-and-technology-web-programming-02x01151&page=1&results=5&sort=asc_bestSellerRanking&layout=gadget.layout&gadgetJSON=%7b%22unique%22%3a%22true%22%2c%22results%22%3a%225%22%2c%22imageSize%22%3a%22none%22%2c%22exclude%22%3a%229780130088437%22%2c%22type%22%3a%22rankedlist%22%2c%22size%22%3a%224%22%7d"> <h3 class=""> <a href="https://www.whsmith.co.uk/dept/books-computing-and-technology-web-programming-02x01151?sort=asc_bestSellerRanking" title="Web Programming"><span>Web Programming</span></a> <a href="https://www.whsmith.co.uk/dept/books-computing-and-technology-web-programming-02x01151?sort=asc_bestSellerRanking" class="view_more" title="Web Programming">View More</a> </h3> </div><div class="section gadget rankedlist norank" data-gadget-url="/pws/AJCategorySolrSearch.ice?paId=wc_dept&value=books-computing-and-technology-02x00011&page=1&results=5&sort=asc_bestSellerRanking&layout=gadget.layout&gadgetJSON=%7b%22unique%22%3a%22true%22%2c%22results%22%3a%225%22%2c%22imageSize%22%3a%22none%22%2c%22exclude%22%3a%229780130088437%22%2c%22type%22%3a%22rankedlist%22%2c%22size%22%3a%224%22%7d"> <h3 class=""> <a href="https://www.whsmith.co.uk/dept/books-computing-and-technology-02x00011?sort=asc_bestSellerRanking" title="Computing and Technology"><span>Computing and Technology</span></a> <a href="https://www.whsmith.co.uk/dept/books-computing-and-technology-02x00011?sort=asc_bestSellerRanking" class="view_more" title="Computing and Technology">View More</a> </h3> </div><div class="product_section section more_like_this"> <h3><span>More like this</span></h3> <span itemprop="department"><a class="more_link" href="https://www.whsmith.co.uk/dept/books-computing-and-technology-02x00011"><strong>Category:</strong> Computing and Technology<em>»</em></a></span> <span itemprop="department"><a class="more_link" href="https://www.whsmith.co.uk/dept/books-computing-and-technology-computer-programming-and-software-development-02x00112"><strong>Category:</strong> Computer Programming and Software Development<em>»</em></a></span> <span itemprop="department"><a class="more_link" href="https://www.whsmith.co.uk/books"><strong>Category:</strong> Books<em>»</em></a></span> <span itemprop="series"> <a class="more_link" href="https://www.whsmith.co.uk/books?view=list&filters=FILTER_series%3aSimple+Guide"> <strong>series</strong>: Simple Guide<em>»</em> </a> </span> <span itemprop="publisher"> <a class="more_link" href="https://www.whsmith.co.uk/books?view=list&filters=FILTER_publisher%3aPearson+Education+(US)"> <strong>publisher</strong>: Pearson Education (US)<em>»</em> </a> </span> <span itemprop="imprint"> <a class="more_link" href="https://www.whsmith.co.uk/books?view=list&filters=FILTER_imprint%3aPrentice+Hall"> <strong>imprint</strong>: Prentice Hall<em>»</em> </a> </span></div></div> </div> </div> <!-- CMS PLACEHOLDER Field:MainEnd END --></div> <div id="price_disclaimer"> <p>Prices are for internet purchases only. Prices and availability in WHSmith Stores may vary significantly</p> </div> <div id="footer"> <div class="container"> <a name="footer_anchor" id="footer_anchor" tabindex="0"></a><!-- CMS PLACEHOLDER Page:BottomNav Field:FooterStart END --><ul id="footer_links"> <li> <a href="/fcp/content/Help-YourOrderAndDetails/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|yourorderanddetails', {'nonInteraction': 1});"><h4>Your Order & details</h4></a> <ul> <li><a href="/fcp/content/Help-MyOrderAndDetails-WhereIsMyOrder/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|whereisorder', {'nonInteraction': 1});">Where is my order?</a></li> <li><a href="/fcp/content/Help-YourOrderAndDetails-CancelOrChangeAnOrder/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|cancelchangeorder', {'nonInteraction': 1});">Cancel or change an order?</a></li> <li><a href="/fcp/content/Help-YourOrderAndDetails-ReturnsAndRefunds/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|returnrefund', {'nonInteraction': 1});">Return & refund?</a></li> <li><a href="/pws/secure/ManageAccount.ice" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|myaccount', {'nonInteraction': 1});">My Account</a></li> </ul> </li> <li> <a href="/fcp/content/Help-HowToOrder/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|howtoorder', {'nonInteraction': 1});"><h4>How to order</h4></a> <ul> <li><a href="/fcp/content/Help-HowToOrder-WhatCanIBuy/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|whatcanibuy', {'nonInteraction': 1});">What can I buy?</a></li> <li><a href="/fcp/content/Help-HowToOrder-AreYouInStock/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|areweinstock', {'nonInteraction': 1});">Are we in stock?</a></li> <li><a href="/fcp/content/Help-HowToOrder-Ordering/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|ordering', {'nonInteraction': 1});">Ordering</a></li> <li><a href="/fcp/content/Help-HowToOrder-Paying/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|paying', {'nonInteraction': 1});">Paying</a></li> <li><a href="/fcp/content/Help-HowToOrder-DeliveryAndCollection/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|delandcoll', {'nonInteraction': 1});">Delivery & collection</a></li> </ul> </li> <li> <a href="/fcp/content/help-home/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|help', {'nonInteraction': 1});"><h4>Help</h4></a> <ul> <li><a href="/fcp/content/help-home/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|helphome', {'nonInteraction': 1});">Help home</a></li> <li><a href="/fcp/content/free-delivery-and-returns/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|getfreedelivery', {'nonInteraction': 1});">Get FREE Delivery</a></li> <li><a href="/fcp/content/Help-GiftPackandGiftCard-RegisterYourGiftPack/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|gpackactivation', {'nonInteraction': 1});">Gift pack activation</a></li> <li><a href="/fcp/content/Home-Help-GiftsPacksandGiftCards-GiftCardsHelp/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|gcardhelp', {'nonInteraction': 1});">Gift card help</a></li> <li><a href="/fcp/content/Help-eBooks/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|ebookhelp', {'nonInteraction': 1});">eBooks help </a></li> <li><a href="/fcp/content/Help-OnlinePolicies-TermsAndConditions/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|tsandcs', {'nonInteraction': 1});">Terms & conditions</a></li> </ul> </li> <li> <a href="/fcp/content/Help-AboutUs/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|aboutus', {'nonInteraction': 1});"><h4>About us</h4></a> <ul> <li> <a href="/fcp/content/Help-AboutUs-AboutWHSmith/content" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|aboutwhs', {'nonInteraction': 1});">About WHSmith</a></li> <li><a href="http://www.whsmithplc.co.uk/about_whsmith/international/" target="_blank" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|whsint', {'nonInteraction': 1});">WHSmith International</a></li> <li><a href="/pws/StoreFinder.ice?country=GB&page=stores" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|storefinder', {'nonInteraction': 1});">Store finder</a></li> <li><a href="https://blog.whsmith.co.uk/" target="_blank" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|blog', {'nonInteraction': 1});">WHSmith Blog</a></li> <li><a href="https://blog.whsmith.co.uk/richard-judy/" target="_blank" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|randjBC', {'nonInteraction': 1});">Richard and Judy Book Club</a></li> <li><a href="http://www.whsmithcareers.co.uk/" target="_blank" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|jobs', {'nonInteraction': 1});">Jobs</a></li> <li><a href="http://local.whsmith.co.uk/" target="_blank" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|whslocal', {'nonInteraction': 1});">WHSmith Local</a></li> </ul> </li> <li> <h4>Follow us</h4> <ul> <li> <div id="social_icons"> <a href="https://plus.google.com/+whsmith/posts" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|googleplus', {'nonInteraction': 1});" id="social_google" target="_blank"></a> <a href="https://twitter.com/WHSmith" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|twitter', {'nonInteraction': 1});" id="social_twitter" target="_blank"></a> <a href="https://instagram.com/whsmithofficial/" target="_blank" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|instagram', {'nonInteraction': 1});"><img src="https://btmedia.whsmith.co.uk/pws/client/images/man/whsinstagramlogo.jpg"></a> <a href="https://www.facebook.com/WHSmithuk" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|facebook', {'nonInteraction': 1});" id="social_facebook" target="_blank"></a> <a href="https://www.pinterest.com/whsmithcouk/" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|pinterest', {'nonInteraction': 1});" id="social_pintrest" target="_blank"></a> <a href="https://www.youtube.com/user/whsmithdirect?feature=results_main" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|youtube', {'nonInteraction': 1});" id="social_youtube" target="_blank"></a> </div> </ul> </li> </ul> <div id="cookie_notice"> <h4>WHSmith's cookies policy</h4> <p>To give you the best possible experience this site uses cookies. Using this site means you agree to our use of cookies.</p> <p>Find out more about the cookies we use. <a href="/fcp/content/Help-OnlinePolicies-PrivacyPolicyandCookies/content#privacycookies" onclick="ga('GTMSmithsTracker.send', 'event', 'Navigation', 'Footernav', 'footer|privacycookies', {'nonInteraction': 1});">View privacy and cookies policy</a>.</p> </div> <!-- Google Tag Manager --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-VLWGP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-VLWGP');</script> <!-- End Google Tag Manager --><!-- CMS PLACEHOLDER Page:BottomNav Field:FooterEnd END --></div> </div> <p id="copyright_notice"> <span class="container">© Copyright 2013 - 2016 WHSmith and its suppliers. <span class="checkout-address">WHSmith High Street Limited Greenbridge Road, Swindon, Wiltshire, United Kingdom, SN3 3LD, VAT GB238 5548 36</span> </span> </p> <!-- CMS PLACEHOLDER Field:PageEnd END --><div id="block"> <div class="pop_up"> <span class="close">Close</span> <div class="pop_up_content container"></div> </div> </div> <!-- CMS PLACEHOLDER Page:BottomNav Field:FooterJSStart END --><script src="/mergeAssets/global.js?client=WHSmith&js=vendor-template,vendor-hoverIntent,vendor-jquery-ui,vendor-cookie,vendor-ajaxForm,vendor-jquery-validate,vendor-jquery-placeholder,vendor-metadata,vendor-dotdotdot,frescaValidate,selectMenu,block,miniBasket,gadgets,templates,popUps,readMoreText,_global,forms"></script> <script src="/mergeAssets/product.js?client=WHSmith&js=alternativeImages,checkFileStatus,vendor-raty,_product"></script> <script src="/ratings/static/js/ratings-reviews-1.4.js"></script> <script src="/pws/client/javascript/client.js"></script> <!-- CMS Page:BottomNav Field:FooterJSEnd Author:Kyle --><script>var ondemo = true;</script> <script type="text/javascript"> var selectedCat = ""; function updateCat(data) { selectedCat = data; } </script> <script type="text/javascript" src="//whsmith.resultspage.com/autocomplete/sli-rac.config.js" ></script><!-- END CMS Page:BottomNav Field:FooterJSEnd Author:Kyle --><!-- CMS PLACEHOLDER Field:BodyEnd END --><!-- CMS PLACEHOLDER Page:TopNav Field:AccessKeys END --></body> </html>