Posts

subscript superscript and strike

Subscript and superscript are used in mathematical calculations where we use powers and bases. for Example:Logarithms. It is represented by <sub>. Subscript: <!DOCTYPE html> <html> <body> <p>This is <sub>subscripted</sub> text.</p> </body> </html> Output: This is  subscripted  text. Superscript: <!DOCTYPE html> <html> <body> <p>This is <sup>superscripted</sup> text.</p> </body> </html> Output: This is  superscripted  text. Strike: This is not supported by html5. We can use <s> or <del> instead of this <strike>. <!DOCTYPE html> <html> <body>  <strike>not yet available!</strike> now available! <p>The strike element is not supported in HTML5. Use CSS instead.</p> </body> </html> ...

insert delete mark and em tags in html

Insert <ins> tag is used to insert the text in the middle of the paragraph <!DOCTYPE html> <html> <body> <p>My favorite <ins>color</ins> is red.</p> </body> </html> Output: My favorite color  is red. Delete: <del> is same as <strike> <!DOCTYPE html> <html> <body> <p>My favorite color is <del>blue</del>  </body> </html> Output: My favorite color is blue Mark: <mark> tag is used to mark the important information of the paragraph. It is used highlight the text. <!DOCTYPE html> <html> <body> <h2>HTML <mark>Marked</mark> Formatting</h2> </body> </html> Output: HTML  Marked  Formatting emphasize: This is used  for emphasizing the text. Here this shows the difference between normal ...

Variable tag in html

The <var> tag is a phrase tag. It defines a variable.  This tag is not deprecated, but it is possible to achieve richer effect with CSS. <!DOCTYPE html> <html> <body> <var>Variable</var> </body> </html> Output: Variable

underline In html

The <u> tag represents some text that should be stylistically different from normal text, such as misspelled words or proper nouns in Chinese. <!DOCTYPE html> <html> <body> <p>This is a <u>parragraph</u>.</p> </body> </html> Output: This is a  parragraph .

code

< code > this tag is used to write a part of computer code code in the webpage <!DOCTYPE html> <html> <body> <code>A piece of computer code</code><br> </body> </html> Output: A piece of computer code

aside tag in html

The < aside > tag defines some content aside from the content it is placed in. The aside content should be related to the surrounding content. <!DOCTYPE html> <html> <body> <aside>   <h4>Epcot Center</h4>   <p>The Epcot Center is a theme park in Disney World, Florida.</p> </aside> <p><strong>Note:</strong> The aside tag is not supported in Internet  Explorer 8 and earlier versions.</p> </body> </html> Output: Epcot Center The Epcot Center is a theme park in Disney World, Florida. Note:  The aside tag is not supported in Internet Explorer 8 and earlier versions.

Article in html

< article> this tag is used for writing blogs and news posts 'in a web page. <!DOCTYPE html> <html> <body> <article>   <h1>Google Chrome</h1>   <p>Google Chrome is a free, open-source web browser developed by Google, released in 2008.</p> </article> <p><strong>Note:</strong> The article tag is not supported in Internet Explorer 8 and earlier versions.</p> </body> </html> Output: Google Chrome Google Chrome is a free, open-source web browser developed by Google, released in 2008. Note:  The article tag is not supported in Internet Explorer 8 and earlier versions.

comments and breaks in html

comments in html comments are not displayed in the browser. In html comments are great debugging tool which are used to find errors. comments are written in between <!-- This is a comment-->. <!DOCTYPE html> <html> <body> <!-- This is a comment --> <p>This is a Technisia.</p> <!-- Comments are not displayed in the browser --> </body> </html> Output: This is a Technisia. break: <br> This tag is used to break the line. <!DOCTYPE html> <html> <body> <p> To break lines<br>in a text,<br>use the br element. </p> </body> </html> Output: To break lines in a text, use the br element.

cite and Bi-Directional Override

cite: <cite> makes the to italic. <!DOCTYPE html> <html> <body> <p> Its Our Brand <cite>Technisia</cite>  </body> </html> Output: Its Our Brand  Technisia Bi-Directional Override: < bdo> is used to override the text direction.  direction is given dir attribute ltr overrides the text from left to right and rtl overrides the text from right to left. <!DOCTYPE html> <html> <body> <bdo dir="rtl">This line will be written from right to left</bdo> </body> </html> Output: This line will be written from right to left

abbreviations and address

abbreviations: <abbr> defines abbreviations and acronym. <!DOCTYPE html> <html> <body> <p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p> </body> </html> Output: The  WHO  was founded in 1948. If we hover on WHO it shows world health organisation. Address: It is used to write the address in the webpage. <!DOCTYPE html> <html> <body> <p>The HTML address element defines contact information (author/owner) of a document or article.</p> <address> Written by John Doe.<br>  Visit us at:<br> Example.com<br> Box 564, Disneyland<br> USA </address> </body> </html> Output: The HTML address element defines contact information (author/owner) of a document or article. Written by John Doe. Visit us at: Example.com Box 564, Disneyland USA ...