HTML Chart
HTML, or Hyper Text Markup Language, is the language used to create web pages. Below is a reference chart of HTML tags.
Fundamentals
Tag
Property
Description
Top line of all html document
Houses general browser information for web page
<br>
Title of document. Located in header
background bgcolor bgsound font link alink vlink topmargin leftmargin marginheight marginwidth
Applies attributes to entire document
Text Modification
Example
Bolded text
Sample text
Italicized text
Underlined text
Preformatted text
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
Subscript
Superscript
Font
color size name
Applies style to text
Links
href target style class name id
Generates a link to other documents or locations
Images
src alt name border height width
Creates an image
Formatting
Used for long quotes. Indents all text and images within the tags.
Sample of text in a block quote format
Ordered List (used with )
Unordered List (used with )
List element
Definition List
Definition Term
Definition Description
Paragraph return
Sample
text
Line break
Horizontal rule
Center elements
Tables
border cellpadding cellspacing width height name id title bgcolor background align valign
Holds the table elements
height bgcolor background align valign title
Defines a new row
height width bgcolor background align valign title colspan rowspan
Defines a table cell
Table header. Automatically bolds and centers contents
height width align valign bgcolor background
Applies formatting to surrounded cells
height width align valign bgcolor background colspan
Applies formatting to given column
Forms
method action name
Holds the form elements
text password hidden radio checkbox submit image reset
Various types of form elements
name value width maxlength
password
hidden
name value
Used to pass hidden elements to forms
radio
Radio 1 Radio 2
checkbox
name value checked
Check 1 Check 2
submit
value
image
src height width alt name border
reset
name size
Create Drop-down boxes. Used in conjunction with option
selected name value
Option 1 Option 2
name rows cols wrap
Text area box. Text is typed between the tags</div> </div> </td> <td class="wsite-multicol-col" style="width:37.68115942029%; padding:0 15px;"> <div><div id="245197815673879370" align="center" style="width: 100%; overflow-y: hidden;" class="wcustomhtml"><script type="text/javascript"><!-- google_ad_client = "ca-pub-5374937340891402"; /* javascripts left side long */ google_ad_slot = "5890330083"; google_ad_width = 160; google_ad_height = 600; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div> </div> </td> </tr> </tbody> </table> </div></div></div> <div><div id="526075528241594251" align="left" style="width: 100%; overflow-y: hidden;" class="wcustomhtml"><!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class="addthis_button_compact"></a> <a class="addthis_counter addthis_bubble_style"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4e7bf45635e496c1"></script> <!-- AddThis Button END --></div> </div> <h2 class="wsite-content-title" style="text-align:left;">Category-HTML</h2> <div class="paragraph" style="text-align:left;display:block;">Tags-<strong>HTML Codes Reference Chart</strong><br />html codes chart<br />html code chart<br />html code reference<br />html chart code<br />chart html code<br />html reference<br />html codes<br />html chart<br />html code charts<br />html chart codes<br />html reference chart</div> </td> <td class="wsite-multicol-col" style="width:1.0298069899644%; padding:0 5px;"> <div class="wsite-spacer" style="height:50px;"></div> </td> </tr> </tbody> </table> </div></div></div> <div><div style="height: 20px; overflow: hidden; width: 100%;"></div> <hr class="styled-hr" style="width:100%;"></hr> <div style="height: 20px; overflow: hidden; width: 100%;"></div></div> </div> </div> </div> </div> </div> </div> </div> <div class="footer-wrap"> <div class="footer"> <style type="text/css"> @font-face { font-family: SQMarket-Medium; font-style: normal; font-weight: 500; src: url("//cdn2.editmysite.com/fonts/SQ_Market/sqmarket-medium.woff2") format("woff2"), url("//cdn2.editmysite.com/fonts/SQ_Market/sqmarket-medium.woff") format("woff"); } </style> <div id="weebly-footer-signup-container-v3"> <a href="https://www.weebly.com/signup?utm_source=internal&utm_medium=footer" target="_blank" class="signup-container-header" id="signup-link-href" > <div class="powered-by"> <div class="footer-published-ab-powered-by"> Powered by <span class="link weebly-icon"></span> <img class="footer-ab-published-toast-image" src="//cdn2.editmysite.com/images/site/footer/footer-toast-published-image-1.png"> <span class="footer-ab-published-toast-text">Create your own unique website with customizable templates.</span> <span class="footer-ab-published-toast-button-wrapper"> <button class="footer-published-ab-button">Get Started</button> </span> </div> </div> </a> </div> <script type="text/javascript" src="//cdn2.editmysite.com/js/site/footerSignup.js?buildTime=1634591730"></script> <script type="text/javascript"> if (document.readystate === 'complete') { Weebly.footer.setupContainer('cdn2.editmysite.com', '1634591730'); } else { document.addEventListener('DOMContentLoaded', function() { Weebly.footer.setupContainer('cdn2.editmysite.com', '1634591730'); }); } </script> </div> </div> </div> <div class="nav mobile-nav"> <a class="hamburger" aria-label="Menu" href="#"><span></span></a> <ul class="wsite-menu-default"> <li id="pg961585778675523382" class="wsite-menu-item-wrap"> <a href="/" class="wsite-menu-item" > Home </a> </li> <li id="pg507043749189274217" class="wsite-menu-item-wrap"> <a href="/website-services.html" class="wsite-menu-item" > Website Services </a> <div class="wsite-menu-wrap" style="display:none"> <ul class="wsite-menu"> <li id="wsite-nav-221297464918671421" class="wsite-menu-subitem-wrap " > <a href="/google-my-business.html" class="wsite-menu-subitem" > <span class="wsite-menu-title"> Google My Business </span> </a> </li> <li id="wsite-nav-820719200693740270" class="wsite-menu-subitem-wrap " > <a href="/local-business-directory-citation-listing-nap.html" class="wsite-menu-subitem" > <span class="wsite-menu-title"> Local Business Directory Citation Listing (NAP) </span> </a> </li> <li id="wsite-nav-923282639710259340" class="wsite-menu-subitem-wrap " > <a href="/social-media-marketing.html" class="wsite-menu-subitem" > <span class="wsite-menu-title"> Social Media Marketing </span> </a> </li> <li id="wsite-nav-373428876615455079" class="wsite-menu-subitem-wrap " > <a href="/website-design.html" class="wsite-menu-subitem" > <span class="wsite-menu-title"> Website Design </span> </a> </li> </ul> </div> </li> <li id="pg509707595534816651" class="wsite-menu-item-wrap"> <a href="/about.html" class="wsite-menu-item" > About </a> <div class="wsite-menu-wrap" style="display:none"> <ul class="wsite-menu"> <li id="wsite-nav-750945697435807131" class="wsite-menu-subitem-wrap " > <a href="/contact-us.html" class="wsite-menu-subitem" > <span class="wsite-menu-title"> Contact Us </span> </a> </li> <li id="wsite-nav-129410725222445164" class="wsite-menu-subitem-wrap " > <a href="/shawn-lippert.html" class="wsite-menu-subitem" > <span class="wsite-menu-title"> Shawn Lippert </span> </a> </li> <li id="wsite-nav-314803353522886854" class="wsite-menu-subitem-wrap " > <a href="/privacy-policy.html" class="wsite-menu-subitem" > <span class="wsite-menu-title"> Privacy Policy </span> </a> </li> <li id="wsite-nav-862973352488005186" class="wsite-menu-subitem-wrap " > <a href="/terms-of-use.html" class="wsite-menu-subitem" > <span class="wsite-menu-title"> Terms Of Use </span> </a> </li> </ul> </div> </li> </ul> </div> <script> (function(d) { var config = { kitId: 'nxe1ajf', scriptTimeout: 3000, async: true }, h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s) })(document); </script> <script type="text/javascript" src="/files/theme/plugins.js?1570137717"></script> <script type="text/javascript" src="/files/theme/custom.js?1570137717"></script> <div id="customer-accounts-app"></div> <script src="//cdn2.editmysite.com/js/site/main-customer-accounts-site.js?buildTime=1585246064"></script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-25249351-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-25511498-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script><script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-7870337-1']); _gaq.push(['_setDomainName', 'none']); _gaq.push(['_setAllowLinker', true]); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; // NOTE: keep the [1] if you replace this code. Otherwise cookie banner scripts won't be first on the page var s = document.getElementsByTagName('script')[1]; s.parentNode.insertBefore(ga, s); })(); _W.Analytics = _W.Analytics || {'trackers': {}}; _W.Analytics.trackers.wGA = '_gaq'; </script> <script type="text/javascript" async=1> // NOTE: keep the getElementsByTagName(o)**[1]** if you replace this code. Otherwise cookie banner scripts won't be first on the page ;(function(p,l,o,w,i,n,g){if(!p[i]){p.GlobalSnowplowNamespace=p.GlobalSnowplowNamespace||[]; p.GlobalSnowplowNamespace.push(i);p[i]=function(){(p[i].q=p[i].q||[]).push(arguments) };p[i].q=p[i].q||[];n=l.createElement(o);g=l.getElementsByTagName(o)[1];n.async=1; n.src=w;g.parentNode.insertBefore(n,g)}}(window,document,'script','//cdn2.editmysite.com/js/wsnbn/snowday262.js','snowday')); var r = [99, 104, 101, 99, 107, 111, 117, 116, 46, 40, 119, 101, 101, 98, 108, 121, 124, 101, 100, 105, 116, 109, 121, 115, 105, 116, 101, 41, 46, 99, 111, 109]; var snPlObR = function(arr) { var s = ''; for (var i = 0 ; i < arr.length ; i++){ s = s + String.fromCharCode(arr[i]); } return s; }; var s = snPlObR(r); var regEx = new RegExp(s); _W.Analytics = _W.Analytics || {'trackers': {}}; _W.Analytics.trackers.wSP = 'snowday'; _W.Analytics.user_id = '7816279'; _W.Analytics.site_id = '415367512929040351'; var drSegmentsTag = document.getElementById('drSegments'); if (drSegmentsTag) { _W.Analytics.spContexts = _W.Analytics.spContexts || []; var segmentData = JSON.parse(drSegmentsTag.innerText); segmentData.forEach(function(test) { _W.Analytics.spContexts.push({ schema: "iglu:com.weebly/context_ab_segment/jsonschema/1-0-0", data: { test_id: test.name, segment: test.variant, } }); }); } (function(app_id, ec_hostname, discover_root_domain) { var track = window[_W.Analytics.trackers.wSP]; if (!track) return; track('newTracker', app_id, ec_hostname, { appId: app_id, post: true, platform: 'web', discoverRootDomain: discover_root_domain, cookieName: '_snow_', contexts: { webPage: true, performanceTiming: true, gaCookies: true }, crossDomainLinker: function (linkElement) { return regEx.test(linkElement.href); }, respectDoNotTrack: true }); track('trackPageView', _W.Analytics.user_id+':'+_W.Analytics.site_id, _W.Analytics.spContexts); track('crossDomainLinker', function (linkElement) { return regEx.test(linkElement.href); }); })( '_wn', 'ec.editmysite.com', true ); </script> <script> (function(jQuery) { try { if (jQuery) { jQuery('div.blog-social div.fb-like').attr('class', 'blog-social-item blog-fb-like'); var $commentFrame = jQuery('#commentArea iframe'); if ($commentFrame.length > 0) { var frameHeight = jQuery($commentFrame[0].contentWindow.document).height() + 50; $commentFrame.css('min-height', frameHeight + 'px'); } if (jQuery('.product-button').length > 0){ jQuery(document).ready(function(){ jQuery('.product-button').parent().each(function(index, product){ if(jQuery(product).attr('target') == 'paypal'){ if (!jQuery(product).find('> [name="bn"]').length){ jQuery('<input>').attr({ type: 'hidden', name: 'bn', value: 'DragAndDropBuil_SP_EC' }).appendTo(product); } } }); }); } } else { // Prototype $$('div.blog-social div.fb-like').each(function(div) { div.className = 'blog-social-item blog-fb-like'; }); $$('#commentArea iframe').each(function(iframe) { iframe.style.minHeight = '410px'; }); } } catch(ex) {} })(window._W && _W.jQuery); </script> <script> window._W.isEUUser = false; window._W.showCookieToAll = ""; </script> </body> </html>
