Sunday 15 October 2017

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

<!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:

Translate

GoogleTech786. Powered by Blogger.

Subscribe Youtube

Our Facebook Page

Wikipedia

Search results

Popular Posts

Adsense