You remember computer service website whose basic one page
we created in "Getting Started With HTML".
In that chapter, we were limited ourselves to using the HTML
tags and the resulting site was basically a simple web page. With what you have
learned in this section, you are ready to work and do some nice changes in the
website. We will now focus on:
- Displaying a page background
- Changing the appearance and alignment of some of the text
- Using headings in the About Us
The following code consists of all the important tags as you
have learned in this chapter. We would have special focus on:
- Addition
of the
backgroundattributes to the<body>tag to use an image as the page background. - Use of
the
<font>tag to display the page’s main heading in a different font. - Use of
the
<font>tag to display the first bulleted list in a different font. - Use of
<h1>and<h2>tags for the headings in About Us.
Here is the code with tags learned till now:
<html> <head> <title>Vikas Dangi Computers</title> <meta name='keywords' content='vikas dangi, computers'/> </head> <body background='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8O1mN2c2vpnE0Mu7Zs0I86HVxOlNGrfhGG7PrHtg8Vc9Jo3sEGRjutHRLgPxOXsXUWx6tdx5f-NNb3ITbTsf9-RoaV-1MkNB0oNZBVOumn6ESGGp1Feml8Is24hpggpuz3laWQ8J3SRBX/s1600/background.jpg'> <p>Vikas Dangi Computers</p> <p><a href='#about'>About Us</a></p> <p>We provide solutions to:</p> <ul> <li>Software Issues</li> <li>System Errors</li> <li>Networking Issues</li> <li>AMC, Leptop and System Repairing</li> </ul> <p><a name='about'>About Us</a></p> <p>Vikas Dangi Computers is a service started by Computer and Network Security Professional Vikas Dangi in 2015.</p> <p>Aim of the service is to provide solutions to any computer user around the globe by email or by Forum Support. This service is provided by the unit for free email and forum support and reply to all problems are answered in 24 hours Time</p> <p>Contact Us</p> <p>For any kind of service, contact email vdangi872@gmail.com</p> </body> </html>
Out Put
It will give output on the browser somewhat like the next
figure, depending on the background image you would use.
You will agree that this page is a lot better than the one
which was created in the last section. But there are still some improvements we
could make, particularly to the layout, which will be covered in the next
chapter.
Summary
HTML provides the programmer a decent set of tags for
formatting the page content. You will learn a lot more about Web page
formatting power when you learn about styles after some chapters.
0 comments:
Post a Comment