HTML Text Formatting

 Text Formatting In HTML :

This text is bold

This text is italic

This is computer output

This is subscript and superscript.

HTML employs commands <b> and <i> for formatting result in bold or italic text.
These HTML commands are called formatting commands.

Text Formatting Commands In HTML :

Command                     Description
<b>                   Identifies bold text.  
<em>                Identifies emphasized text.
<i>                     Identifies a part of text in an alternate voice or mood.
<small>             Identifies   smaller text. 
<strong>           Identifies important text.
<sub>               Identifies subscripted text.    
<sup>               Identifies superscripted text.
<ins>                Identifies inserted text.
<del>                Identifies deleted text.

“Computer Output” Command In HTML :

Command                     Description
<code>            Identifies computer code text.
<kbd>              Identifies keyboard text.
<samp>           Identifies sample computer code.
<var>               Identifies a variable.
<pre>               Identifies preformatted text.

Citations, Quotations, and Definition Command In HTML :

Command                     Description
<abbr>                  Identifies an acronym.
<address>            Identifies contact information for the owner of a document.
<bdo>                   Identifies the text direction.
<blockquote>       Identifies a section that is quoted from another source.
<q>                        Identifies an inline (short) quotation.
<cite>                    Identifies the title of a work.
<dfn>                     Identifies a definition term.

HTML Paragraphs

Paragraphs In HTML :

Paragraphs are explained with the <p> command.


<p>This is a paragraph</p>
<p>This is another paragraph</p>

Most surfers may exhibit HTML precisely even if you overlook the end command :


<p>This is a paragraph
<p>This is another paragraph

Line Breaks In HTML :

Use the <br> command if you’ll need a line separate (a new line) without beginning a fresh paragraph:


<p>This is<br>a para<br>graph with line breaks</p>

The <br> aspect is a clear HTML element. It does not have any end command.

Tag       description
<p>       Becomes a sentence.
<br>      Inserts an individual line break.

HTML Editors

How to Write HTML Using Notepad or TextEdit ?

HTML could be edited with a qualified HTML manager like:

  • Adobe Dreamweaver

  • Microsoft Expression Web

  • CoffeeCup HTML Editor

Your HTML with Notepad Looks Like : 

Once you save yourself an HTML record, you can use either the .htm or the .html record extension. There is no big difference, it is completely up to you.

To Run the HTML in Your Browser :

Start your internet browser and open your html record from the FileStart selection, or just see the directory and double-click your HTML record.

HTML Headings

Headings In HTML :

<h1> to <h6> commands are  use for the Headings in HTML.
<h1> becomes the most crucial heading. <h6> becomes the least important heading.

Example :

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

importance of Heading :

Use HTML headings for headings only. Don’t use headings to create text BIG or strong.
Search motors use your headings to index the design and material of your online pages.
Since customers might skim your pages by their headings, it is very important to make use of headings to show the file structure.
H1 headings should be properly used as main headings, followed closely by H2 headings, then a less essential H3 headings, and so on.

HTML Lines :

The <hr> command creates a horizontal line in a HTML page.

The hr element can be used to separate your lives content :


<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

Comments In HTML :

Comments could be put to the HTML rule to create it more understandable and understandable. Comments are dismissed by the visitor and are not displayed.
Comments are published similar to this:

<!– This is a comment –>

Tag Reference of HTML :

Tag                        Description

<html>                Identifies an HTML report.
<body>              Identifies the document’s body.
<h1> to <h6>    Identifies HTML headings.
<hr>                   Identifies  horizontal line.
<!–>                  Identifies a comment.

HTML Attributes

Attributes In HTML :

  • HTML components can have attributes.
  • Characteristics provide more information about an element.
  • Characteristics are usually specified in the begin label.
  • Characteristics can be found in name/value couples like: name=”value”.

    Example Of Attribute :

    HTML links are explained with the <a> tag.The link address is given in the href attribute,

    <a href=””>This is a link</a>

    Attributes Reference In HTML :

    Attribute                description

    style   :       Identifies an inline CSS model for an factor.
    id        :      Specifies a distinctive identification for an element.
    title     :     Specifies extra information about an factor (displayed as something  tip).                                           
    class  :    Describes one or more classnames for an element (refers to a type in a mode sheet).                    
                                                      in a mode sheet).
  • HTML Elements

    Element Syntax In HTML :

  • An HTML aspect starts with a begin tag / opening tag.
  • An HTML aspect stops with an end tag / shutting tag.
  • The aspect material is everything involving the begin and the finish tag.
  • Some HTML aspects have clear material.
  • Clear aspects are closed in the begin tag.
  • Most HTML aspects may have characteristics.

    Empty HTML Elements :

    HTML things with no material are named clear elements.
    <br> is an empty aspect without a final tag (the <br> tag identifies a line break).

    Document Example Of HTML :

    <!DOCTYPE html>

    <p>This is my first paragraph.</p>


    The <p> factor becomes a paragraph in the HTML document.
    The factor has a begin label <p>  and a conclusion label</p>.
    The factor content is: This is my first paragraph.

    The element <body>describes the body of the HTML document.
    The element has a begin <body>  end finish with </dody>.
    The element content is yet another HTML element .

  • HTML Basic

    Headings in HTML :

    HTML headings are identified with the <h1> to <h6> tags.
     for Example:
    <h1>This is a heading</h1>
    <h2>This is a heading</h2>
    <h3>This is a heading</h3>

    Paragraphs in HTML :

    HTML paragraphs are explained with the <p> tag.
    for Example :
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>

    Links in HTML :

    HTML hyperlinks are identified with the <a> tag.
    for Example:

    <a href="">This is a link</a>

    Images in HTML :

    HTML pictures are described with the <img> tag.
    for Example:
    <img src="vivekbarot.jpg" width="110" height="134">

    Example Of HTML Document:

    <!DOCTYPE html>



    <p>This is my first paragraph.</p>



    Explanation Of Example:

    The <p> factor becomes a paragraph in the HTML document.The factor has a start draw <p> and a conclusion draw </p>. The factor material is: This is my first paragraph.
    The aspect describes your body of the HTML document.
    The aspect includes a begin draw and a conclusion draw ;.
    The aspect material is still another HTML aspect (a p element).
    The  aspect identifies the entire HTML document.
    The aspect has a start label and a finish label ;.
    The aspect content is still another HTML aspect (the body element).

    Introduction to “HTML”

    What is HTML????

    HTML is a language for describing internet pages.
    • HTML stands for Hyper Text Markup language.
    • HTML is a markup language.
    • A markup language is a couple of markup labels.
    • The tags identify document content..
    • HTML papers contain HTML labels and plain text.
    • HTML papers are also referred to as web pages.

    HTML Page Structure…..



          <h1>This a heading</h1>

          <p>This is a paragraph.</p>

         <p>This is another paragraph.</p>