10 Minute University Richard Fisher HTML 101 10 Minute University Richard Fisher
HTML Overview HTML HyperText Markup Language 10/1/2001 HTML 101 -- FSA Training
HTML Overview Word Processing: W Y S I S Y G What You See Is What You Get HTML: W Y S L C D T W Y G What You See Looks Completely Different Than What You Get 10/1/2001 HTML 101 -- FSA Training
HTML Overview HTML documents contain HTML TAGS Content (“the words”) HTML Commands (TAGS) HTML TAGS Enclosed in brackets < B > Either upper or lower case Usually come in pairs Second TAG has a / (slash) before it’s command Example of bold TAG: <B> bold text </B> 10/1/2001 HTML 101 -- FSA Training
Sections of HTML Document <HEAD> Heading info goes here </HEAD> <BODY> Body info goes here </BODY> </HTML>
HTML Titles <TITLE> . . . </TITLE> Indicates the title of the document In the Heading section Displays in the browser’s Title Bar 10/1/2001 HTML 101 -- FSA Training
Add Title: Alice’s Palace (Shows on Menu Bar) <HTML> <HEAD> <TITLE>Alice's Palace</TITLE> </HEAD> <BODY> </BODY> </HTML> 10/1/2001 HTML 101 -- FSA Training
Headings Tags <H1> . . . </H1> Browser displays headings in bold font and puts a blank line before and after an HTML heading A first-level heading <H1> is largest Smallest heading is <H6> 10/1/2001 HTML 101 -- FSA Training
Add Text: Welcome All (with H2 Heading) <HTML> <HEAD> <TITLE>Alice's Palace</TITLE> </HEAD> <BODY> <H2>Welcome All</H2> </BODY> </HTML> 10/1/2001 HTML 101 -- FSA Training
Spacing <P> End of paragraph HTML does not recognize spacing unless specified <BR> Carriage break Returns text to left margin <P> End of paragraph blank line and returns text to left margin 10/1/2001 HTML 101 -- FSA Training
Add Text: My name is Alice (with carriage break) <HTML> <HEAD> <TITLE>Alice's Palace</TITLE> </HEAD> <BODY> <H2>Welcome All</H2> My name is Alice <BR> </BODY> </HTML> 10/1/2001 HTML 101 -- FSA Training
Add Text: I live in Dallas (with paragraph break) <HTML> <HEAD> <TITLE>Alice's Palace</TITLE> </HEAD> <BODY> <H2>Welcome All</H2> My name is Alice <BR> I live in Dallas <P> </BODY> </HTML> 10/1/2001 HTML 101 -- FSA Training
Images <IMG SRC=”imagefilename"> <IMG SRC="dallas.gif"> or URL (name and location) of the image <IMG SRC="dallas.gif"> or <IMG SRC=”http://www.myname.com/images/dallas.gif"> 10/1/2001 HTML 101 -- FSA Training
Add Image: <HTML> <HEAD> <TITLE>Alice's Palace</TITLE> </HEAD> <BODY> <H2>Welcome All</H2> My name is Alice <BR> I live in Dallas <P> <IMG SRC="dallas.gif"><BR> </BODY> </HTML> 10/1/2001 HTML 101 -- FSA Training
<A HREF=“….”> hotlink name </A> Links <A HREF=“….”> hotlink name </A> Creates a link to another document or hypermedia file Example <A HREF="http://www.utdallas.edu">UTD</A> 10/1/2001 HTML 101 -- FSA Training
Add Link: I attend college at UTD <HTML> <HEAD> <TITLE>Alice's Palace</TITLE> </HEAD> <BODY> <H2>Welcome All</H2> My name is Alice <BR> I live in Dallas <P> <IMG SRC="dallas.gif"><BR> I attend college at <A HREF="http://www.utdallas.edu">UTD</A> </BODY> </HTML> 10/1/2001 HTML 101 -- FSA Training
HTML Reference Sklar text!!! Bare Bones Guide to HTML Quick Reference Sheet (Reference Room) Bare Bones Guide to HTML http://werbach.com/barebones/ 10/1/2001 HTML 101 -- FSA Training
The End Questions ? Richard Fisher rfisher@fsaservices.com 972-883-2298 10/1/2001 HTML 101 -- FSA Training