HTML Attributes

Attributes provide additional information to an HTML element.

HTML Tag Attributes

HTML tags can have attributes. Attributes provide additional information to an HTML element.

Attributes always come in name/value pairs like this: name="value".

Attributes are always specified in the start tag of an HTML element.

Attributes Example 1:

defines the start of a heading.

has additional information about the alignment.

Try it yourself: Center aligned heading

This is heading 1

The heading above is aligned to the center of this page. The heading above is aligned to the center of this page. The heading above is aligned to the center of this page.

Attributes Example 2:

defines the body of an HTML document.

has additional information about the background color.

Try it yourself: Background color

Look: Colored Background!

Attributes Example 3:

defines an HTML table. (You will learn more about HTML tables later)

has additional information about the border around the table.

Use Lowercase Attributes

Attributes and attribute values are case-insensitive. However, the World Wide Web Consortium (W3C) recommends lowercase attributes/attribute values in their HTML 4 recommendation, and XHTML demands lowercase attributes/attribute values.

Always Quote Attribute Values

Attribute values should always be enclosed in quotes. Double style quotes are the most common, but single style quotes are also allowed.

In some rare situations, like when the attribute value itself contains quotes, it is necessary to use single quotes:

name='John "ShotGun" Nelson'

HTML Text Formatting

HTML defines a lot of elements for formatting output, like bold or italic text.

Below are a lot of examples that you can try out yourself:

Examples

Text formatting
This example demonstrates how you can format text in an HTML document.

This text is bold

This text is strong

This text is big

This text is emphasized

This text is italic

This text is small

This text contains
subscript

This text contains
superscript
Preformatted text
This example demonstrates how you can control the line breaks and spaces with the pre tag.

This is
preformatted text.
It preserves both spaces
and line breaks.

The pre tag is good for displaying computer code:

for i = 1 to 10
print i
next i

"Computer output" tags
This example demonstrates how different "computer output" tags will be displayed.
Computer code

Keyboard input

Teletype text

Sample text

Computer variable

Note: These tags are often used to display computer/programming code.

Address
This example demonstrates how to write an address in an HTML document.

Donald Duck

BOX 555

Disneyland

USA

Abbreviations and acronyms
This example demonstrates how to handle an abbreviation or an acronym.
UN

WWW
The title attribute is used to show the spelled-out version when holding the mouse pointer over the acronym or abbreviation.

This only works for the acronym element in IE 5.

This works for both the abbr and acronym element in Netscape 6.2.

Text direction
This example demonstrates how to change the text direction.

If your browser supports bi-directional override (bdo), the next line will be written from the right to the left (rtl):

Here is some Hebrew text
Quotations
This example demonstrates how to handle long and short quotations.
Here comes a long quotation:

This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.

Here comes a short quotation:
This is a short quotation

With the block quote element, the browser inserts line breaks and margins, but the q element does not render as anything special.

Deleted and inserted text
This example demonstrates how to mark a text that is deleted or inserted to a document.

a dozen is
<del>twentydel>
twelve
pieces

Most browsers will overstrike deleted text and underline inserted text.

Some older browsers will display deleted or inserted text as plain text.

How to View HTML Source
Have you ever seen a Web page and wondered "Hey! How did they do that?"
To find out, click the VIEW option in your browser's toolbar and select SOURCE or PAGE SOURCE. This will open a window that shows you the HTML code of the page.

Text Formatting Tags

Tag	Description
	Defines bold text
	Defines big text
	Defines emphasized text
	Defines italic text
	Defines small text
	Defines strong text
	Defines subscripted text
	Defines superscripted text
	Defines inserted text
	Defines deleted text
	Deprecated. Use <del> instead
	Deprecated. Use <del> instead
	Deprecated. Use styles instead

"Computer Output" Tags

Tag	Description
	Defines computer code text
	Defines keyboard text
	Defines sample computer code
	Defines teletype text
	Defines a variable
	Defines preformatted text
	Deprecated. Use instead
