Christopher King

Download Report

Transcript Christopher King 

Christopher King

Introduction to HTML using Notepad
Focusing on Links and Pictures
Also touch on background, text, and
bullets
Basic HTML Tags
<HTML>
 <HEAD>
 <TITLE>
 <BODY>
 <TEXT>

<BR>, <P>
 <B>, <I>
 <CENTER>
 <H1>,<H2>…<H6>
 <UL>, <LI>

Links

The link tag is


<A HREF=“URL”>NAMEOFSITE</A>
Examples on my webpage


<a href="http://www.ysu.edu">Youngstown State
University Web Page</a>
<a href="http://www.cis.ysu.edu/~margned/">Mrs.
Ned's Web Page</a>
Pictures

The tag for a picture or
graphic is


<IMG SRC=“FILENAME”>
The tag for the picture on
the left is

<img src="max.jpg“>
Pictures

Picture Adjustments

Size adjustments


Border size


Border=10
Space between pictures


Width and Height
 Previous picture width tag: Width=250
Hspace, Vspace
Picture Alignment

Middle, Top, Bottom
Pictures with Links




These pictures can be clicked on just like a link
The tag for these are
<a href="http://www.nba.com"><img src="nba.jpg“></a>
<a href="http://www.ysu.edu/sports/football/bios/hutchinson.htm"><img
src="hutch.jpg“></a>
Links to Email

Use a link to allows viewers to
directly Email the Webpage
Creator
This tag on my page is

<a href="mailto:[email protected]">

<img src="mailslot.gif" border=0
width=60>Christopher King</a>