Point studios

Emphasis

Some times there is more important text that needs to be highlighted, to specify some text as more important wrap it with <em> like this This text is <em>important</em>. Or even more important wrap it with <strong> like this I just got <strong> married</strong> infact I did.

Emphasis usually represented as italic for <em> & bold for <strong> but take care don't use those tags for there visual representation use them only for there meanings and avoid using <i> & <b>.

Abbreviations & acronyms

An abbreviation is a group of letters taken from one word to brief it, like the world abbreviation could be abbreviated as abbr or from more than one word like the word HyperText Markup Language could be abbreviated as HTML.

Acronyms are type of abbreviations it's the first letters of a group of words like National Aeronautics and Space Administration its acronym is NASA.

To indicate abbreviations wrap your abbreviation with <abbr> like this <abbr>HTML</abbr> now you indicated that HTML is an abbreviation but you could push it more and indicate the abbreviation long form by adding a title attribute like this <abbr title="HyperText Markup Language">HTML</abbr> now if you hovered with the mouse over the abbreviation the long form will be shown in a tooltip, the same for acronyms <acronym title="North Atlantic Treaty Organisation">NATO</acronym>

Quotations & citations

A quotation which could also be named a quote indicates part of others speeches or writings like Beauty in design is not only about that which can be seen, but also that which can't be seen. said by Douglas Bowman it's done by wrapping the quoted text by <q> like this <q>This text is quoted</q> a cite attribute could be added to indicate the URL which this quote is from like <q cite="http://www.quoted.com/q/">This text is quoted</q>.

If the quoted text is a whole paragraph or more than one <blockquote> should be used instead of <q> like this

<blockquote><p>To explain web standards we have to mention first that web design isn't just designing a beautiful interface but behind this interface is a structural markup like HTML, XHTML, presentational language like CSS and DOM based scripts like ECMA script.</p></blockquote> notice that you have to wrap your paragraph with <p> inside the <blockquote>

And ofcoure it could be used with more than one paragraph as the following,

<blockquote><p>Not at all as you can see in this site CSS can make beautiful interface designs with all the benefits that we mentioned here, in fact any design can be redesigned with CSS to be standards compliant.</p> <p>Speaking of CSS beauty we must mention the CSS zen garden project that proves to every body how beautiful is pure CSS layouts. It is one XHTML page and this same page can be changed by only pointing to other CSS file there is over 600 CSS files submitted from designers all over the world. Switch designs from the right panel and be inspired.</p></blockquote>

It will appear usually like this but without the left border the text will be indented only.

Not at all as you can see in this site CSS can make beautiful interface designs with all the benefits that we mentioned here, in fact any design can be redesigned with CSS to be standards compliant.

Speaking of CSS beauty we must mention the CSS zen garden project that proves to every body how beautiful is pure CSS layouts. It is one XHTML page and this same page can be changed by only pointing to other CSS file there is over 600 CSS files submitted from designers all over the world. Switch designs from the right panel and be inspired.

To define a citation or a reference to another source use <cite> like in the previous example <q>Beauty in design is not only about that which can be seen, but also that which can't be seen.</q> said by <cite>Douglas Bowman</cite>, citations usually represented as italic.

If you want to specify a URL to a citation just wrap it with the <a> tag and add the attribute href like this <a href="http://www.citations.com/"><cite>cited content</cite></a>

Code

To indicate a code wrap with <code> like this <code>This is a code</code> and it's usually represented just as the previous example in the courier font.

Deleting & inserting

Maybe this issue will be hard for some of you to apply but when you provide a permalink to your post readers must trust that this permalink will last forever and that its content will not be changed so that they could link to it in there posts, well this issue is for bloggers not commenters to update the content of a post you have to use the tag <del> if you want to delete something and <ins> if you want to insert something like for example Madagascar is a very nice <del>Disney</del> <ins>DreamWorks</ins> movie usually it will be shown like this Madagascar is a very nice Disney DreamWorks movie.

In brief

Here are all the tags we mentioned and there functions in brief.

• <em>Emphasis</em> = Emphasis
• <strong>Strong emphasis</strong> = Strong emphasis
• <abbr title="abbreviation">abbr</abbr> = abbr
• <acronym title="National Aeronautics and Space Administration">NASA<acronym> = NASA
• <q>This is a quote</q> = This is a quote
• <blockquote cite="http://www.point-studios.com/standards.htm"><p>Not at all as you can see in this site CSS can make beautiful interface designs with all the benefits that we mentioned here, in fact any design can be redesigned with CSS to be standards compliant.</p></blockquote> =

  Not at all as you can see in this site CSS can make beautiful interface designs with all the benefits that we mentioned here, in fact any design can be redesigned with CSS to be standards compliant.

• said by <cite>Jeffrey Zeldman</cite> = said by Jeffrey Zeldman
• <code>This is a line of code.</code> = This is a line of code.
• <del>Wrong info</del> = Wrong info
• <ins>Updated info</ins> = Updated info

Good luck with your more meaningful writings,