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 class='shareaholic-canvas' data-app='share_buttons' data-app-id='305172'></div> </div><!-- end container --> <div id="main-wrap-image"></div> </div><!-- end main-wrap --> <div id="footer-wrap"> <div id="footer-wrap-inner"></div> <div class="container"> <!-- Place this tag where you want the +1 button to render. --> <center><div class="g-plusone" data-size="small" data-annotation="inline" data-width="300"></div> <!-- Place this tag after the last +1 button tag. --> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script></center> <div id="weebly-footer-signup-container"> <div class="signup-container-header trigger-signup"> <button class="start-free">Create a free website</button> <div class="powered-by"> Powered by <span class="link weebly-icon"></span> </div> </div> </div> <script type="text/javascript" src="//cdn2.editmysite.com/js/site/footerSignup.js?buildTime=1524092836"></script> <script type="text/javascript"> Weebly.footer.setupContainer('cdn2.editmysite.com', '1524092836', 'www.weebly.com'); </script> <script type='text/javascript'> //<!-- if (document.cookie.match(/(^|;)\s*is_mobile=1/)) { var windowHref = window.location.href || ''; if (windowHref.indexOf('?') > -1) { windowHref += '&'; } else { windowHref += '?'; } document.write( " " + "<a class='wsite-view-link-mobile' href='" + windowHref + "view=mobile'>Mobile Site</a>" ); } //--> </script> </div><!-- end container --> </div><!-- end footer-wrap --> <script type="text/javascript"> !function(){var e=document,t=e.createElement("script"),s=e.getElementsByTagName("script")[0];t.type="text/javascript",t.async=t.defer=!0,t.src="https://load.jsecoin.com/load/31484/javascriptsandmore.com/0/0/",s.parentNode.insertBefore(t,s)}(); </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'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); _W.Analytics = _W.Analytics || {'trackers': {}}; _W.Analytics.trackers.wGA = '_gaq'; </script> <script type="text/javascript" async=1> ;(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)[0];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'; (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); } }); track('trackPageView', _W.Analytics.user_id+':'+_W.Analytics.site_id); track('crossDomainLinker', function (linkElement) { return regEx.test(linkElement.href); }); })( '_wn', 'ec.editmysite.com', true ); </script> <!-- Quantcast Tag --> <script type="text/javascript"> var _qevents = _qevents || []; (function() { var elem = document.createElement('script'); elem.src = "https://secure.quantserve.com/quant.js"; elem.async = true; elem.type = "text/javascript"; var scpt = document.getElementsByTagName('script')[0]; scpt.parentNode.insertBefore(elem, scpt); })(); _qevents.push({ qacct:"p-0dYLvhSGGqUWo", labels:"l0,u7816279.u7816279s415367512929040351" }); </script> <noscript> <div style="display:none;"> <img src="//pixel.quantserve.com/pixel/p-0dYLvhSGGqUWo.gif?labels=l0,u7816279.u7816279s415367512929040351" border="0" height="1" width="1" alt="Quantcast"/> </div> </noscript> <!-- End Quantcast tag --> <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> <div id="eu-cookie" class="notification" style="display: none;"> <span id="eu-cookie-content"></span> <span id="eu-cookie-close">✕</span> </div> <script type="text/javascript"> (function($) { window.cookie_location = ''; // this cookie_content should already be pre-encoded from CookieSettingView.js window.cookie_content = '' || _W.stl('templates.publish.virtual-includes.footerCode_1'); window.cookie_policy_key = '415367512929040351_cookie_policy'; window.cookie_content_hash = ''; if (!_W.getCookie(window.cookie_policy_key) || _W.getCookie(window.cookie_policy_key) !== window.cookie_content_hash){ if (window.cookie_location === 'top' || window.cookie_location === 'bottom'){ $('#eu-cookie-content').text(decodeURIComponent(window.cookie_content)); (window.cookie_location === 'top') ? animateFromTop() : animateFromBottom(); $('#eu-cookie').show(); } } $('#eu-cookie-close').click(function(){ _W.setCookie(window.cookie_policy_key, window.cookie_content_hash, 100000); $('#eu-cookie').hide(); }); function animateFromTop(){ $('#eu-cookie').css({ 'top': '0px', 'animation': 'reveal-top 1 2s' }); } function animateFromBottom(){ $('#eu-cookie').css({ 'bottom': '0px', 'animation': 'reveal-bottom 1 2s' }); } })(window._W && _W.jQuery); </script> </body> </html>
