HTML Tutorial

-
The markup for an HTM 5 document would look like the following −

 <html>

   <head>
   
      <title>...</title>
   </head>

   <body>
      <header>...</header>
      <nav>...</nav>

      <article>
         <section>
            ...
         </section>
      </article>

      <aside>...</aside>
      <figure>...</figure>
      <footer>...</footer>
   
   </body>

</html></div>
Some attributes are defined globally and can be used on any element, while others are defined for specific elements only. All attributes have a name and a value and look like as shown below in the example.
Following is the example of an HTML5 attributes which illustrates how to mark up a div element with an attribute named class using a value of "example" −
<div class="example">...</div>
Attributes may only be specified within start tags and must never be used in end tags.
HTML5 attributes are case insensitive and may be written in all uppercase or mixed case, although the most common convention is to stick with lowercase.

Standard Attributes

The attributes listed below are supported by almost all the HTML 5 tags.
Attribute Options Function
accesskey User Defined Specifies a keyboard shortcut to access an element.
align right, left, center Horizontally aligns tags
background URL Places an background image behind an element
bgcolor numeric, hexidecimal, RGB values Places a background color behind an element
class User Defined Classifies an element for use with Cascading Style Sheets.
contenteditable true, false Specifies if the user can edit the element's content or not.
contextmenu Menu id Specifies the context menu for an element.
data-XXXX User Defined Custom attributes. Authors of a HTML document can define their own attributes. Must start with "data-".
draggable true,false, auto Specifies whether or not a user is allowed to drag an element.
height Numeric Value Specifies the height of tables, images, or table cells.
hidden hidden Specifies whether element should be visible or not.
id User Defined Names an element for use with Cascading Style Sheets.
item List of elements Used to group elements.
itemprop List of items Used to group items.
spellcheck true, false Specifies if the element must have it's spelling or grammar checked.
style CSS Style sheet Specifies an inline style for an element.
subject User define id Specifies the element's corresponding item.
tabindex Tab number Specifies the tab order of an element.
title User Defined "Pop-up" title for your elements.
valign top, middle, bottom Vertically aligns tags within an HTML element.
width Numeric Value Specifies the width of tables, images, or table cells.

Custom Attributes

A new feature being introduced in HTML 5 is the addition of custom data attributes.
A custom data attribute starts with data- and would be named based on your requirement. Following is the simple example −
<div class="example" data-subject="physics" data-level="complex">     ...  </div>
The above will be perfectly valid HTML5 with two custom attributes called data-subject and data-level. You would be able to get the values of these attributes using JavaScript APIs or CSS in similar way as you get for standard attributes.

Popular posts from this blog

गरम चाय की प्याली

-
Image
एक गरम चाय की प्याली हो  पीने वाली दिल वाली हो LOCKDOWN में  क्या से क्या हो गए  कल तक जो प्रोजेक्ट कोडिनेटर थे अब  टी सेलर हो गए  वक़्त वक़्त की बात है  कल भाव खाते थे अब क्या से क्या हो गए  चाय से ही अब जिंदगी चाय ही रोज़ी रोटी  पी लो सोना, पी लो मोना, जो कल चाय बेचते थे वो आज हैं PM,  हम आज बेच रहे हैं की कल कुछ होंगे, खुद भी पीजिये और, अपनों को भी पिलाएं ।। अजय टी स्टाल अपना घर,
Read more

जाती के मुट्ठी में भारतीय लोकतंत्र

-
Image
अभी कुछ दिन पहले ही उपराष्ट्रपति जी ने कहा था कि आर्थिक और तकनीकी मोर्चे पर देश को महत्वपूर्ण कामयाबी मिली है, लेकिन जाति, समुदाय और लिंग के आधार पर भेदभाव जिस तरह से बढ़े है वो सबसे बड़ी चिंता का विषय हैं। देश से जाति व्यवस्था खत्म होनी चाहिए और भारत का भविष्य जातिविहीन और वर्गविहीन होना चाहिए। उन्होंने गिरजाघरों, मस्जिदों और मंदिरों के प्रमुखों से जाति के आधार पर होने वाले भेदभाव को खत्म करने के लिए काम करने को कहा है। देश कि प्रगति में बाधा है जाति की समस्या    जाति प्रथा एक सामाजिक कुरीति है। ये देश का दुर्भाग्य ही है जो देश को आजाद हुए 75 साल होने वाले है पर जाति कि सोच से बाहर नही निकल पाए है। हालांकि एक लोकतांत्रिक देश के नाते संविधान के किसी अनुच्छेद में राज्य के द्वारा धर्म, मूलवंश, जाति, लिंग, जन्म स्थान के आधार पर नागरिकों के प्रति जीवन के किसी क्षेत्र में भेदभाव नहीं किए जाने की बात कही ही गई होगी। लेकिन सरकार दोनों बातें बोलती है जहाँ एक तरफ जातिवाद को खत्म करने कि बात करते है तो दूसरी तरफ   सरकारी औहादे के लिए आवेदन या चयन की प्रक्रिया के वक्त जाति को प्रमुखता
Read more

ब्राह्मण कौन ??

-
Image
ब्राह्मण समाज दुनिया के सबसे पुराने संप्रदाय एवं जाति में से एक है। वेदों एवं उपनिषदों के तथ्य के  अनुसार  "ब्राह्मण समाज का इतिहास" , सृष्टि के रचयिता "ब्रह्मा" से जुड़ा हुआ है। वेदों के अनुसार ऐसा बताया जाता है कि  "ब्राह्मणों की उत्पत्ति"  हिंदू धर्म के देवता "ब्रह्मा" से हुई थी। ऐसा माना जाता है कि वर्तमान समय में जितने भी ब्राह्मण समाज के लोग हैं वे सब भगवान ब्रह्मा के वंशज हैं। ब्राह्मणों का इतिहास प्राचीन भारत से भी पुराना माना जाता है, ब्राह्मण की जड़े वैदिक काल से जुड़ी हुई हैं। प्राचीन काल से ही ब्राह्मणों को समाज में उच्च स्थान प्राप्त था, उस समय ब्राह्मण जाति के लोग सबसे ज्ञानी माने जाते थे। इस जाति के लोगों को प्राचीन काल से ही उच्च एवं बड़े लोगों की श्रेणी में देखा जाता रहा है। उस दौर में धार्मिक एवं जाति मतभेद वर्तमान समय के मुकाबले चरम सीमा पर था, हिंदू धर्म के लोगों को "ब्राह्मण, क्षत्रिय, वैश्य और शूद्र" चार हिस्सों में बांटा गया था। इस जाति के बंटवारे में ब्राह्मण समाज के लोगों को सबसे उच्च स्थान प्र
Read more