Internet Course Website

Tags and HTML

Class # 1 , Class # 2 ,Class # 3 , Class # 4 , Class # 5 , Class # 6

Class #1: The Basics

<html>

</html>

defines the beginning and the end of the Web page

tells the browser that the files needs to be displayed as a HTML file

<head>

</head>

defines the head of the Web page, includes meta tags and the page title

the body goes below the head tags
<title>text</title> specifies the title of the Web page, always between the head tags
<body>...</body> defines the body of the Web page where all of the content goes into
<center>text</center> centers text, images, tables and other data

 

Class 1: This is a basic HTML page.

Example 1 in HTML

Everything that goes into the head tag is in blue.

Everything that goes into the body tag is in green.

<html>
<head>
<title>HTML Tags 1</title></head>

<body>

<p><b>text is in bold</b>

<p><center>text or images is centered</center>

</body>

</html>

 

Class #2: More tags

All of these tags can be used between the opening and closing <BODY> tags for the contents of the page.
<!-- text -->

for any information or labeling
these 'comments' are ignored by browsers and are not displayed to teh viewer

useful for notes to yourself or your audience (the URL of the file or who created the page)
<a href="URL or file name">text or image</a>

for linking to other pages or images, the whole point behind the WWW and what makes a page or set of pages "hyperlinked"

HREF means "hypertext reference"

links anything between the tag to another HTML page, image or document

<a href

</a>

"URL or file name"

indicates the beginning of the link, the anchor

indicates the end of the link, closes the anchor

place the URL or file name between the "quotes"
Things you can do to change and control where the link is opened.
<a href="URL" target="_new">text or image</a> This will open a single new window. Each link that includes the attribute TARGET="_new" in your <a href> tag will open in this same new window.

<a href="URL" target="_blank">text or image</a>

This will open a single new window. Each link that includes the attribute TARGET="_new" in your <a href> tag will open in this same new window.
<img src="cat.jpg">

tells the browser to display an image, no closing tag needed

"img src" means image source
All of these tags are for text, either to change their size or look. View Font Effects

<h1>text</h1>
<h2>text</h2>
<h3>text</h3>

displays text in different sizes, useful for titles

numbered from 1 to 6, 1 being the largest size

automatic line break after the closing tag so you don't need a <p> tag
<b>text</b> displays text in BOLD face
<i>text</i> displays text as ITALIC
<u>text</u>

underlines the text

be careful and try to avoid underlining text, viewers will think it's a link that doesn't work
<p>text

for paragraphs of text, no closing tag needed

it automatically put a cushion of space above the section of text it's placed infront of

<p align=left>text</p>
<p align=right>text</p>

<p align=center>text</p>

this is the default value for alignment
use this when you want your text to align to the right margin
you need a closing tag </p> just after the section of text you want to align

the center tag doesn't work, use <center></center> instead

<br>

ends a line (of text or can be placed after a graphic) and starts fresh onto a new line
no closing tag is needed and it places the text right underneath and leaves no cushion of space between lines (like in this block of text)

means linebreak, you can have 1 or more together to add more blank lines of space

 

Class #2: This is a basic HTML page with a few more tags.

Example 2 in HTML

Example 2 in Text format

 

To go to Class # 3

[ HOME ] [ Tags ] [ Text ] [ Graphic ] [ General ]

This site is maintained by Georgia Panaritis.

For more information, send e-mail to spikeschip@javascrypt.com