<o:p></o:p></span></p> </td> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;background:transparent;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><span style="font-size:9.5pt; mso-bidi-font-size:8.5pt;font-family:Verdana;mso-fareast-font-family:&quot;Times New Roman&quot;; color:red">Deprecated. Use <pre> instead<o:p></o:p></span></p> </td> </tr> <tr style="mso-yfti-irow:9;mso-yfti-lastrow:yes"> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><span style="font-size:9.5pt; mso-bidi-font-size:8.5pt;font-family:Verdana;mso-fareast-font-family:&quot;Times New Roman&quot;; color:black"><xmp><o:p></o:p></span></p> </td> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;background:transparent;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><span style="font-size:9.5pt; mso-bidi-font-size:8.5pt;font-family:Verdana;mso-fareast-font-family:&quot;Times New Roman&quot;; color:red">Deprecated. Use <pre> instead<o:p></o:p></span></p> </td> </tr> </tbody></table> <p class="MsoNormalCxSpMiddle" style="margin-top:7.5pt;margin-right:0in; margin-bottom:7.5pt;margin-left:0in;mso-add-space:auto;line-height:normal; mso-outline-level:2"><b><span style="mso-bidi-font-size:10.0pt;font-family: Verdana;mso-fareast-font-family:&quot;Times New Roman&quot;;color:black">Citations, Quotations, and Definition Tags<o:p></o:p></span></b></p> <table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;mso-cellspacing:0in;background:#F1F1F1;border:solid gray 1.0pt; mso-border-top-alt:.75pt;mso-border-left-alt:.75pt;mso-border-bottom-alt:.25pt; mso-border-right-alt:.25pt;mso-border-color-alt:gray;mso-border-style-alt: solid;mso-yfti-tbllook:1184;mso-padding-alt:0in 0in 0in 0in"> <tbody><tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes"> <td width="20%" style="width:20.0%;border:solid gray 1.0pt;mso-border-top-alt: .25pt;mso-border-left-alt:.25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt: .75pt;mso-border-color-alt:gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><b><span style="font-size:9.5pt; mso-bidi-font-size:8.5pt;font-family:Verdana;mso-fareast-font-family:&quot;Times New Roman&quot;; color:black">Tag<o:p></o:p></span></b></p> </td> <td width="80%" style="width:80.0%;border:solid gray 1.0pt;mso-border-top-alt: .25pt;mso-border-left-alt:.25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt: .75pt;mso-border-color-alt:gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><b><span style="font-size:9.5pt; mso-bidi-font-size:8.5pt;font-family:Verdana;mso-fareast-font-family:&quot;Times New Roman&quot;; color:black">Description<o:p></o:p></span></b></p> </td> </tr> <tr style="mso-yfti-irow:1"> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><a href="http://www.w3schools.com/tags/tag_abbr.asp"><span style="font-size: 9.5pt;mso-bidi-font-size:11.0pt;font-family:&quot;Times New Roman&quot;;mso-fareast-font-family: &quot;Times New Roman&quot;;color:#900B09"><abbr></span></a><span style="font-size:9.5pt;mso-bidi-font-size:8.5pt;font-family:Verdana; mso-fareast-font-family:&quot;Times New Roman&quot;;color:black"><o:p></o:p></span></p> </td> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><span style="font-size:9.5pt; mso-bidi-font-size:8.5pt;font-family:Verdana;mso-fareast-font-family:&quot;Times New Roman&quot;; color:black">Defines an abbreviation<o:p></o:p></span></p> </td> </tr> <tr style="mso-yfti-irow:2"> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><a href="http://www.w3schools.com/tags/tag_acronym.asp"><span style="font-size: 9.5pt;mso-bidi-font-size:11.0pt;font-family:&quot;Times New Roman&quot;;mso-fareast-font-family: &quot;Times New Roman&quot;;color:#900B09"><acronym></span></a><span style="font-size:9.5pt;mso-bidi-font-size:8.5pt;font-family:Verdana; mso-fareast-font-family:&quot;Times New Roman&quot;;color:black"><o:p></o:p></span></p> </td> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><span style="font-size:9.5pt; mso-bidi-font-size:8.5pt;font-family:Verdana;mso-fareast-font-family:&quot;Times New Roman&quot;; color:black">Defines an acronym<o:p></o:p></span></p> </td> </tr> <tr style="mso-yfti-irow:3"> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><a href="http://www.w3schools.com/tags/tag_address.asp"><span style="font-size: 9.5pt;mso-bidi-font-size:11.0pt;font-family:&quot;Times New Roman&quot;;mso-fareast-font-family: &quot;Times New Roman&quot;;color:#900B09"><address></span></a><span style="font-size:9.5pt;mso-bidi-font-size:8.5pt;font-family:Verdana; mso-fareast-font-family:&quot;Times New Roman&quot;;color:black"><o:p></o:p></span></p> </td> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><span style="font-size:9.5pt; mso-bidi-font-size:8.5pt;font-family:Verdana;mso-fareast-font-family:&quot;Times New Roman&quot;; color:black">Defines an address element<o:p></o:p></span></p> </td> </tr> <tr style="mso-yfti-irow:4"> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><a href="http://www.w3schools.com/tags/tag_bdo.asp"><span style="font-size:9.5pt; mso-bidi-font-size:11.0pt;font-family:&quot;Times New Roman&quot;;mso-fareast-font-family: &quot;Times New Roman&quot;;color:#900B09"><bdo></span></a><span style="font-size:9.5pt;mso-bidi-font-size:8.5pt;font-family:Verdana; mso-fareast-font-family:&quot;Times New Roman&quot;;color:black"><o:p></o:p></span></p> </td> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><span style="font-size:9.5pt; mso-bidi-font-size:8.5pt;font-family:Verdana;mso-fareast-font-family:&quot;Times New Roman&quot;; color:black">Defines the text direction<o:p></o:p></span></p> </td> </tr> <tr style="mso-yfti-irow:5"> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><a href="http://www.w3schools.com/tags/tag_blockquote.asp"><span style="font-size:9.5pt;mso-bidi-font-size:11.0pt;font-family:&quot;Times New Roman&quot;; mso-fareast-font-family:&quot;Times New Roman&quot;;color:#900B09"><blockquote></span></a><span style="font-size:9.5pt;mso-bidi-font-size:8.5pt;font-family:Verdana; mso-fareast-font-family:&quot;Times New Roman&quot;;color:black"><o:p></o:p></span></p> </td> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><span style="font-size:9.5pt; mso-bidi-font-size:8.5pt;font-family:Verdana;mso-fareast-font-family:&quot;Times New Roman&quot;; color:black">Defines a long quotation<o:p></o:p></span></p> </td> </tr> <tr style="mso-yfti-irow:6"> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><a href="http://www.w3schools.com/tags/tag_q.asp"><span style="font-size:9.5pt; mso-bidi-font-size:11.0pt;font-family:&quot;Times New Roman&quot;;mso-fareast-font-family: &quot;Times New Roman&quot;;color:#900B09"><q></span></a><span style="font-size: 9.5pt;mso-bidi-font-size:8.5pt;font-family:Verdana;mso-fareast-font-family: &quot;Times New Roman&quot;;color:black"><o:p></o:p></span></p> </td> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><span style="font-size:9.5pt; mso-bidi-font-size:8.5pt;font-family:Verdana;mso-fareast-font-family:&quot;Times New Roman&quot;; color:black">Defines a short quotation<o:p></o:p></span></p> </td> </tr> <tr style="mso-yfti-irow:7"> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><span style="font-size:9.5pt;mso-bidi-font-size:11.0pt;font-family:&quot;Times New Roman&quot;; mso-fareast-font-family:&quot;Times New Roman&quot;;color:#900B09"><cite></span></a><span style="font-size:9.5pt;mso-bidi-font-size:8.5pt;font-family:Verdana; mso-fareast-font-family:&quot;Times New Roman&quot;;color:black"><o:p></o:p></span></p> </td> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><span style="font-size:9.5pt; mso-bidi-font-size:8.5pt;font-family:Verdana;mso-fareast-font-family:&quot;Times New Roman&quot;; color:black">Defines a citation<o:p></o:p></span></p> </td> </tr> <tr style="mso-yfti-irow:8;mso-yfti-lastrow:yes"> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><span style="font-size:9.5pt;mso-bidi-font-size:11.0pt;font-family:&quot;Times New Roman&quot;; mso-fareast-font-family:&quot;Times New Roman&quot;;color:#900B09"><dfn></span></a><span style="font-size:9.5pt;mso-bidi-font-size:8.5pt;font-family:Verdana; mso-fareast-font-family:&quot;Times New Roman&quot;;color:black"><o:p></o:p></span></p> </td> <td style="border:solid gray 1.0pt;mso-border-top-alt:.25pt;mso-border-left-alt: .25pt;mso-border-bottom-alt:.75pt;mso-border-right-alt:.75pt;mso-border-color-alt: gray;mso-border-style-alt:solid;padding:0in 0in 1.5pt 0in"> <p class="MsoNormalCxSpMiddle" style="margin-bottom:0in;margin-bottom:.0001pt; mso-add-space:auto;line-height:normal"><span style="font-size:9.5pt; mso-bidi-font-size:8.5pt;font-family:Verdana;mso-fareast-font-family:&quot;Times New Roman&quot;; color:black">Defines a definition term<o:p></o:p></span></p> </td> </tr></tbody></table><p></p></plaintext></td></tr> </tbody></table> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Posted by <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/07689009600142938028' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/07689009600142938028' rel='author' title='author profile'> <span itemprop='name'>Shahid Mahmood Bajwah</span> </a> </span> </span> <span class='post-timestamp'> at <meta content='http://mtopics.blogspot.com/2009/08/html-attributes.html' itemprop='url'/> <a class='timestamp-link' href='https://mtopics.blogspot.com/2009/08/html-attributes.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-08-29T08:34:00-07:00'>8:34 AM</abbr></a> </span> <span class='post-comment-link'> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1898160138'> <a href='https://www.blogger.com/post-edit.g?blogID=3365166141805608097&postID=241596520941156371&from=pencil' title='Edit Post'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> <div class='comments' id='comments'> <a name='comments'></a> <h4>No comments:</h4> <div id='Blog1_comments-block-wrapper'> <dl class='avatar-comment-indent' id='comments-block'> </dl> </div> <p class='comment-footer'> <div class='comment-form'> <a name='comment-form'></a> <h4 id='comment-post-message'>Post a Comment</h4> <p> </p> <a href='https://www.blogger.com/comment/frame/3365166141805608097?po=241596520941156371&hl=en&saa=85391&origin=https://mtopics.blogspot.com' id='comment-editor-src'></a> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe> <script src='https://www.blogger.com/static/v1/jsbin/2830521187-comment_from_post_iframe.js' type='text/javascript'></script> <script type='text/javascript'> BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html'); </script> </div> </p> </div> </div> <div class='inline-ad'> <script type="text/javascript"><!-- google_ad_client="pub-9887433692495035"; google_ad_host="pub-1556223355139109"; google_ad_host_channel="00000"; google_ad_width=300; google_ad_height=250; google_ad_format="300x250_as"; google_ad_type="text_image"; google_color_border="F6F6F6"; google_color_bg="F6F6F6"; google_color_link="9E5205"; google_color_url="777777"; google_color_text="000000"; //--></script> <script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='https://mtopics.blogspot.com/2009/08/html-character-entities.html' id='Blog1_blog-pager-newer-link' title='Newer Post'>Newer Post</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='https://mtopics.blogspot.com/2009/08/basic-notes-useful-tips.html' id='Blog1_blog-pager-older-link' title='Older Post'>Older Post</a> </span> <a class='home-link' href='https://mtopics.blogspot.com/'>Home</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> Subscribe to: <a class='feed-link' href='https://mtopics.blogspot.com/feeds/241596520941156371/comments/default' target='_blank' type='application/atom+xml'>Post Comments (Atom)</a> </div> </div> </div></div> </div> <div id='sidebar-wrapper'> <div class='sidebar section' id='sidebar'><div class='widget AdSense' data-version='1' id='AdSense1'> <div class='widget-content'> <script type="text/javascript"><!-- google_ad_client="pub-9887433692495035"; google_ad_host="pub-1556223355139109"; google_ad_host_channel="00000"; google_alternate_ad_url="http://www.blogger.com/img/blogger_ad160x600.html"; google_ad_width=160; google_ad_height=600; google_ad_format="160x600_as"; google_ad_type="text_image"; google_color_border="F6F6F6"; google_color_bg="F6F6F6"; google_color_link="B8A80D"; google_color_url="999999"; google_color_text="000000"; //--></script> <script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <div class='clear'></div> </div> </div><div class='widget Followers' data-version='1' id='Followers1'> <h2 class='title'>Followers</h2> <div class='widget-content'> <div id='Followers1-wrapper'> <div style='margin-right:2px;'> <div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <div id="followers-iframe-container"></div> <script type="text/javascript"> window.followersIframe = null; function followersIframeOpen(url) { gapi.load("gapi.iframes", function() { if (gapi.iframes && gapi.iframes.getContext) { window.followersIframe = gapi.iframes.getContext().openChild({ url: url, where: document.getElementById("followers-iframe-container"), messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { '_ready': function(obj) { window.followersIframe.getIframeEl().height = obj.height; }, 'reset': function() { window.followersIframe.close(); followersIframeOpen("https://www.blogger.com/followers/frame/3365166141805608097?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMwMDAwMDAiByM5OTk5OTkqByNmNmY2ZjYyByM5RTUyMDU6ByMwMDAwMDBCByM5OTk5OTlKByMwMDAwMDBSByM5OTk5OTlaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3den\x26origin\x3dhttps://mtopics.blogspot.com"); }, 'open': function(url) { window.followersIframe.close(); followersIframeOpen(url); } } }); } }); } followersIframeOpen("https://www.blogger.com/followers/frame/3365166141805608097?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMwMDAwMDAiByM5OTk5OTkqByNmNmY2ZjYyByM5RTUyMDU6ByMwMDAwMDBCByM5OTk5OTlKByMwMDAwMDBSByM5OTk5OTlaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3den\x26origin\x3dhttps://mtopics.blogspot.com"); </script></div> </div> </div> <div class='clear'></div> </div> </div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>Blog Archive</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='https://mtopics.blogspot.com/2009/'> 2009 </a> <span class='post-count' dir='ltr'>(7)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://mtopics.blogspot.com/2009/10/'> October </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='https://mtopics.blogspot.com/2009/08/'> August </a> <span class='post-count' dir='ltr'>(6)</span> <ul class='posts'> <li><a href='https://mtopics.blogspot.com/2009/08/html-character-entities.html'>HTML Character Entities</a></li> <li><a href='https://mtopics.blogspot.com/2009/08/html-attributes.html'>HTML Attributes</a></li> <li><a href='https://mtopics.blogspot.com/2009/08/basic-notes-useful-tips.html'>Basic Notes - Useful Tips</a></li> <li><a href='https://mtopics.blogspot.com/2009/08/basic-html-tags.html'>Basic HTML Tags</a></li> <li><a href='https://mtopics.blogspot.com/2009/08/html-elements.html'>HTML Elements</a></li> <li><a href='https://mtopics.blogspot.com/2009/08/introduction-to-html.html'>Introduction to HTML</a></li> </ul> </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> </div> </div><div class='widget Profile' data-version='1' id='Profile1'> <h2>About Me</h2> <div class='widget-content'> <a href='https://www.blogger.com/profile/07689009600142938028'><img alt='My photo' class='profile-img' height='80' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKago9eq2hrXGwnIRIEyO9WloqDxTqbPaLvX0ebJxX2Caoq6jrYqcy7z5SjiqJVF9UqGbewRWvikpjsyxN6GEk4sVz9B7hi9IFsBJvmbDWlI7l37WRK78__utTi3DNDms/s220/gov_logo.jpg' width='64'/></a> <dl class='profile-datablock'> <dt class='profile-data'> <a class='profile-name-link g-profile' href='https://www.blogger.com/profile/07689009600142938028' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'> Shahid Mahmood Bajwah </a> </dt> <dd class='profile-textblock'>BS(cs) : Aiou, Pakistan</dd> </dl> <a class='profile-link' href='https://www.blogger.com/profile/07689009600142938028' rel='author'>View my complete profile</a> <div class='clear'></div> </div> </div></div> </div> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div> </div> <!-- end content-wrapper --> </div></div> <!-- end outer-wrapper --> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/387437488-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AAVkm1sMyFHJK471qKLyFjky5s7q:1780359171703';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3365166141805608097','//mtopics.blogspot.com/2009/08/html-attributes.html','3365166141805608097'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '3365166141805608097', 'title': 'MISC_Topics', 'url': 'https://mtopics.blogspot.com/2009/08/html-attributes.html', 'canonicalUrl': 'http://mtopics.blogspot.com/2009/08/html-attributes.html', 'homepageUrl': 'https://mtopics.blogspot.com/', 'searchUrl': 'https://mtopics.blogspot.com/search', 'canonicalHomepageUrl': 'http://mtopics.blogspot.com/', 'blogspotFaviconUrl': 'https://mtopics.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22MISC_Topics - Atom\x22 href\x3d\x22https://mtopics.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22MISC_Topics - RSS\x22 href\x3d\x22https://mtopics.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22MISC_Topics - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/3365166141805608097/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22MISC_Topics - Atom\x22 href\x3d\x22https://mtopics.blogspot.com/feeds/241596520941156371/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-9887433692495035', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/9e84dfdf60ff6521', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '241596520941156371', 'pageName': 'HTML Attributes', 'pageTitle': 'MISC_Topics: HTML Attributes'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'HTML Attributes', 'description': 'HTML Attributes Attributes provide additional information to an HTML element. HTML Tag Attributes HTML tags can have attributes . At...', 'url': 'https://mtopics.blogspot.com/2009/08/html-attributes.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 241596520941156371}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1053750561-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense1', 'sidebar', document.getElementById('AdSense1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar', document.getElementById('Followers1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull')); </script> </body> </html>

MISC_Topics

Saturday, August 29, 2009

HTML Attributes

defines the start of a heading.

has additional information about the alignment. Try it yourself: Center aligned heading

This is heading 1

Look: Colored Background!

has additional information about the alignment.

Try it yourself: Center aligned heading