Jump to content

Search the Community

Showing results for tags 'em'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Adrian Bahmani

  • Quotations
    • Quotes
  • Programming
    • HTML Tutorial
    • JavaScript Tutorial
  • Rarmer
    • Articles
    • Mudras
    • Meditation
    • Yoga Poses
    • Yoga Breathing

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Found 2 results

  1. The HTML phrase tags are special purpose tags, which defines the structural meaning of a block of text or semantics of text. Following is the list of phrase tags, some of which we have already discussed in HTML formatting. Abbreviation tag : <abbr> Acronym tag: <acronym> (not supported in HTML5) Marked tag: <mark> Strong tag: <strong> Emphasized tag : <em> Definition tag: <dfn> Quoting tag: <blockquote> Short quote tag : <q> Code tag: <code> Keyboard tag: <kbd> Address tag: <address> <abbr>: تگ اختصار یا کوتاه سازی <acronym>: تگ مخفف سازی (در ۵HTML پشتیبانی نمی شود ) <mark>: تگ علامت گذاری <strong>: تگ اهمیت بخشیدن به متن <em>: تگ تأکید <dfn>: تگ تعریف <blockquote>: تگ نقل قول <q>: تگ نقل قول کوتاه <code>: تگ کد <kbd>: تگ صفحه کلید <address>: تگ آدرس 1. Text Abbreviation tag This tag is used to abbreviate a text. To abbreviate a text, write text between <abbr> and </abbr> tag. Example <p>An <abbr title = "Hypertext Markup language">HTML </abbr>language is used to create web pages. </p> Output: 2. Marked tag: The content written between <mark> and </mark> tag will show as yellow mark on browser. This tag is used to highlight a particular text. Example <p>This tag will <mark>highlight</mark> the text.</p> Output: 3. Strong text: This tag is used to display the important text of the content. The text written between <strong> and </strong> will be displayed as important text. Example <p>In HTML it is recommended to use <strong>lower-case</strong>, while writing a code. </p> Output: 4. Emphasized text This tag is used to emphasize the text, and displayed the text in italic form. The text written between <em> and </em> tag will italicized the text. Example <p>HTML is an <em>easy </em>to learn language.</p> Output: 5. Definition tag: When you use the <dfn> and </dfn> tags, it allow to specify the keyword of the content. Following is the example to show how to definition element. Example <p><dfn>HTML </dfn> is a markup language. </p> Output: 6. Quoting text: The HTML <blockquote> element shows that the enclosed content is quoted from another source. The Source URL can be given using the cite attribute, and text representation of source can display using <cite> ..... </cite>element. Example <blockquote cite="https://www.keepinspiring.me/famous-quotes/"><p>?The first step toward success is taken when you refuse to be a captive of the environment in which you first find yourself.?</p></blockquote> <cite>-Mark Caine</cite> Output: 7. Short Quotations: An HTML <q> ....... </q> element defines a short quotation. If you will put any content between <q> ....... </q>, then it will enclose the text in double quotes. Example: <p>Steve Jobs said: <q>If You Are Working On Something That You Really Care About, You Don?t Have To Be Pushed. The Vision Pulls You.</q>?</p> Output: 8. Code tags The HTML <code> </code> element is used to display the part of computer code. It will display the content in monospaced font. <p>First Java program</p> <p><code>class Simple{ public static void main(String args[]){ System.out.println("Hello Java"); }} </code> </p> Output: 9. Keyboard Tag In HTML the keyboard tag, <kbd>, indicates that a section of content is a user input from keyboard. <p>Please press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + t<kbd></kbd> to restore page on chrome.</p> Output: 10. Address tag An HTML <address> tag defines the contact information about the author of the content. The content written between <address> and </address> tag, then it will be displayed in italic font. <address> You can ask your queries by contact us on <a href="">[email protected]</a> <br> You can also visit at: <br>58 S. Garfield Street. Villa Rica, GA 30187. </address> Output:
  2. HTML Formatting HTML Formatting is a process of formatting text for better look and feel. HTML provides us ability to format text without using CSS. There are many formatting tags in HTML. These tags are used to make text bold, italicized, or underlined. There are almost 14 options available that how text appears in HTML and XHTML. In HTML the formatting tags are divided into two categories: Physical tag: These tags are used to provide the visual appearance to the text. Logical tag: These tags are used to add some logical or semantic value to the text. NOTE: There are some physical and logical tags which may give same visual appearance, but they will be different in semantics. Here, we are going to learn 14 HTML formatting tags. Following is the list of HTML formatting text. Element name Description <b> This is a physical tag, which is used to bold the text written between it. <strong> This is a logical tag, which tells the browser that the text is important. <i> This is a physical tag which is used to make text italic. <em> This is a logical tag which is used to display content in italic. <mark> This tag is used to highlight text. <u> This tag is used to underline text written between it. <tt> This tag is used to appear a text in teletype. (not supported in HTML5) <strike> This tag is used to draw a strikethrough on a section of text. (Not supported in HTML5) <sup> It displays the content slightly above the normal line. <sub> It displays the content slightly below the normal line. <del> This tag is used to display the deleted content. <ins> This tag displays the content which is added <big> This tag is used to increase the font size by one conventional unit. <small> This tag is used to decrease the font size by one unit from base font size. نام عنصر توضیحات <b> تگ فیزیکی که متن درون خود را به صورت توپر نمایش می دهد <strong> تگ منطقی است که به مرورگر اطلاع می دهد که متن درون آن اهمیت دارد <i> تگ فیزیکی که متن را به صورت مورب نمایش می دهد <em> تگ منطقی که محتوا را به صورت مورب نمایش می دهد <mark> متن را به صورت علامت گذاری شده و متمایز نمایش می دهد <u> زیر متن یک خط می کشد <tt> متن را به صورت تله تایپ نمایش می دهد (در ۵HTML پشتیبانی نمی شود.) <strike> روی یک قسمت از متن خط می کشد (در ۵HTML پشتیبانی نمی شود ) <sup> محتوا را کمی بالاتر از متن معمول نمایش می دهد <sub> محتوا را کمی پایین تر از متن معمول نمایش می دهد <del> محتوای را به صورت خط خورده (حذف شده) نمایش می دهد <ins> محتوای اضافه شده را نمایش می دهد <big> اندازه قلم متن را براساس اندازه قلم پایه، یک واحد بزرگتر نمایش می دهد <small> اندازه قلم متن را براساس اندازه قلم پایه، یک واحد کوچکتر نمایش می دهد 1) Bold Text HTML<b> and <strong> formatting elements The HTML <b> element is a physical tag which display text in bold font, without any logical importance. If you write anything within <b>............</b> element, is shown in bold letters. See this example: <p> <b>Write Your First Paragraph in bold text.</b></p> Output: Write Your First Paragraph in bold text. The HTML <strong> tag is a logical tag, which displays the content in bold font and informs the browser about its logical importance. If you write anything between <strong>???????. </strong>, is shown important text. See this example: <p><strong>This is an important content</strong>, and this is normal content</p> Output: This is an important content, and this is normal content Example <!DOCTYPE html> <html> <head> <title>formatting elements</title> </head> <body> <h1>Explanation of formatting element</h1> <p><strong>This is an important content</strong>, and this is normal content</p> </body> </html> 2) Italic Text HTML <i> and <em> formatting elements The HTML <i> element is physical element, which display the enclosed content in italic font, without any added importance. If you write anything within <i>............</i> element, is shown in italic letters. See this example: <p> <i>Write Your First Paragraph in italic text.</i></p> Output: Write Your First Paragraph in italic text. The HTML <em> tag is a logical element, which will display the enclosed content in italic font, with added semantics importance. See this example: <p><em>This is an important content</em>, which displayed in italic font.</p> Output: This is an important content, which displayed in italic font. <!DOCTYPE html> <html> <head> <title>formatting elements</title> </head> <body> <h1>Explanation of italic formatting element</h1> <p><em>This is an important content</em>, which displayed in italic font.</p> </body> </html> 3) HTML Marked formatting If you want to mark or highlight a text, you should write the content within <mark>.........</mark>. See this example: <h2> I want to put a <mark> Mark</mark> on your face</h2> Output: I want to put a Mark on your face 4) Underlined Text If you write anything within <u>.........</u> element, is shown in underlined text. See this example: <p> <u>Write Your First Paragraph in underlined text.</u></p> Output: Write Your First Paragraph in underlined text. 5) Strike Text Anything written within <strike>.......................</strike> element is displayed with strikethrough. It is a thin line which cross the statement. See this example: <p> <strike>Write Your First Paragraph with strikethrough</strike>.</p> Output: Write Your First Paragraph with strikethrough. 6) Monospaced Font If you want that each letter has the same width then you should write the content within <tt>.............</tt> element. Note: We know that most of the fonts are known as variable-width fonts because different letters have different width. (for example: 'w' is wider than 'i'). Monospaced Font provides similar space among every letter. See this example: <p>Hello <tt>Write Your First Paragraph in monospaced font.</tt></p> Output: Hello Write Your First Paragraph in monospaced font. 7) Superscript Text If you put the content within <sup>..............</sup> element, is shown in superscript; means it is displayed half a character's height above the other characters. See this example: <p>Hello <sup>Write Your First Paragraph in superscript.</sup></p> Output: Hello Write Your First Paragraph in superscript. 😎 Subscript Text If you put the content within <sub>..............</sub> element, is shown in subscript ; means it is displayed half a character's height below the other characters. See this example: <p>Hello <sub>Write Your First Paragraph in subscript.</sub></p> Output: Hello Write Your First Paragraph in subscript. 9) Deleted Text Anything that puts within <del>..........</del> is displayed as deleted text. See this example: <p>Hello <del>Delete your first paragraph.</del></p> Output: Hello 10) Inserted Text Anything that puts within <ins>..........</ins> is displayed as inserted text. See this example: <p> <del>Delete your first paragraph.</del><ins>Write another paragraph.</ins></p> Output: Delete your first paragraph.Write another paragraph. 11) Larger Text If you want to put your font size larger than the rest of the text then put the content within <big>.........</big>. It increase one font size larger than the previous one. See this example: <p>Hello <big>Write the paragraph in larger font.</big></p> Output: Hello Write the paragraph in larger font. 12) Smaller Text If you want to put your font size smaller than the rest of the text then put the content within <small>.........</small>tag. It reduces one font size than the previous one. See this example: <p>Hello <small>Write the paragraph in smaller font.</small></p> Output: Hello Write the paragraph in smaller font.
×
×
  • Create New...