HTML

Thank you for coming to see our school homepage. we hope you have enjoyed them, and please don't forget you can E Mail the school with your comments with the link on the previous page.

These pages were written with the intention of helping you to create your own pages on the World Wide Web. HTML (hypertext markup language) is fairly simple, and you can get a lot of help and tips by looking at other peoples pages on the web. There was a lot of help on the web for starting your own pages. On the following pages I would like to give you some advice of my own.

Images

Other pages to do with HTML

Simple HTML

Here is a simple list of what you need to create your own pages:

A computer!
A modem
Software called FTP (File Transfer Protacol)
A few images to give the pages some colour
And a little time and patience!

Here are some of the tags you will find useful in creating your pages: SRC - Source = Name and location of image.
ALIGN - Alignment of text before and after the image.*see below
BORDER=0 - no border to be displayedaround the image. (Only if it is a subject of a link.)
WIDTH - Width of image.
HEIGHT - Height of image.

Tag	Purpose
<H2>, <H2> ,<H3>, <H4>, <H5>, <H6>	Heading one, two, etc.
<P>	Inserts a paragraph break.
<PRE>, </PRE>	Preformatted text,- all between these tags to be displayd as typed.- Explained above.
<I>, </I>	Italic.
<B>, </B>	Bold.
<STRONG>, </STRONG>	Same as bold.
<ALT="CLICIWCH YMA">	Text to be displayed if the users browser is a non graphical browser.
<A HREF=...............</A>	A hyperlink to another document or site.
<BR>	Forces the text directly following the tag to go on the next line.
<HR>	Horizontal rule - draws a line across the page. WIDTH=... - The width of the line. SIZE=Line thickness.
<IMG......	IMG -Inserts an image.
<HTML>, </HTML>	Confines the contents of the document.
<BLINK>, </BLINK>	Makes contents flash.
<A HREF="mailto=.........	Makes a link to the user's E Mail utility to enable them to send E Mail to the composer.
<HEAD>, </HEAD>	Contains information about the page, see <TITLE>, </TITLE> below.
<TITLE>, </TITLE>	Text to be displayed above the toolbar of the user's browser i.e. your name.
<BODY, </BODY>	To contain the main part of the document.
<CENTER>, </CENTER>	All between these tags are to be aligned in the center of the user's screen.

*ALIGN=....has another feature. ALIGN=right aligns the text on the right hand side of the screen with the text wrapped around the left hand side of it. the same applies to ALIGN=left, this places the image on the left hand side of the screen with the text wrapped around the right hand side of it. You can see examples of this above by the bulleted list, and in some of the other school pages.

TIP: If you are using 'Netscape' there is a way of seeing how somebody has achieved a particular effect. While viewing the page, you can go to View and then to Source. This will show you exactly what the maker typed. Another way of doing this is to save the page onto disk, and then to view it through a word processor or editor like Word or Write.

Here are some terms you might find on the Web.

WWW	World Wide Web. A network of HTML pages, an example of a page is this one.
Browser	Software used to un-code HTML. Examples are Netscape and NCSA Mosaic.
GIF	Graphic interchange format. A compressed image file format. Used on the WWW. Designed by Compuserve.
JPEG/JPG	Joint Photogrphic Equipment Group. Another compressed image file format, not as popular as GIF, because image quality is lost when saving. Uses different compression method to GIF.
HTTP	Hypertext transfer protocol. The address of a site.
FTP	File transfer protocol. Software used to upload and download pages to and from the internet.
URL	Uniform Resource Locator. Location oof a page, link or file.
Tag	Information given to a browser to tell it what to do with images and text etc. Every tag has < and > before and after it, some are empty tags i.e. <P>. And some are in pairs i.e. <B>xxxxxx</B>

Back to the Glantaf homepage