Saturday, April 21, 2012

BASICS OF WEB DESIGN: Adding Contents to a Web Page

     Adding content to a page is achieved using the body tag. The body tag contains the actual content of a web page. To show what i mean, open the file "first.html" we created in the previous tutorial with a notepad by right clicking it and selecting the "open with" option from the flyout menu, then in the ensuing dialog box, select notepad icon and click open.
     After opening it, insert the body tag after the closing tag of the head element but before the closing tag of the html element (meaning the body tag is still inside the HTML file).

<html>
<head>
<title>the world is ending</title>
</head>
<body>
</body>
</html>

    Every letter/words that is then typed between the opening and closing tag of the body element is displayed in the browser. for instance, type "is the letters showing?" within the
body tag as shown below:

<html>
<head> 
<title>the world is ending</title> 
</head> 
<body>is the letters showing? 
</body>
</html>

    Now  save the file by clicking the file menu and then selecting "save". after saving, close your notepad and then open the file "first.html" with a brower and huzzah!! you succeeded an adding words to your web page. Next will be about adding background colour to the page after that we'll see how to add a background image and then we move over to formatting texts in HTML documents.

No comments:

Post a Comment