1 / 7

Christopher King

Christopher King. Introduction to HTML using Notepad Focusing on Links and Pictures Also touch on background, text, and bullets. <HTML> <HEAD> <TITLE> <BODY> <TEXT>. <BR>, <P> <B>, <I> <CENTER> <H1>,<H2>…<H6> <UL>, <LI>. Basic HTML Tags. Links. The link tag is

aimee-hampton
Download Presentation

Christopher King

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Christopher King • Introduction to HTML using Notepad • Focusing on Links and Pictures • Also touch on background, text, and bullets

  2. <HTML> <HEAD> <TITLE> <BODY> <TEXT> <BR>, <P> <B>, <I> <CENTER> <H1>,<H2>…<H6> <UL>, <LI> Basic HTML Tags

  3. 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>

  4. 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“>

  5. Pictures • Picture Adjustments • Size adjustments • Width and Height • Previous picture width tag: Width=250 • Border size • Border=10 • Space between pictures • Hspace, Vspace • Picture Alignment • Middle, Top, Bottom

  6. 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>

  7. Links to Email • Use a link to allows viewers to directly Email the Webpage Creator • This tag on my page is • <a href="mailto:ccking@cis.ysu.edu"> <img src="mailslot.gif" border=0 width=60>Christopher King</a>

More Related