Download presentation
Presentation is loading. Please wait.
1
10 Minute University Richard Fisher
HTML 101 10 Minute University Richard Fisher
2
HTML Overview HTML HyperText Markup Language 10/1/2001
HTML FSA Training
3
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 FSA Training
4
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 FSA Training
5
Sections of HTML Document
<HEAD> Heading info goes here </HEAD> <BODY> Body info goes here </BODY> </HTML>
6
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 FSA Training
7
Add Title: Alice’s Palace (Shows on Menu Bar)
<HTML> <HEAD> <TITLE>Alice's Palace</TITLE> </HEAD> <BODY> </BODY> </HTML> 10/1/2001 HTML FSA Training
8
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 FSA Training
9
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 FSA Training
10
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 FSA Training
11
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 FSA Training
12
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 FSA Training
13
Images <IMG SRC=”imagefilename"> <IMG SRC="dallas.gif"> or
URL (name and location) of the image <IMG SRC="dallas.gif"> or <IMG SRC=” 10/1/2001 HTML FSA Training
14
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 FSA Training
15
<A HREF=“….”> hotlink name </A>
Links <A HREF=“….”> hotlink name </A> Creates a link to another document or hypermedia file Example <A HREF=" 10/1/2001 HTML FSA Training
16
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=" </BODY> </HTML> 10/1/2001 HTML FSA Training
17
HTML Reference Sklar text!!! Bare Bones Guide to HTML
Quick Reference Sheet (Reference Room) Bare Bones Guide to HTML 10/1/2001 HTML FSA Training
18
The End Questions ? Richard Fisher rfisher@fsaservices.com
10/1/2001 HTML FSA Training
Similar presentations
