Friday 28 March 2014

HTML Text Formatting


HTML Text Formatting

This text is bold

This text is italic

This is computer output

This is subscript and superscript


HTML Text Formatting Tags

Tag
Description
Examples
<b>
text को bold करने के लिये नोट: HTML 5 मे इस्का प्रयोग कम या अंतिम विकल्प के रुप मे करते है। आप text को bold सेट करने के लोये CSS की "font-weight" का प्रयोग भी कर सकते है।
<p>This is normal text - <b>and this is bold text</b></p>
<em>
text को emphasized करने के लिये नोट:  <em> tag एक phrase tag है
<em>Emphasized text</em>
<i>
Defines a part of text in an alternate voice or mood
<p>He named his car <i>The lightning</i>, because it was very fast.</p>
<small>
text को smaller करने के लिये
नोट: This tag is not deprecated, but it is possible to achieve richer effect with CSS
<p>W3Schools.com - the world's largest web development site.</p>
<p><small>Copyright 1999-2050 by Refsnes Data</small></p>

<strong>
text को important करने के लिये नोट: <strong> tag एक phrase tag है नोट: This tag is not deprecated, but it is possible to achieve richer effect with CSS
<strong>Strong text</strong>
<sub>
text को subscripted करने के लिये, जैसे- H2O
<p>This text contains <sub>subscript</sub> text.</p>
<sup>
text को superscripted करने के लिये, जैसे- WWW[1]
<p>This text contains <sup>superscript</sup> text.</p>
<ins>
text को inserted करने के लिये नोट: Browsers will normally strike a line through deleted text and underline inserted text.
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
<del>
text को deleted करने के लिये
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

Attributes <del><ins>


cite
एक पेज के  URL के लिये जो यह विस्तार से बताता है कि text क्यो delete किया गया 
<p><del cite="del_demo_cite.htm">This text has been deleted</del></p>
datetime
YYYY-MM-DDThh:mm:ssTZD
उस date और time के लिए जब text delete किया गया  Attribute Value
YYYY-MM-DDThh:mm:ssTZD
Explanation of components:
  • YYYY - year (e.g. 2012)
  • MM - month (e.g. 01 for January)
  • DD - day of the month (e.g. 08)
  • T - a required separator
  • hh - hour (e.g. 22 for 10.00pm)
  • mm - minutes (e.g. 55)
  • ss - seconds (e.g. 03)
  • TZD - Time Zone Designator (Z denotes Zulu, also known as Greenwich Mean Time)
<p>
<del datetime="2011-11-15T22:55:03Z">This text has been deleted</del>
</p>
<mark>
text को marked/highlighted करने के लिये
नोट : new in HTML5
<p>Do not forget to buy <mark>milk</mark> today.</p>

HTML "Computer Output" Tags


<code>
computer code text के लिये प्रयोग होता है नोट : <code> tag is a phrase tag.
<code>A piece of computer code</code>
<samp>
keyboard text के लिये प्रयोग होता है नोट : <samp>tag is a phrase tag.
<kbd>Keyboard input</kbd>
<samp>
sample computer code के लिये प्रयोग होता है नोट : <samp>tag is a phrase tag.
<samp>Sample output from a computer program</samp>
<var>
variable के लिये प्रयोग होता है नोट : <var>tag is a phrase tag.
<var>Variable</var>
<pre>
preformatted text के लिये प्रयोग होता है
नोट : <pre> element का Attributes
width होता है जिसकी value number मे होती है । नोट : Not supported in HTML5. Deprecated in HTML 4.01. Specifies the maximum number of characters per line
<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks
</pre>
<pre width="30">
Text in a pre element is displayed in a fixed-width
font, and it preserves both     spaces    and
line breaks
</pre>

HTML Citations, Quotations, and Definition Tags


<abbr>
abbreviation या acronym के लिये प्रयोग होता है नोट : The global title attribute can be used in the <abbr> tag to show the full version of the abbreviation/acronym when you mouse over the <abbr> element
नोट : <abbr> tag is not supported in IE 6
or earlier versions.
The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.

<address>
HTML पेज के लेखक या मालिक के बारे मे जानकारी के लिये इसका प्रयोग किया जाता है । नोट : The <address> tag should NOT be used to describe a postal address, unless it is a part of the contact information. नोट : The <address> element will typically be included along with other information in a <footer> element.
<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
<bdo>
text direction के लिये प्रयोग किया जाता है । नोट : इसका Attributes dir और Value ltr या rtl होते है।
<bdo dir="ltr|rtl">
ltr- बाँये से दाँये text direction
rtl-  दाँये से बाँये text direction

<bdo dir="rtl">
This text will go right-to-left.
</bdo>

<blockquote>
<blockquote> tag का प्रयोग एक section के लिये किया जाता है जो किसी अन्य source से quoted होता है। नोट : inline (short) quotations के लिए <q> का प्रयोग करें नोट : इसका Attributes cite और Value URL होते है। जो Specifies the source of the quotation
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world’s leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
<q>
<blockquote> tag का प्रयोग inline (short) quotation के लिये किया जाता है नोट : इसका Attributes cite और Value URL होते है।
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
<p>WWF's goal is to:
<q cite="http://www.wwf.org">
Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
<cite>
इसका प्रयोग किसी काम को title देने के लिये किया जाता है । जैसे - a book, a song, a movie, a TV show, a painting, a sculpture, आदि नोट : A person's name is not the title of a work
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>

<dfn>
इसका प्रयोग definition term के लिये किया जाता है । नोट : <dfn>tag is a phrase tag.
<dfn>Definition term</dfn>


0 comments:

Post a Comment