Scribd
Upload
20 views

HTML Tutorial Part I: Creating A Homepage

This document provides an introduction to creating a basic homepage using HTML. It explains that an HTML file is needed and should be saved with a .html extension. It outlines some basic HTML tags like <html>, <head>, <body>, <title> that provide the structure of a webpage. It also describes other common tags for headings, text formatting, links, and images. An example HTML code is provided to demonstrate how to use these tags to build a simple homepage.

Uploaded by

Teresa Lopez
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PDF, TXT or read online on Scribd
20 views

HTML Tutorial Part I: Creating A Homepage

This document provides an introduction to creating a basic homepage using HTML. It explains that an HTML file is needed and should be saved with a .html extension. It outlines some basic HTML tags like <html>, <head>, <body>, <title> that provide the structure of a webpage. It also describes other common tags for headings, text formatting, links, and images. An example HTML code is provided to demonstrate how to use these tags to build a simple homepage.

Uploaded by

Teresa Lopez
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

HTML TUTORIAL PART I Page 1 of 3

HTML TUTORIAL PART I


Home

Creating a Homepage
Creating a Homepage involves creating a file coded with HTML (Hyper Text Markup Language). Within your file you can
put anything you like, text graphics, pictures, sound clips, movies and links to other sites. You must or ganize what you want
in your homepage before you start because the more content that you want in your homepage, (e.g., graphic, images..) the
easier it is for you to make mistakes.

Creating an HTML File


The first step in having a Homepage on the internet is to create an HTML file. Use your text editor (eg. Notepad) to create a
file called index.html.

The first part of the name can be anything (through "index", "homepage", or "home"), but the htm or .html is mandatory to
identify the file as a hyper text file that can be read by a Web browser.

Some Basic HTML Tags


<html> ... </html>

Put these around your whole document, one at the beginning and the other at the end.

<head> ... </head>

These go around the description of your homepage (e.g., Sheri’s Homepage)

<body> ... </body>

These tags go around the main text of your page.

<title> ... </title>

These go around the title of your page (they remain inside the <head> ... </head> portion of the page).

Headers
Headers (for subheads) range from H1 (biggest) to H6 (smallest). These are coded in pairs:

<H1> Faculty Of Business</H1>

<H6> Faculty Of Business </H6>

 To insert a break line:

<br>

To draw a hirizontal line accross the page:

http://www.busi.mun.ca/buslab/html/html1.html 11/7/01
HTML TUTORIAL PART I Page 2 of 3

<hr>

To make text italic, place these around the text you want italicized.

<I> ... </I>

To make text bold place these around the text that you want to bold.

<b> ... </b>

Anchors
An anchor is a special type of tag that can link one document to another when an anchor is created around certain text, the
text is highlighted and allows you to click on it to bring you to highlighted area for example:

<a href = "http://www.mun.ca/business/"> Faculty of Business </a>

This will highlight "Faculty of Business" and let you click on it to bring you to the Faculty of Business homepage. the <a> ...
</a> specifies that the text is anchored.

NOTE: The anchors must only be around the text you want to highlighted.

Example
<html>

<head>

<title>My Home Page</title>

</head>

<body>

<body background="name.gif"></body>

<center><h1>Welcome to My Home Page</h1></center><br>

<h1><CENTER>PAGE UNDER CONSTRUCTION</CENTER>

<center><IMG SRC="construct.gif></center><br>

<center><h1>I work in the Faculty of Business Administration</h1></center>

<center><h1>Here are some sites I like to visit<h1></center>

<center>

<a href="http://www.mun.ca/business">FRaculty of Business</a>

</center>

<center><IMG SRC="emailed.gif"></center>

http://www.busi.mun.ca/buslab/html/html1.html 11/7/01
HTML TUTORIAL PART I Page 3 of 3

<center>Mail me at

<a href=mailto:[email protected]>[email protected]</a>

</center>

</body>

</html>

http://www.busi.mun.ca/buslab/html/html1.html 11/7/01

You might also like