1 / 10

Basic (X)HTML Formatting

Basic (X)HTML Formatting. Basic (X)HTML Formatting. There are number of formatting elements:- Font Size Colour etc. Making Text Bold or Italic. <b> This is BOLD </b> <i> This is ITALIC </i> Logical formatting <em> emphasize italic </em> <strong> strong is in BOLD </strong>.

carrie
Download Presentation

Basic (X)HTML Formatting

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Basic (X)HTML Formatting

  2. Basic (X)HTML Formatting • There are number of formatting elements:- • Font • Size • Colour • etc

  3. Making Text Bold or Italic • <b> This is BOLD </b> • <i> This is ITALIC </i> • Logical formatting • <em> emphasize italic </em> • <strong> strong is in BOLD </strong>

  4. Changing the Size of Text • To make the text bigger or smaller • <big>Attention</big> to all DSN S4 students • <small><small> tiny text </small></small>

  5. Using a Monospaced Font <body> <p>Internet Programming</p> <tt> Monospaced Font </tt> <br /> <code> Monospaced Font </code> <br /> <kbd> Monospaced Font </kbd> <br /> <samp> Monospaced Font </samp> <br /> </body>

  6. Using Preformatted Text • Browsers eliminate all extra returns and spaces and automatically create line breaks according to the size of the window • Let you maintain the original line breaks and spacing that you’ve inserted in the text

  7. <body> <p>C++ Programming</p> <pre> for (i = 0; i<10; i++) cout<<“Internet Programming”; </pre> </body>

  8. Creating Superscript and Subscript • <sup> … </sup> • <sub> … </sub> • Superscript<sup>1</sup> • Subscript : H<sub>2</sub>O

  9. Marking Changed Text • Lawyer and writers do this all the time • Newly inserted text • <ins> … </ins> • To mark deleted text • <del> … </del> <p>I promise to do all of my homework,<ins>all of my chores,</ins>clean the cat litter, and not watch more than <del>six</del> a half hour<del>s</del> of tv.</p>

  10. Explaining Abbreviations • <abbr> and <acronym> <p> <abbr title=“Kuala_Lumpur_City_Center”>KLCC</abbr><br /> <abbr title=“Kuala_Lumpur”>KL</abbr> </p> <p> <acronym title=“Kuala_Lumpur_City_Center”>KLCC</acronym> is at the heart of <acronym title=“Kuala_Lumpur”>KL</acronym> </p>

More Related