Sunday, May 1, 2011

HTML: Paragraph

Use of <p>…</p> tag

If you use the <p>…</p> tag to create paragraph, there will be a line space between the two paragraph automatically. Each paragraph will be beginning form the left margin by default. See the example:


Program

<html>
<head>
            <title>Paragraph</title>
</head>

<body>
<p>The web page is the document that is created by a Markup Language called HTML.
The web browser is used to read the HTML document and display them as a web page.</p>

<p>An HTML editor is a software application that is used to writing HTML command
for creating web pages.</p>
</body>
</html>

Result




















Advisory Title with <p> Tag

Advisory title is the title of a paragraph that is shown in a text box when one’s keep the mouse pointer on the text of the paragraph. This can be added by the title attribute within the <p> tag. See the example:


Program

<html>
<head>
            <title>Paragraph</title>
</head>

<body>
<p title="Web Page">The web page is the document that is created by a Markup Language called HTML.
The web browser is used to read the HTML document and display them as a web page.</p>
</body>
</html>

Result



















Check it on your browser. It will be shown there.


Use of <Acronym> Tag

This tag is used to declare the abbreviation or to add note for a word. It will be shown when you keep the mouse pointer on the text. See the program:


Program

<html>
<head>
            <title>Paragraph</title>
</head>

<body>
<p>The web page is the document that is created by a Markup Language called HTML. The web browser is used to read the <acronym title="Hyper Text Markup Language">HTML</acronym> document and display them as a web page.</p>
</body>
</html>


Result



















If you keep the mouse cursor on the red mark text HTML, you will see the text Hyper Text Markup Language within a box.


ADDRESS Tag

This tag is uses to create the text italic. Text will be italic by putting them within the <address>….</address> tag. See the program:


Program

<html>
<head>
            <title>Address</title>
</head>

<body>
<address>The web page is the document that is created by a Markup Language called HTML.
The web browser is used to read the HTML document and display them as a web page.</address>
</body>
</html>


 Result




















 
BLOCKQUOTE Tag

The <blockquote> tag is used to define a long quotation. A browser keeps space before and after the blockquote element. See the program:


Program

<html>
<head>
            <title>Blockquote</title>
</head>

<body>
<Blockquote>
            The web page is the document that is created by a Markup Language called HTML.
            The web browser is used to read the HTML document and display them as a web page.
</Blockquote>
</body>
</html>


Result




















Paragraph Alignment

Alignment can be create by the align attribute within the <p> tag. Such as <p align="right"> for right alignment, <p align="left"> for left alignment, <p align="center"> for center alignment and <p align="justify"> for justification. See the program:


Program

<html>
<head>
            <title>Blockquote</title>
</head>
 
<body>
<p align="right">
            The web page is the document that is created by a Markup Language called HTML.
            The web browser is used to read the HTML document and display them as a web page.
</p>

<p align="left">
            The web page is the document that is created by a Markup Language called HTML.
            The web browser is used to read the HTML document and display them as a web page.
</p>

<p align="center">
            The web page is the document that is created by a Markup Language called HTML.
            The web browser is used to read the HTML document and display them as a web page.
</p>

<p align="justify">
            The web page is the document that is created by a Markup Language called HTML.
            The web browser is used to read the HTML document and display them as a web page.
</p>
</body>
</html>


Result

 

No comments:

Post a Comment