cpt 499 internet skills for educators session ten class notes
TRANSCRIPT
Introduction to HTML
Define HTMLDiscuss the role of HTML on the WWWDescribe the nature of HTML codeDiscuss the availability of HTML editor
facilitates
Introduction to HTML
Explain the process of creating hyperlinks
Download graphics from the Web and include them in an HTML document
Introduction to HTML
HTML - Hypertext Markup LanguageA set of codes (tags) that describe the
appearance of a document when viewed in a Web browser
An HTML editor generates the codes (tags) for you
Can construct pages in any editor if you know the tags
Introduction to HTML
Author of a document describes the document by specifying fonts, formatting, point size, images, sounds, etc.
Good idea for author to story board a site before constructing a site
Introduction to HTML Web Resources
http://www.w3.org/TR/PR-html40/http://www.goliath.org/makepage/http://www.nashville.net/~carl/
htmlguide/index.htmlhttp://www.hotwired.com/
webmonkey/html/
Introduction to HTML Web Resources
http://tstudio.usa.net/index.htmlhttp://blackcat.brynmawr.edu/
~nswoboda/prog-html.htmlhttp://www.htmlgoodies.com/http://www.utoronto.ca/webdocs/
HTMLdocs/NewHTML/
HTML
Hypertext Markup Language [HTML] is the language in which all Web pages are written
An HTML document consists of a set of codes [tags] that describe how the document is to appear when viewed in a Web browser.
HTML
Initially, anyone creating a home page had to understand the use of the tags
Today, it is easier since HTML editors exist
The editors generate the codes for an individual
We will cover the basic beginning tags over the next three days
HTML
You can learn more about HTML through conducting a search on the Web and finding either an HTML Guide or an HTML Primer for your own personal use.
Even with code generators you will need to know the basics in order to be able to modify a generated document
HTML
Difference between a Web page and a Web site
A Web page is a single pageA Web site is a series of hyperlinked Web
pagesWeb pages can be linked in a Linear fashionWeb pages can be linked in a hierarchical
fashion
HTML
Web pages can be linked in a hypertext fashion
Web pages can be linked in a mixed fashion
The linking of pages creates a Web siteBest way to learn the following
information is to view the source code of Web pages
Structural Definition HTML Tags
Appearance controlled by the browser’s preferences
<H#> </H#> heading tags -- # can be replaced with the numbers 1 through 6
The larger the number the smaller the heading
<BLOCKQUOTE> </BLOCKQUOTE> usually indented
Structural Definition HTML Tags
<EM> </EM> emphasis - usually displayed as italic text
<STRONG> </STRONG> strong emphasis - usually displayed as bold text
<CITE> </CITE> citation - usually displayed as italic text
<ADDRESS> </ADDRESS> author’s address
HTML Tags
<TITLE></TITLE><HEADER></HEADER><BODY></BODY><P><BR>
<FONT SIZE=5></FONT><A></A><A HREF=“ “></A><HR><CENTER></CENTER>
HTML Tags
Almost all codes [tags] have a <> beginning tag and </> ending tag
Some systems are case sensitive, therefore, be consistent in your coding
General HTML codesAll HTML documents should have these
codes
HTML Tags
<HTML> </HTML> beginning and ending tags of an HTML document
<TITLE> </TITLE> must be inside the <HEAD> </HEAD> tagsUsed to indicate the text that is
displayed in the title bar of the browser’s application window
HTML Tags
<HEAD> </HEAD> contains descriptive information
Usually just after the <HTML> tag<META> must be inside the <HEAD>
</HEAD> tagsUsed to present meta information<!-- ******* --> comment tags information
(******) not displayed by the browser
HTML Tags
<BODY> </BODY> contains the bulk of the page
All other formatting tags will be found between the <BODY> </BODY> tags
HTML Tags
<BR> inserts a line break -- no </BR> tag needed
<HR> inserts a horizontal line on Web page -- no </HR> tag needed
<HR ALIGN=LEFT | CENTER | RIGHT> alignment of rule
<HR SIZE=#> thickness usually in pixels
HTML Tags
<HR WIDTH=#> width of horizontal rule in pixels
<HR WIDTH=“#%” width of horizontal rule as a percentage of page width
Presentation Formatting HTML Tags
Author specifies text appearance<B> </B> bold - displayed as bold text<I> </I> italic - displayed as italic text <SUB> </SUB> subscript - displayed as
subscripted text<SUP> </SUP> - superscript - displayed as
superscripted text<CENTER> </CENTER> center - centers text
on page