In the event that you utilize a word processor, you should be comfortable with the capacity to make content strong, stressed, or underlined; these are only three of the ten choices accessible to show how content can show up in HTML and XHTML.
Strong Text
Anything that shows up inside <b>...</b> component, is shown in strong as appeared beneath −
Illustration
Anything that shows up inside <i>...</i> component is shown in stressed as appeared beneath −
Illustration
Underlined Text
Anything that shows up inside <u>...</u> component, is shown with underline as appeared underneath −
Case
Anything that shows up inside <strike>...</strike> component is shown with strikethrough, which is a thin line through the content as appeared beneath −
Case
Monospaced Font
The substance of a <tt>...</tt> component is composed in monospaced textual style. The greater part of the textual styles are known as factor width text styles on the grounds that distinctive letters are of various widths (for instance, the letter 'm' is more extensive than the letter 'I'). In a monospaced textual style, in any case, each letter has a similar width.
Illustration
Superscript Text
The substance of a <sup>...</sup> component is composed in superscript; the text dimension utilized is an indistinguishable size from the characters encompassing it yet is shown a large portion of a character's stature over alternate characters.
Case
Subscript Text
The substance of a <sub>...</sub> component is composed in subscript; the text dimension utilized is the same as the characters encompassing it, however is shown a large portion of a character's tallness underneath alternate characters.
Illustration
Embedded Text
Anything that shows up inside <ins>...</ins> component is shown as embedded content.
Case
Anything that shows up inside <del>...</del> component, is shown as erased content.
Illustration
Bigger Text
The substance of the <big>...</big> component is shown one text dimension bigger than whatever remains of the content encompassing it as appeared underneath −
Case
Littler Text
The substance of the <small>...</small> component is shown one text dimension littler than whatever remains of the content encompassing it as appeared beneath −
Case
The <div> and <span> components enable you to assemble together a few components to make segments or subsections of a page.
For instance, you might need to put the greater part of the commentaries on a page inside a <div< component to demonstrate that the majority of the components inside that <div> component identify with the references. You may then join a style to this <div> component with the goal that they show up utilizing an uncommon arrangement of style rules.
Illustration
The <span> component, then again, can be utilized to assemble inline components as it were. In this way, in the event that you have a piece of a sentence or section which you need to amass together, you could utilize the <span> component as takes after.
Case
Strong Text
Anything that shows up inside <b>...</b> component, is shown in strong as appeared beneath −
Illustration
<!DOCTYPE html> <html> <head> <title>Bold Text Example</title> </head> <body> <p>The following word uses a <b>bold</b> typeface.</p> </body> </html>Italic Text
Anything that shows up inside <i>...</i> component is shown in stressed as appeared beneath −
Illustration
<!DOCTYPE html> <html> <head> <title>Italic Text Example</title> </head> <body> <p>The following word uses an <i>italicized</i> typeface.</p> </body> </html>
Underlined Text
Anything that shows up inside <u>...</u> component, is shown with underline as appeared underneath −
Case
<!DOCTYPE html> <html> <head> <title>Underlined Text Example</title> </head> <body> <p>The following word uses an <u>underlined</u> typeface.</p> </body> </html>Strike Text
Anything that shows up inside <strike>...</strike> component is shown with strikethrough, which is a thin line through the content as appeared beneath −
Case
<!DOCTYPE html> <html> <head> <title>Strike Text Example</title> </head> <body> <p>The following word uses a <strike>strikethrough</strike> typeface.</p> </body> </html>
Monospaced Font
The substance of a <tt>...</tt> component is composed in monospaced textual style. The greater part of the textual styles are known as factor width text styles on the grounds that distinctive letters are of various widths (for instance, the letter 'm' is more extensive than the letter 'I'). In a monospaced textual style, in any case, each letter has a similar width.
Illustration
<!DOCTYPE html> <html> <head> <title>Monospaced Font Example</title> </head> <body> <p>The following word uses a <tt>monospaced</tt> typeface.</p> </body> </html>
Superscript Text
The substance of a <sup>...</sup> component is composed in superscript; the text dimension utilized is an indistinguishable size from the characters encompassing it yet is shown a large portion of a character's stature over alternate characters.
Case
<!DOCTYPE html> <html> <head> <title>Superscript Text Example</title> </head> <body> <p>The following word uses a <sup>superscript</sup> typeface.</p> </body> </html>
Subscript Text
The substance of a <sub>...</sub> component is composed in subscript; the text dimension utilized is the same as the characters encompassing it, however is shown a large portion of a character's tallness underneath alternate characters.
Illustration
<!DOCTYPE html> <html> <head> <title>Subscript Text Example</title> </head> <body> <p>The following word uses a <sub>subscript</sub> typeface.</p> </body> </html>
Embedded Text
Anything that shows up inside <ins>...</ins> component is shown as embedded content.
Case
<!DOCTYPE html> <html> <head> <title>Inserted Text Example</title> </head> <body> <p>I want to drink <del>cola</del> <ins>wine</ins></p> </body> </html>Erased Text
Anything that shows up inside <del>...</del> component, is shown as erased content.
Illustration
<!DOCTYPE html> <html> <head> <title>Deleted Text Example</title> </head> <body> <p>I want to drink <del>cola</del> <ins>wine</ins></p> </body> </html>
Bigger Text
The substance of the <big>...</big> component is shown one text dimension bigger than whatever remains of the content encompassing it as appeared underneath −
Case
<!DOCTYPE html> <html> <head> <title>Larger Text Example</title> </head> <body> <p>The following word uses a <big>big</big> typeface.</p> </body> </html>
Littler Text
The substance of the <small>...</small> component is shown one text dimension littler than whatever remains of the content encompassing it as appeared beneath −
Case
<!DOCTYPE html> <html> <head> <title>Smaller Text Example</title> </head> <body> <p>The following word uses a <small>small</small> typeface.</p> </body> </html>Gathering Content
The <div> and <span> components enable you to assemble together a few components to make segments or subsections of a page.
For instance, you might need to put the greater part of the commentaries on a page inside a <div< component to demonstrate that the majority of the components inside that <div> component identify with the references. You may then join a style to this <div> component with the goal that they show up utilizing an uncommon arrangement of style rules.
Illustration
<!DOCTYPE html> <html> <head> <title>Div Tag Example</title> </head> <body> <div id = "menu" align = "middle" > <a href = "/index.htm">HOME</a> | <a href = "/about/contact_us.htm">CONTACT</a> | <a href = "/about/index.htm">ABOUT</a> </div> <div id = "content" align = "left" bgcolor = "white"> <h5>Content Articles</h5> <p>Actual content goes here.....</p> </div> </body> </html>
The <span> component, then again, can be utilized to assemble inline components as it were. In this way, in the event that you have a piece of a sentence or section which you need to amass together, you could utilize the <span> component as takes after.
Case
<!DOCTYPE html> <html> <head> <title>Span Tag Example</title> </head> <body> <p>This is the example of <span style = "color:green">span tag</span> and the <span style = "color:red">div tag</span> alongwith CSS</p> </body> </html>
0 comments:
Post a Comment