HTML HEADINGS

View previous topic View next topic Go down

HTML HEADINGS

Post by Admin on Sun Aug 30, 2015 8:05 pm

HTML Headings

Headings are defined with the
Code:
<h1> to <h6> tags.
<h1> defines the most important heading. <h6> defines the least important heading.

Example


Code:
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>



Note: Browsers automatically add some empty space (a margin) before and after each heading.


Headings Are Important



Use HTML headings for headings only. Don't use headings to make text BIG or bold.
Search engines use your headings to index the structure and content of your web pages.
Users skim your pages by its headings. It is important to use headings to show the document structure.
h1 headings should be main headings, followed by h2 headings, then the less important h3, and so on.


HTML Horizontal Rules



The 
 tag creates a horizontal line in an HTML page.

The hr element can be used to separate content:


Example


Code:
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>





The HTML Element


The HTML  element has nothing to do with HTML headings.
The HTML element contains meta data. Meta data are not displayed.
The HTML element is placed between the tag and the tag:

Example


Code:

<!DOCTYPE html>
<html>
<head>
  <title>My First HTML</title>
  <meta charset="UTF-8">
</head>
<body>




The HTML Element</font></span></h2><span style="font-size: 18px; line-height: normal"><font color="#eeeeee">The HTML <strong><title></strong> element is meta data. It defines the HTML document's title.</font></span><br /><span style="font-size: 18px; line-height: normal"><font color="#eeeeee">The title will not be displayed in the document, but might be displayed in the browser tab.</font></span><br /><br /><hr /><br /><h2 class="post-content"><span style="font-size: 18px; line-height: normal"><font color="#ff9933">The HTML <meta> Element</font></span></h2><span style="font-size: 18px; line-height: normal"><font color="#eeeeee">The HTML <strong><meta></strong> element is also meta data.</font></span><br /><span style="font-size: 18px; line-height: normal"><font color="#eeeeee">It can be used to define the character set, and other information about the HTML document.</font></span><br /><br /><hr /><br /><h2 class="post-content"><span style="font-size: 18px; line-height: normal"><font color="#ff9933">More Meta Elements</font></span></h2><span style="font-size: 18px; line-height: normal"><font color="#eeeeee">In the chapter about HTML styles you discover more meta elements:</font></span><br /><span style="font-size: 18px; line-height: normal"><font color="#eeeeee">The HTML <strong><style></strong> element is used to define internal CSS style sheets.</font></span><br /><span style="font-size: 18px; line-height: normal"><font color="#eeeeee">The HTML <strong><link></strong> element is used to define external CSS style sheets.</font></span><br /><br /><hr /><br /><h2 class="post-content"><span style="font-size: 18px; line-height: normal"><font color="#eeeeee">HTML Tip - How to View HTML Source</font></span></h2><span style="font-size: 18px; line-height: normal"><font color="#eeeeee">Have you ever seen a Web page and wondered "Hey! How did they do that?"</font></span><br /><span style="font-size: 18px; line-height: normal"><font color="#eeeeee">To find out, right-click in the page and select "View Page Source" (in Chrome) or "View Source" (in IE), or similar in another browser. This will open a window containing the HTML code of the page.</font></span></div></div></div><div class="postprofile" id="profile78"><!-- div class="online2"></div--><dl><dt><a href="/u1"><img src="https://imgfast.net/users/3516/24/08/28/avatars/1-70.png" alt="avatar" /></a><br /><strong style="font-size:1.2em"><a href="/u1"><span style="color:#000099"><strong>Admin</strong></span></a></strong></dt><dd>Admin<br /><img src="http://illiweb.com/itest/ranks/stars/stars10.gif" alt="Admin" title="Admin" /><br /></dd><dd><br /></dd><dd><span class="label"><span style="color:#a6a6a6;">Posts</span> : </span> 83<br /><span class="label"><span style="color:#a6a6a6;">Points</span> : </span> 7847<br /><span class="label"><span style="color:#a6a6a6;">Reputation</span> : </span> 3<br /><span class="label"><span style="color:#a6a6a6;">Join date</span> : </span> 2015-07-22<br /></dd><dd><br /></dd><dd><a href="/u1" class="profile-icon" title="View user profile"><img src="https://illiweb.com/fa/prosilver/icon_user_profile.png" class="i_icon_profile " alt="View user profile" /></a> <a href="http://droid.1talk.net" title="Visit poster's website" target="_blank"><img src="https://illiweb.com/fa/prosilver/icon_contact_www.gif" alt="http://droid.1talk.net" /></a></dd></dl></div><div class="clear"></div><p class="right"><a href="#top"><img src="http://hitsk.in/t/16/74/51/i_up_arrow.gif" alt="Back to top" /></a> <a href="#bottom"><img src="http://hitsk.in/t/16/74/51/i_down_arrow.gif" alt="Go down" /></a></p><span class="corners-bottom"><span></span></span></div></div><a name="bottomtitle"></a><p class="left-box"><a href="/t74p-html-headings"><img src="http://hitsk.in/t/16/74/51/i_left_arrow.gif" alt="View previous topic" /></a> <a href="/t74n-html-headings"><img src="http://hitsk.in/t/16/74/51/i_right_arrow.gif" alt="View next topic" /></a> <a href="#top"><img src="http://hitsk.in/t/16/74/51/i_up_arrow.gif" alt="Back to top" /></a></p><div class="clear"></div><div class="noprint"></div><div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em"><span class="corners-top"><span></span></span><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="http://hitsk.in/t/16/74/51/i_tabs_more.gif" alt="+" align="" border="0" /></a></span><span class="ptrafic"> Similar topics</span><span class="corners-bottom"><span></span></span></div><div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em"><span class="corners-top"><span></span></span><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="http://hitsk.in/t/16/74/51/i_tabs_less.gif" alt="-" align="" border="0" /></a></span><span class="ptrafic"> Similar topics</span><div class="clear"></div><div>» <a href="http://webartz.forumotion.com/t170-html-alone" target="_blank" title="HTML Alone" rel="nofollow">HTML Alone</a><br />» <a href="http://webartz.forumotion.com/t1033-need-a-custom-html-page" target="_blank" title="Need a custom html page?" rel="nofollow">Need a custom html page?</a><br />» <a href="http://seleniumforum.forumotion.net/t518-how-to-store-a-html-comment-in-selenium" target="_blank" title="How to store a HTML comment in selenium" rel="nofollow">How to store a HTML comment in selenium</a><br />» <a href="http://seleniumforum.forumotion.net/t1196-how-to-use-ant-build-to-create-html-reports-in-eclispe" target="_blank" title="How to use ANT build to create HTML reports in Eclispe" rel="nofollow">How to use ANT build to create HTML reports in Eclispe</a><br />» <a href="http://webartz.forumotion.com/t1087-quote-box-to-html-page" target="_blank" title="Quote box to HTML page" rel="nofollow">Quote box to HTML page</a><br /></div><span class="corners-bottom"><span></span></span></div><a name="quickreply"></a><hr /><div class="topic-actions"><div class="buttons"></div><div class="pathname-box"><p><a class="nav" href="/">Droid</a><a class="nav" href=""></a> :: <a href="/f1-web-development" class="nav"><span>Web development</span></a> :: <a href="/f2-learn-html" class="nav"><span>Learn html</span></a></p></div><div class="pagination">Page <strong>1</strong> of <strong>1</strong></div></div><div class="clear"></div><form action="/viewforum" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}"><fieldset class="jumpbox"><label>Jump to: </label><select name="selected_id" onchange="if(this.options[this.selectedIndex].value != -1){ forms['jumpbox'].submit() }"><option value="-1">Select a forum</option><option value="-1"></option><option value="-1">|</option><option correctif="no" value="f10">|--General</option><option correctif="no" value="f18">|   |--Love and dating</option><option correctif="no" value="f19">|   |--Entertainment</option><option correctif="no" value="f20">|   |--Health and fitness</option><option correctif="no" value="f21">|   |--Jokes and quotes</option><option value="-1">|   </option><option correctif="no" value="f14">|--Phone technology</option><option correctif="no" value="f16">|   |--Network configurations</option><option correctif="no" value="f17">|   |--Mobile general</option><option correctif="no" value="f23">|   |--Android</option><option correctif="no" value="f22">|   |--Blackberry</option><option value="-1">|   </option><option correctif="no" value="f11">|--Computers tech</option><option correctif="no" value="f12">|   |--Hacking and cracking</option><option correctif="no" value="f13">|   |--softwares</option><option correctif="no" value="f15">|   |--Online businesses</option><option value="-1">|   </option><option correctif="no" value="f1">|--Web development</option><option correctif="no" value="f2">|   |--Learn html</option><option correctif="no" value="f3">|   |--Learn javascript</option><option correctif="no" value="f8">|   |--Learn css</option><option correctif="no" value="f9">|   |--Learn mysql</option><option value="-1">|   </option><option correctif="no" value="f5">|--Programming</option><option correctif="no" value="f6">|   |--Java programming</option><option correctif="no" value="f7">|   |--c++ programming</option><option value="-1">|   </option><option correctif="no" value="f24">|--Downloads</option><option correctif="no" value="f25">    |--Android games</option><option correctif="no" value="f29">    |--Apps</option><option correctif="no" value="f27">    |--Hollywood Movies</option></select><input type="hidden" name="tid" value="78738e39cc50333ee9800998ecf8427e" /> <input class="button2" type="submit" value="Go" /></fieldset></form><div class="h3"><strong>Permissions in this forum:</strong></div>You <strong>cannot</strong> reply to topics in this forum<br /><script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script></div></div></div></div><div id="right"><div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Latest topics</div>» <a href="/t85-no-escape-mp4-2015#89">NO ESCAPE MP4 (2015)</a><br />by <a href="/u1"><span style="color:#000099"><strong>Admin</strong></span></a> Mon Sep 07, 2015 10:38 pm<br /><br /><!-- <a href=""></a> Mon Sep 07, 2015 10:38 pm<br /><br />-->» <a href="/t82-html-images#86">HTML IMAGES</a><br />by <a href="/u1"><span style="color:#000099"><strong>Admin</strong></span></a> Sun Aug 30, 2015 11:02 pm<br /><br /><!-- <a href=""></a> Sun Aug 30, 2015 11:02 pm<br /><br />-->» <a href="/t81-html-links#85">HTML LINKS</a><br />by <a href="/u1"><span style="color:#000099"><strong>Admin</strong></span></a> Sun Aug 30, 2015 10:28 pm<br /><br /><!-- <a href=""></a> Sun Aug 30, 2015 10:28 pm<br /><br />-->» <a href="/t80-html-css#84">HTML CSS</a><br />by <a href="/u1"><span style="color:#000099"><strong>Admin</strong></span></a> Sun Aug 30, 2015 10:06 pm<br /><br /><!-- <a href=""></a> Sun Aug 30, 2015 10:06 pm<br /><br />-->» <a href="/t79-html-comments#83">HTML COMMENTS</a><br />by <a href="/u1"><span style="color:#000099"><strong>Admin</strong></span></a> Sun Aug 30, 2015 9:40 pm<br /><br /><!-- <a href=""></a> Sun Aug 30, 2015 9:40 pm<br /><br />-->» <a href="/t78-html-quotes#82">HTML QUOTES</a><br />by <a href="/u1"><span style="color:#000099"><strong>Admin</strong></span></a> Sun Aug 30, 2015 9:19 pm<br /><br /><!-- <a href=""></a> Sun Aug 30, 2015 9:19 pm<br /><br />-->» <a href="/t77-html-text-formatting#81">HTML TEXT FORMATTING</a><br />by <a href="/u1"><span style="color:#000099"><strong>Admin</strong></span></a> Sun Aug 30, 2015 9:00 pm<br /><br /><!-- <a href=""></a> Sun Aug 30, 2015 9:00 pm<br /><br />-->» <a href="/t76-html-styles#80">HTML STYLES</a><br />by <a href="/u1"><span style="color:#000099"><strong>Admin</strong></span></a> Sun Aug 30, 2015 8:47 pm<br /><br /><!-- <a href=""></a> Sun Aug 30, 2015 8:47 pm<br /><br />-->» <a href="/t75-html-paragraph#79">HTML PARAGRAPH</a><br />by <a href="/u1"><span style="color:#000099"><strong>Admin</strong></span></a> Sun Aug 30, 2015 8:33 pm<br /><br /><!-- <a href=""></a> Sun Aug 30, 2015 8:33 pm<br /><br />--><span class="corners-bottom"><span></span></span></div></div><div style="height:3px"></div><div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Adverts</div><a href="http://marketing.net.jumia.com.ng/ts/i3556158/tsc?amc=aff.jumia.37114.43234.24100&tst=!!TIMESTAMP!!"><img src="http://marketing.net.jumia.com.ng/ts/i3556158/tsv?amc=aff.jumia.37114.43234.24100&tst=!!TIMESTAMP!!"></a><span class="corners-bottom"><span></span></span></div></div><div style="height:3px"></div><a name="p_calendar"></a><div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3"><strong>August 2017</strong></div><div id="calendar" style="margin: 0 auto;max-width:270px;"><table class="table1" cellspacing="1"><tr><th style="padding-left:0;padding-right:0;width:14%;text-align:center;">Mon</th><th style="padding-left:0;padding-right:0;width:14%;text-align:center;">Tue</th><th style="padding-left:0;padding-right:0;width:14%;text-align:center;">Wed</th><th style="padding-left:0;padding-right:0;width:14%;text-align:center;">Thu</th><th style="padding-left:0;padding-right:0;width:14%;text-align:center;">Fri</th><th style="padding-left:0;padding-right:0;width:14%;text-align:center;">Sat</th><th style="padding-left:0;padding-right:0;width:14%;text-align:center;">Sun</th></tr><tr><td class="row1 center" style="padding-left:0;padding-right:0;"> </td><td class="row2 hover-td center" style="padding-left:0;padding-right:0;">1</td><td class="row2 hover-td center" style="padding-left:0;padding-right:0;">2</td><td class="row2 hover-td center" style="padding-left:0;padding-right:0;">3</td><td class="row2 hover-td center" style="padding-left:0;padding-right:0;">4</td><td class="row2 hover-td center" style="padding-left:0;padding-right:0;">5</td><td class="row2 hover-td center" style="padding-left:0;padding-right:0;">6</td></tr><tr><td class="row3 hover-td center" style="padding-left:0;padding-right:0;">7</td><td class="row3 hover-td center" style="padding-left:0;padding-right:0;">8</td><td class="row3 hover-td center" style="padding-left:0;padding-right:0;">9</td><td class="row3 hover-td center" style="padding-left:0;padding-right:0;">10</td><td class="row3 hover-td center" style="padding-left:0;padding-right:0;">11</td><td class="row3 hover-td center" style="padding-left:0;padding-right:0;">12</td><td class="row3 hover-td center" style="padding-left:0;padding-right:0;">13</td></tr><tr><td class="row2 hover-td center" style="padding-left:0;padding-right:0;">14</td><td class="row2 hover-td center" style="padding-left:0;padding-right:0;">15</td><td class="row2 hover-td center" style="padding-left:0;padding-right:0;">16</td><td class="row2 hover-td center" style="padding-left:0;padding-right:0;">17</td><td class="row2 hover-td center" style="padding-left:0;padding-right:0;">18</td><td class="row2 hover-td center" style="padding-left:0;padding-right:0;">19</td><td class="hover-td center" style="padding-left:0;padding-right:0;">20</td></tr><tr><td class="row3 hover-td center" style="padding-left:0;padding-right:0;">21</td><td class="row3 hover-td center" style="padding-left:0;padding-right:0;">22</td><td class="row3 hover-td center" style="padding-left:0;padding-right:0;">23</td><td class="row3 hover-td center" style="padding-left:0;padding-right:0;">24</td><td class="row3 hover-td center" style="padding-left:0;padding-right:0;">25</td><td class="row3 hover-td center" style="padding-left:0;padding-right:0;">26</td><td class="row3 hover-td center" style="padding-left:0;padding-right:0;">27</td></tr><tr><td class="row2 hover-td center" style="padding-left:0;padding-right:0;">28</td><td class="row2 hover-td center" style="padding-left:0;padding-right:0;">29</td><td class="row2 hover-td center" style="padding-left:0;padding-right:0;">30</td><td class="row2 hover-td center" style="padding-left:0;padding-right:0;">31</td><td class="row1 center" style="padding-left:0;padding-right:0;"> </td><td class="row1 center" style="padding-left:0;padding-right:0;"> </td><td class="row1 center" style="padding-left:0;padding-right:0;"> </td></tr></table></div><p class="center"><a href="/calendar?start=20170801" title="Calendar">Calendar <img src="http://hitsk.in/t/16/74/51/i_icon_calendar.gif" alt="Calendar" title="Calendar" /></a></p><!-- </form> --><span class="corners-bottom"><span></span></span></div></div><div style="height:3px"></div><div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Log in with facebook.</div><div class="fb-login-button" data-max-rows="2" data-size="medium" data-show-faces="true" data-auto-logout-link="true"> </div> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4&appId=281065268754624"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script><span class="corners-bottom"><span></span></span></div></div><div style="height:3px"></div><div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Like us on facebook</div><div class="fb-like" data-share="true" data-width="450" data-show-faces="true"> </div> <span class="corners-bottom"><span></span></span></div></div><div style="height:3px"></div></div></div></div></div></div><div id="page-footer"><div class="navbar"><div class="inner"><span class="corners-top"><span></span></span><ul class="linklist clearfix"><li class="footer-home"><a class="icon-home" href="/" accesskey="h">Home</a></li><li class="rightside"><strong><a href="http://www.forumotion.com/" target="_blank">Free forum</a></strong> | <span class="gensmall">©</span> <a href="https://www.forumotion.com/phpbb" target="_blank">phpBB</a> | <a name="bottom" href="http://help.forumotion.com/" target="_blank">Free forum support</a> | <a name="bottom" href="/contact" rel="nofollow">Contact</a> | <a href="/abuse?page=%2Ft74-html-headings&report=1" rel="nofollow">Report an abuse</a> | <strong><a href="http://www.forumotion.com" target="_blank">Forumotion</a></strong></li></ul><span class="corners-bottom"><span></span></span></div></div><p class="copyright"><strong></strong></p></div></div></div></div></div><div id="fb-root"></div><script type="text/javascript">$(document).ready( function() {$('div.fb-login-button, span.fb-login-button').attr({"data-scope": "email,user_birthday,user_website,user_location","data-max-rows": "1","data-size": "large","data-show-faces": "false","data-auto-logout-link": "false"});$('div.fb-login-button, span.fb-login-button').each(function() {if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {$(this).attr('onlogin', 'onLoginFB');}if($(this).html() == '') {$(this).html('Facebook');}});FB.init({appId : "281065268754624",cookie : 1,xfbml : 1,oauth : 1,version : 'v2.5'});(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_US/sdk.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));});function onLoginFB() {window.location.replace('/facebook_connect.forum')}</script><script type="text/javascript">//<![CDATA[ fa_endpage();//]]></script><script type="text/javascript"> var vglnk = { api_url: '//api.viglink.com/api', key: '0d80ae9fe71cec9484f682bd59232f9e' }; (function(d, t) { var s = d.createElement(t); s.type = 'text/javascript'; s.async = true; s.src = ('https:' == document.location.protocol ? vglnk.api_url : '//cdn.viglink.com/api') + '/vglnk.js'; var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r); }(document, 'script')); </script><script type="text/javascript"> document.write('<scr' + 'ipt data-cfasync="false" type="text/javascript" src="https://www.geniusdisplay.com/a/display.php?r=1242764"></scr' + 'ipt>'); </script> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({flush: true}); </script></body></html>