Computer Engineering HTML… IN NOTEPAD HTML stands for

advertisement
Computer Engineering HTML… IN NOTEPAD
HTML stands for HyperText Mark-up Language. It was born from SGML (Standardized General
Mark-up Language. SGML has a very large set of mark-up tags. Mark-up tags are the
foundation of the Mark-up Language. HTML has picked its own tags as a subset of SGML.
HTML is a simple coding language specifically to allow users basic options, much like a
word processor. There have been several versions of HTML to date and now they are up to
version 4.0. For almost all web pages, we see http:// at the front of the web address.
HTTP stands for HyperText Transfer Protocol. The reference location to each site on the
Internet is called a URL, or the Universal Resource Locator.
Here are several basic tags that are within HTML.
<HTML>...</HTML>
These are the tags to start and finish HTML code within an HTML page.
<HEAD>...</HEAD>
This is the portion of the code where formatting and organization is placed.
information is generally placed here.
<TITLE>...</TITLE>
This is the title of the website.
for the web browser.
The title
It is shown in both the title bar and the taskbar icon
<BODY>...</BODY>
This is where the formatting of the BODY of the HTML page is.
of HTML tags are used.
This is where the majority
BODY TAGS
These are commands that can be used WITHIN the BODY tag.
LINK=BLUE
This will set the colour of an unvisited link to BLUE.
VLINK=RED
This will set the colour of a visited link to RED.
BGCOLOR=BLACK
This will set the colour of the background of the HTML page to BLACK.
BACKGROUND=”PICTURE.JPG”
If you have a picture in GIF, JPG or BMP format, it may be used as a background
here.
<FONT FACE="Arial,'Times New Roman',System">...</FONT>
This will adjust the font for all text within this tag to Arial. If Arial is not found
on the system, it will default to Times New Roman. If the second font is not found, it
will default to the system font. Note that Times New Roman has a single quote around it.
This is for the spacing in between the words.
<FONT COLOR=WHITE>…</FONT>
This will set the colour of the font within the HTML page to WHITE.
<P>...</P>
This is the paragraph tag.
However, this tag is rarely used anymore.
<HR>
This will create a horizontal row
HEADER TAGS
<H1>...</H1>
These are tags which allow the user to alter text with pre-defined formatting. The tags
range from <H1>...</H1> to <H6>...</H6>. Starting from level 1 being the largest to
level 6 being the smallest.
<IMG SRC=”picture.jpg” ALIGN=RIGHT HEIGHT=300>
This will display a picture aligned to the right side of the page, at a height of 300
pixels.
<A HREF=http://www.stjameschs.com/>St. James Catholic</A>
This will produce a link from your webpage with “this is a link” as the target to click
on to connect to http://www.stjameschs.com/
Download