X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

Web Building - Creating a Web Site (HTML)


Building a web site from scratch.  Part I: Creating a web site.


What We Will Do

In this chapter we will create a web site on your computer.

Note The web site will only be visible to you. Later you will learn how to make it public.


Create the Web Site

Create a new folder on your computer (a new folder on your desktop is OK).

Name the new folder DemoWeb.

Now you have a local web site.


Create a Home Page

In the DemoWeb folder, create a new file named Index.html.

Use Notepad (or any other text editor) to put the following content in the file:

Index.html

<!DOCTYPE html>
<html>

<head>
  <title>Our Company</title>
</head>

<body>

  <h1>Welcome to Our Company</h1>
  <h2>Web Site Main Ingredients:</h2>

  <p>Pages (HTML)</p>
  <p>Style Sheets (CSS)</p>
  <p>Computer Code (JavaScript)</p>
  <p>Live Data (Files and Databases)</p>

</body>
</html>

Try it Yourself »

Note After you have saved the file, you can open it in your browser, and see how it runs.


Add an About Page

In the DemoWeb folder, create a new file named About.html.

Put the following in the file:

About.html

<!DOCTYPE html>
<html>

<head>
  <title>About</title>
</head>

<body>

  <h1>About Us</h1>
  <p>Lorem Ipsum Porem Lorem Ipsum Porem</p>

</body>
</html>

Try it Yourself »

The files above contain headings <h1> and a paragraphs <p>. Please feel free to edit the content.

In the next chapter, we will add a CSS style sheet. After that we will add computer code and data.


Read More

Read more about HTML in our HTML Tutorial.



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook