Break Line, paragraph and alignment

Now that we have our homepage we will be editing it to make the break line, paragraph and alignment changes to the page.

Editing the webpage
Follow the step below to do this:
STEP1. Right click on the webpage
STEP2. Point to "Open With" from the menu list
STEP3. Then click "Notepad" from the sub-menu

Note If Notepad can't be found in the sub-menu,
STEP3. Then click "Choose Program..." on the sub-menu
STEP4. When the "Open With" dialogue box appear
STEP5. Click Notepad from the list of Programs
Finally our page is in editing mode, using Notepad.
Now put Break line <br/>  and Paragraph <p> tag as shown below.

<html>
<head>
<title> Bengallery Info. Tech. (BIT) the leading web solution developer </title>
</head>
<body>
<p>BIT is an IT company who specializes in delivering web solution <p/>

OUR SERVICES <br/> 
We have recorded a huge success in: <br/> 
Designing Website <br/> 
Deploying Web-Portal <br/> 
Developing Web-based software <br/> 
Web / IT consultation services <br/> 
Web Management
</body>
</html>


Now save the webpage. Click View > Save

As usual double-click the file to preview it OR if it is already open, click the refresh button (See the refresh symbol in the screenshot)

Below is the preview of the changes we made


You will notice that the paragraph tag <p /> is equivalent to two break line <br />, the paragraph tag <p /> also have some interesting attribute, such aligning text (not limited to text but any object in-betweens its tags, such as images or table) to three main position (left, center or right), let’s take a look...

Align to centre
<p align="center"> this text will appear at the centre of the screen </p>

Align to right
<p align="right"> this text will appear at the right of the screen </p>

Align to left
<p align="left"> This text will appear at the left of the screen </p>
Let’s continue with our BIT website, edit the index.htm webpage as usually and align the “BIT is an IT… “ text to center.

<body>
<p align="center"> BIT is an IT company who specializes in delivering web solution </p>

OUR SERVICES <br/> 
We have recorded a huge success in: <br/> 
Designing Website <br/> 
Deploying Web-Portal <br/> 
Developing Web-based software <br/> 
Web / IT consultation services <br/> 
Web Management
</body>


We’ve decide to leave some HTML structure out of the sample above, they structure should still be complete in yours.
Save the webpage. Click View > Save

And refresh as shown below.
The sample should look like the one below.

 

Next »


Creating webpage with HTML »

META Data »

Background colour »

HTML Versions »

Setting up a website »

Break Line, paragraph and alignment »

Special character, bold, italics, underline and marquee »

Text Formatting »

Listing items and Horizontal rule »

Images »

Tables »

Hyperlink »

Form »