Build Web Pages
×
Home Courses Community Support
Build Web Pages

Now header and footer of our web pages has been created so we need to work only on the body part of web page.

To create home page we added only a Paragraph and four images. To add a image use below code-

<img src="http://www.geeksdemy.com/images/xampp_home_body.png" />

 

enlightenedLikely images, src attribute can be used to add audio/video into a web page.


And to add a paragraph we just use <p> tag of HTML. Basic structure of our home page (given in downloads) is as below-

<?php include 'header.php'; ?>

<div>
<p> Write your text here. </p>
<img src="URL OR Local Path">
<img src="URL OR Local Path">
<img src="URL OR Local Path">
<img src="URL OR Local Path">
</div>

<?php include 'footer.php'; ?>


Post giving right path of images and applying CSS on above code the home page is as below-
 


Apart from home page, we have added Contact page to the website. In the contact page we have added Company address, which is simple text and contact form.

In next module we will learn to work on contact form.

 

 

← Preview

Managing Web Layout

Next →

Creating Links for Webpage Redirections

NOTES

Our mission is to provide highly effective and quality education via innovative solutions. Geeksdemy look forward to bridge the gap between in-demand technology and academics in order to deliver innovative, easy, interesting and affordable learning across the Globe.

Courses

  • Python
  • Game Development with Unity 3D
  • Arduino
  • PCB & Circuit Designing
  • Robotics and Embedded C
  • 8051/8052 Embedded Systems
  • QuadCopter & UAV
  • MATLAB with Robotics
  • Raspberry Pi
Learn On the Go!
Get the Android App
Get the iOS App