Certified HTML Designer Table of Content


Table of Content
 

 

1. HTML and XHTML

1.1 Introduction

1.2 History

1.3 HTML Versions

1.4 Elements, Tags and Attributes

1.5 Head and body tags

1.6 HTML Editor

1.7 Create a web page

1.8 Viewing the Source

1.9 White Space and Flow

1.10 HTML Comments

1.11 HTML Meta Tags

1.12 HTML Attributes

1.13 XHTML First Line

1.14 DTD (Document Type Declaration)

1.15 Special Characters

1.16 Capitalization

1.17 Quotations

1.18 Nesting

1.19 Spacing and Breaks

 

2. Core Tags and Attributes

2.1 element

2.2 element

2.3 element</p> <p> 2.4 <body> element</p> <p>  </p> <p> <strong><u>3. Attribute Groups</u></strong></p> <p> 3.1 Attribute Groups</p> <p> 3.2 Core Attributes</p> <p> 3.3 Internationalization</p> <p> 3.4 UI Events</p> <p>  </p> <p> <strong><u>4. Text  Formatting</u></strong></p> <p> 4.1 <hn> Tag for Headings</p> <p> 4.2 <p> Tags for Paragraphs</p> <p> 4.3 <br /> Tag for Line Breaks</p> <p> 4.4 <pre> tags to Maintain Formatting</p> <p>  </p> <p> <strong><u>5. Font Styling</u></strong></p> <p> 5.1 Font Styling Tags</p> <p> 5.2 <b> Tag for Bold</p> <p> 5.3 <i> Tag for Italicize</p> <p> 5.4 <u> Tag for Underline</p> <p> 5.5 <s> or <strike> Tag for Strikethrough</p> <p> 5.6 <tt> tag for Monospace</p> <p> 5.7 <sup> Tag for Superscript</p> <p> 5.8 <sub> Tag for Subscript</p> <p> 5.9 <big> Tag</p> <p> 5.10 <small> Tag</p> <p> 5.11 <hr /> Tag for Horizontal Lines</p> <p> 5.12 <font> Tag for more Font style</p> <p>  </p> <p> <strong><u>6. Phrase Tags</u></strong></p> <p> 6.1 Phrase Tags</p> <p> 6.2 <em> Tag for Emphasis</p> <p> 6.3 <strong> Tag for Strong Emphasis</p> <p> 6.4 <address> Tag for Address</p> <p> 6.5 <abbr> Tag for Abbreviations</p> <p> 6.6 <acronym> Tag for Acronym</p> <p> 6.7 <dfn> Tag for Special Terms</p> <p> 6.8 <blockquote> Tag for Quoting</p> <p> 6.9 <q> Tag for Short Quotations</p> <p> 6.10 <cite> Tag for Citations</p> <p> 6.11 <code> Tag for Code</p> <p> 6.12 <kbd> Tag</p> <p> 6.13 <var> Tag for Variables</p> <p> 6.14 <samp> Tag for Output</p> <p> 6.15 <ins> and <del> tags for Editing text</p> <p>  </p> <p> <strong><u>7. Grouping Tags</u></strong></p> <p> 7.1 Grouping Basics</p> <p> 7.2 Block and Inline Elements</p> <p> 7.3 < div > and < span > tags</p> <p>  </p> <p> <strong><u>8. Lists</u></strong></p> <p> 8.1 List Basics</p> <p> 8.2 <ol> Tag for Ordered Lists</p> <p> 8.3 Unordered Lists</p> <p> 8.4 Definition Lists</p> <p> 8.5 Nesting Lists</p> <p>  </p> <p> <strong><u>9. SIte structure</u></strong></p> <p> 9.1 Site Structure</p> <p> 9.2 URLs</p> <p> 9.3 Absolute URL</p> <p> 9.4 Relative URL</p> <p> 9.5 <base> Tag</p> <p>  </p> <p>  </p> <p> <strong><u>10. Hyper Linking</u></strong></p> <p> 10.1 Hyperlink</p> <p> 10.2 Source anchor</p> <p> 10.3 Destination anchor</p> <p> 10.4 Using < a > Tag for Creating Links</p> <p> 10.5 Using href Attribute</p> <p> 10.6 MIME types</p> <p> 10.7 Other Attributes</p> <p> 10.8 Linking to a Specific Part of a Page</p> <p> 10.9 Linking in same web site</p> <p> 10.10 Linking to Other Web Sites</p> <p> 10.11 Linking to E-mail Addresses</p> <p> 10.12 Advanced E - mail Links</p> <p> 10.13 Spam-Proofing E-Mail Links</p> <p> 10.14 Image Links</p> <p> 10.15 Customizing Links</p> <p>  </p> <p> <strong><u>11. Images</u></strong></p> <p> 11.1 < img > Tag for images</p> <p> 11.2 < img > Tag Attributes</p> <p> 11.3 Using Images as Links</p> <p> 11.4 Image Maps</p> <p> 11.5 Applying Image Maps</p> <p> 11.6 Image Formats</p> <p>  </p> <p> <strong><u>12. Audio and Video Linking</u></strong></p> <p> 12.1 Multimedia Basics</p> <p> 12.2 Plug-ins and Web Browsers</p> <p> 12.3 Audio File Formats</p> <p> 12.4 Video Formats</p> <p> 12.5 <embed> Tag and attributes</p> <p> 12.6 <object> tag: and attributes</p> <p> 12.7 IE-specific <bgsound> Tag</p> <p> 12.8 HTML 5 Multimedia tag</p> <p> 12.9 Adding Audio</p> <p> 12.10 Flash for Audio</p> <p> 12.11 Adding Videos</p> <p> 12.12 Flash for Video</p> <p>  </p> <p> <strong><u>13. Tables</u></strong></p> <p> 13.1 Table Basics</p> <p> 13.2 Table Structure</p> <p> 13.3 Using <table> tag</p> <p> 13.4 <tr> Tag for Rows</p> <p> 13.5 <td> tag for Table Cells</p> <p> 13.6 <th> Tag for Table Heading</p> <p> 13.7 Table Cellpadding and Cellspacing</p> <p> 13.8 Colspan and Rowspan Attributes</p> <p> 13.9 Table Backgrounds</p> <p> 13.10 Table Height and Width</p> <p> 13.11 Table Caption</p> <p> 13.12 Using Header, Body, and Footer</p> <p> 13.13 Nested Tables</p> <p> 13.14 Inserting Content</p> <p>  </p> <p> <strong><u>14. Forms</u></strong></p> <p> 14.1 Forms Basics</p> <p> 14.2 Create a Basic Form</p> <p> 14.3 Input control or “control”</p> <p> 14.4 Text Input Control</p> <p> 14.5 Radio Button Control</p> <p> 14.6 Check Box Control</p> <p> 14.7 Select Menu Control</p> <p> 14.8 Button Control</p> <p> 14.9 Label Control</p> <p> 14.10 File Upload Control</p> <p> 14.11 Hidden Field Control</p> <p> 14.12 Form Processing</p> <p> 14.13 Formatting Forms</p> <p>  </p> <p> <strong><u>15. Frames</u></strong></p> <p> 15.1 Frame Basics</p> <p> 15.2 <frameset> Tag</p> <p> 15.3 <frameset> Attributes</p> <p> 15.4 <frame> Tag</p> <p> 15.5 <frame> Attributes</p> <p> 15.6 Frame based Content Menu</p> <p> 15.7  Nesting Framesets</p> <p> 15.8 Inline Frames</p> <p> 15.9 <noframes> Tag</p> <p>  </p> <p> <strong><u>16. Miscellaneous</u></strong></p> <p> 16.1 HTML Colors</p> <p> 16.2 Styles in HTML</p> <p> 16.3. Scripts in HTML</p> <div class="note"><strong>Note:-</strong> While our Job Centre is run on a best effort basis and its our mission to connect our certified candidates with job opportunities, the certification in itself should not be construed as a job guarantee programme. There is no such claim made by Vskills at any stage of a 100% job guarantee to a certified candidate.</div></div> <div class="clear"></div> </div> </div> <div id="footer"> <div class="column"> <h3>Vskills</h3> <ul> <li><a href="http://www.vskills.in/certification/about-us">About us</a></li> <li><a href="http://www.vskills.in/certification/faq">FAQ's</a></li> <li><a href="http://www.vskills.in/certification/academic-council">Academic Council</a></li> <li><a href="http://www.vskills.in/certification/Our-Partner-Institutions">Our Partner Institutions</a></li> <li><a href="http://www.vskills.in/certification/vskills-in-media">Vskills in Media</a></li> </ul> </div> <div class="column"> <h3>My Account</h3> <ul> <li><a href="http://www.vskills.in/certification/account">My Account</a></li> <li><a href="http://www.vskills.in/certification/index.php?route=account/order">Order History</a></li> <li><a href="http://www.vskills.in/certification/wishlist">Wish List</a></li> <li><a href="http://www.vskills.in/certification/index.php?route=account/newsletter">Newsletter</a></li> </ul> </div> <div class="column"> <h3>Customer Service</h3> <ul> <li><a href="http://www.vskills.in/certification/contact">Contact Us</a></li> <li><a href="http://www.vskills.in/certification/privacy-policy">Privacy Policy</a></li> <li><a href="http://www.vskills.in/certification/terms-and-conditions">Terms and conditions</a></li> <li><a href="http://www.vskills.in/certification/returns-and-refund-policy">Returns and Refund Policy</a></li> <li><a href="http://www.vskills.in/certification/shipping-and-delivery-poicy">Shipping and Delivery Policy</a></li> </ul> </div> <div class="column"> <h3>Popular Links</h3> <ul class="popular-links"> <li><a href="http://www.vskills.in/certification/why-vskills" title="">Why Vskills?</a></li> <li><a href="http://www.vskills.in/certification/how-it-works" title="">How it Works</a></li> <li><a href="http://www.vskills.in/certification/certifications" title="Certifications">Certifications</a></li> <li><a href="http://www.vskills.in/certification/Register-for-certification-exams" title="">Register Now</a></li> <li><a href="http://www.vskills.in/certification/Application-Forms" title="">Application Form</a></li> </ul> <ul class="popular-links"> <li><a href="http://www.vskills.in/certification/Fees-for-certifications" title="">Fees</a></li> <li><a href="http://www.vskills.in/certification/Calendar" title="">Exam Calendar</a></li> <li><a href="http://www.vskills.in/certification/center-list" title="">Exam Centres</a></li> <li><a href="http://www.vskills.in/certification/vskills-sample-certificate" title="">Sample Certificate</a></li> <li><a href="http://www.vskills.in/certification/certified_candidates" title="">Certified Candidates</a></li> </ul> <ul class="popular-links"> <li><a href="http://www.vskills.in/certification/Exam-Reschedule" title="Rescheduling the exam">Exam Reschedule</a></li> <li><a href="http://www.vskills.in/certification/Exam-Retake" title="">Exam-Retake</a></li> <li><a href="http://www.vskills.in/certification/practice-test" title="">Practice Test</a></li> <li><a href="http://www.vskills.in/certification/Vskills-Alumni" title="Alumni of Vskills "> Vskills Alumni</a></li> <li><a href="http://www.vskills.in/certification/tagging-at-Monster-India" title="">Tagging at Monster India</a></li> </ul> <ul class="popular-links"> <li><a href="http://www.vskills.in/certification/vskills-registration-centre" title="">Vskills Registration Centre</a></li> <li><a href="http://vskills.in/certification/International-Students" title="">International Students</a></li> <li><a href="http://www.vskills.in/certification/Bulk-Certification" title="Bulk Certifications for institutes and companies">Bulk Certifications</a></li> <li><a href="http://www.vskills.in/certification/Testimonials" title="Testimonials">Testimonials</a></li> <li><a href="http://www.vskills.in/certification/Third-Party-Assessments" title="">Third Party Assessments</a></li> </ul> </div> <div class="clear"></div> <div id="powered">copyright © 2014 vskills.in </div> </div> <script type="text/javascript" src="catalog/view/theme/bigshop/js/jquery.easing-1.3.min.js"></script> <script type="text/javascript" src="catalog/view/theme/bigshop/js/cloud_zoom.js"></script> <script type="text/javascript" src="catalog/view/theme/bigshop/js/custom.js"></script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-20177733-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> </body></html><script pagespeed_no_defer="">(function(){var e=window,f=Math,g="round",h="performance";e.pagespeed=e.pagespeed||{};var q=e.pagespeed; q.getResourceTimingData=function(){if(e[h]&&(e[h].getEntries||e[h].webkitGetEntries)){for(var r=0,s=0,k=0,t=0,l=0,u=0,m=0,v=0,n=0,w=0,p=0,c={},d=e[h].getEntries?e[h].getEntries():e[h].webkitGetEntries(),b=0;b<d.length;b++){var a=d[b].duration;0<a&&(r+=a,++k,s=f.max(s,a));a=d[b].connectEnd-d[b].connectStart;0<a&&(u+=a,++m);a=d[b].domainLookupEnd-d[b].domainLookupStart;0<a&&(t+=a,++l);a=d[b].initiatorType;c[a]?++c[a]:c[a]=1;a=d[b].requestStart-d[b].fetchStart;0<a&&(w+=a,++p);a=d[b].responseStart-d[b].requestStart; 0<a&&(v+=a,++n)}return"&afd="+(k?f[g](r/k):0)+"&nfd="+k+"&mfd="+f[g](s)+"&act="+(m?f[g](u/m):0)+"&nct="+m+"&adt="+(l?f[g](t/l):0)+"&ndt="+l+"&abt="+(p?f[g](w/p):0)+"&nbt="+p+"&attfb="+(n?f[g](v/n):0)+"&nttfb="+n+(c.css?"&rit_css="+c.css:"")+(c.link?"&rit_link="+c.link:"")+(c.script?"&rit_script="+c.script:"")+(c.img?"&rit_img="+c.img:"")}return""};q.getResourceTimingData=q.getResourceTimingData;})(); (function(){var c=encodeURIComponent,g=window,h="performance";g.pagespeed=g.pagespeed||{};var l=g.pagespeed,m=function(f,a,d,b){this.c=f;this.a=a;this.b=d;this.d=b};l.beaconUrl=""; var n=function(f){var a=f.c,d=g.mod_pagespeed_start,b=Number(new Date)-d,a=a+(-1==a.indexOf("?")?"?":"&"),a=a+"ets="+("load"==f.a?"load:":"unload:"),a=a+b;if("beforeunload"!=f.a||!g.mod_pagespeed_loaded){a+="&r"+f.a+"=";if(g[h]){var b=g[h].timing,e=b.navigationStart,k=b.requestStart,a=a+(b[f.a+"EventStart"]-e),a=a+("&nav="+(b.fetchStart-e)),a=a+("&dns="+(b.domainLookupEnd-b.domainLookupStart)),a=a+("&connect="+(b.connectEnd-b.connectStart)),a=a+("&req_start="+(k-e)),a=a+("&ttfb="+(b.responseStart- k)),a=a+("&dwld="+(b.responseEnd-b.responseStart)),a=a+("&dom_c="+(b.domContentLoadedEventStart-e));g[h].navigation&&(a+="&nt="+g[h].navigation.type);e=-1;b.msFirstPaint?e=b.msFirstPaint:g.chrome&&g.chrome.loadTimes&&(e=Math.floor(1E3*g.chrome.loadTimes().firstPaintTime));e=e-k;0<=e&&(a+="&fp="+e)}else a+=b;l.getResourceTimingData&&g.parent==g&&(a+=l.getResourceTimingData());a+=g.parent!=g?"&ifr=1":"&ifr=0";"load"==f.a&&(g.mod_pagespeed_loaded=!0,(b=g.mod_pagespeed_num_resources_prefetched)&&(a+= "&nrp="+b),(b=g.mod_pagespeed_prefetch_start)&&(a+="&htmlAt="+(d-b)));l.panelLoader&&(d=l.panelLoader.getCsiTimingsString(),""!=d&&(a+="&b_csi="+d));l.criticalCss&&(d=l.criticalCss,a+="&ccis="+d.total_critical_inlined_size+"&cces="+d.total_original_external_size+"&ccos="+d.total_overhead_size+"&ccrl="+d.num_replaced_links+"&ccul="+d.num_unreplaced_links);""!=f.b&&(a+=f.b);document.referrer&&(a+="&ref="+c(document.referrer));a+="&url="+c(f.d);l.beaconUrl=a;(new Image).src=a}}; l.e=function(f,a,d,b){var e=new m(f,a,d,b);g.addEventListener?g.addEventListener(a,function(){n(e)},!1):g.attachEvent("on"+a,function(){n(e)})};l.addInstrumentationInit=l.e;})(); pagespeed.addInstrumentationInit('http://1-ps.googleusercontent.com/beacon?org=116_1_dp', 'load', '&s_ttfb=861&id=1398091231548303', 'http://www.vskills.in/certification/certified-html-designer-table-of-content');</script>