1 / 24

Learn Advanced and Basic HTML - Lesson 3

With HTML you can create your own Website. This tutorial teaches you everything about HTML. For full HTML course visit our website www.training-n-development.com

trainingdevelopment
Download Presentation

Learn Advanced and Basic HTML - Lesson 3

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. Learn HTML BasicsLesson No : 03 Publisher : Attitude Academy

  2. LESSON NO :- 03 HTML

  3. HTML Text Formatting Elements Text Formatting This text is boldThis text is italicThis is superscript Browsers display <strong> as <b>, and <em> as <i>.However, there is a difference in the meaning of these tags: <b> and <i> defines bold and italic text,but <strong> and <em> means that the text is "important".

  4. HTML Formatting Elements HTML also defines special elements for defining text with a special meaning. HTML uses elements like <b> and <i> for formatting output, like bold or italic text. Formatting elements were designed to display special types of text: • Bold text <b> • Important bold text <strong> • Italic text <i> • Emphasized text <em> • Marked text <mark> • Small text <small> • Deleted text <del> • Inserted text <ins> • Subscripts <sub> • Superscripts <sup>

  5. HTML Bold and Strong Formatting The HTML <b> element defines bold text, without any extra importance. Example <!DOCTYPE html><html><head><title>Page Title</title></head> <body> <p>This text is normal.</p> <p><b>This text is bold.</b></p> </body> </html>

  6. The HTML <strong> element defines strong text, with added semantic "strong" importance. Example <!DOCTYPE html><html><head><title>Page Title</title></head> <body> <p>This text is normal.</p> <p><strong>This text is strong.</strong></p> </body> </html>

  7. HTML Italic and Emphasized Formatting The HTML <i> element defines italic text, without any extra importance. Example <!DOCTYPE html><html><head><title>Page Title</title></head> <body> <p>This text is normal.</p> <p><i>This text is italic.</i></p> </body> </html>

  8. The HTML <em> element defines emphasized text, with added semantic importance. Example :- <!DOCTYPE html><html><head><title>Page Title</title></head> <body> <p>This text is normal.</p> <p><em>This text is emphasized.</em></p> </body> </html>

  9. HTML Small Formatting The HTML <small> element defines small text: Example <!DOCTYPE html><html><head><title>Page Title</title></head> <body> <h2>HTML <small>Small</small> Formatting</h2> </body> </html>

  10. HTML MarkedFormatting The HTML <mark> element defines marked or highlighted text: Example <!DOCTYPE html><html><head><title>Page Title</title></head> <body> <h2>HTML <mark>Marked</mark> Formatting</h2> </body> </html>

  11. HTML Deleted Formatting The HTML <del> element defines deleted (removed) text. Example <!DOCTYPE html><html><head><title>Page Title</title></head> <body> <p>The del element represents deleted (removed) text.</p> <p>My favorite color is <del>blue</del> red.</p> </body> </html>

  12. HTML Inserted Formatting The HTML <ins> element defines inserted (added) text. Example <!DOCTYPE html><html><head><title>Page Title</title></head> <body> <p>The ins element represent inserted (added) text.</p> <p>My favorite <ins>color</ins> is red.</p> </body> </html>

  13. HTML Subscript Formatting The HTML <sub> element defines subscripted text. Example <!DOCTYPE html><html><head><title>Page Title</title></head> <body> <p>This is <sub>subscripted</sub> text.</p> </body> </html>

  14. HTML Superscript Formatting The HTML <sup> element defines superscripted text. Example <!DOCTYPE html><html><head><title>Page Title</title></head> <body> <p>This is <sup>superscripted</sup> text.</p> </body> </html>

  15. HTML Quotation and Citation Elements

  16. HTML <abbr> for Abbreviations The HTML <abbr> element defines an abbreviation or an acronym. Marking abbreviations can give useful information to browsers, translation systems and search-engines. <body> <p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p> <p>Marking up abbreviations can give useful information to browsers, translation systems and search-engines.</p> </body>

  17. HTML <address> for Contact Information The HTML <address> element defines contact information (author/owner) of a document or article.The <address> element is usually displayed in italic. Most browsers will add a line break before and after the element. <body> <address> B-2/19A, Yamuna vihar <br> behind B-block <br> Bus Stand Delhi 110094 <br> Call 011-43522158 <br> </address> </body>

  18. HTML <bdo> for Bi-Directional Override The HTML <bdo> element defines bi-directional override. The <bdo> element is used to override the current text direction: <body> <p>If your browser supports bi-directional override (bdo), the next line will be written from right to left (rtl):</p> <bdo dir="rtl">This line will be written from right to left</bdo> </body>

  19. HTML <blockquote> for Long Quotations The HTML <blockquote> element defines a quoted section. Browsers usually indent <blockquote> elements. <body> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <blockquote cite="http://www.worldwildlife.org/who/index.html"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. </blockquote> </body>

  20. HTML <cite> for Work Title The HTML <cite> element defines the title of a work. Browsers usually display <cite> elements in italic. <body> <img src="logoooo.jpg" width="220" height="200" alt="The Scream"> <p> <cite>The Scream</cite> by Edvard Munch. Painted in 1893. </p> </body>

  21. HTML <q> for Short Quotations The HTML <q> element defines a short quotation. Browsers usually insert quotation marks around the <q> element. <body> <p>Browsers usually insert quotation marks around the q element.</p> <p>the is to: <q>Build a future where people live in harmony with nature.</q></p> </body>

  22. HTML Comments Comment tags <!-- and --> are used to insert comments in HTML. HTML Comment Tags You can add comments to your HTML source by using the following syntax: <!-- Write your comments here --> <!DOCTYPE html><html><head><title>Page Title</title></head> <body> <!-- This is a comment --> <p>This is a paragraph.</p> <!-- Comments are not displayed in the browser --> </body> </html>

  23. PRACTICAL IMPLENTATION

  24. Visit Us : Attitude Academy

More Related