COM 333, Section B
Communicating Through Internet
University of Illinois at Springfield
Summer 2000
Prof. Burks Oakley

Lecture 12

Slide 1:
Hello again, and welcome to COM 333, “Communicating Through Internet.”  This, lecture number 12, “HyperText Markup Language”.

Slide 2:
Well, I think we’ve all heard about HTML, HyperText Markup Language.  It is really the cornerstone of the web.  It’s what the web is built out of.  It really is the foundation.  And it began in 1991-92, and actually, spreading into 1993, when Tim Berners-Lee began the development of HTML.  At the same time, Marc Andreesen was developing Mosaic at the University of Illinois in Urbana-Champaign at the National Center for Supercomputing Applications.  These two components, Mosaic, the original graphical browser for the web, and HTML, the coding process to make text and images viewable through such a browser, together have created a revolution.  The Internet, which had existed for two decades previously, had always been available - largely for geeks and nerds.  That is, you really had to know a good bit about Unix, Unix commands, operating systems, and you had to bring up multiple software applications in order to view material that had been transferred over the Internet.

Slide 3:
Well, SGML led to HTML.  Tim Berners-Lee began with a mark-up language.  That is, the Standard Generalized Markup Language, that had existed for decades.  It was the mark-up code that had been used by printers for print publications for many, many years, and he adapted this coding to electronic presentation.  The intent was to allow formatting of text - that is, to allow for italics, and bold, and to center text, and move it around, etc., and also to provide for graphic layouts to display images along with text.  Now, this HTML has been revised again, again, and again - with multiple versions coming out with HTML 1 and then 2, and 3, and 3.2, and 4, and on, and on, and on.  These continuous revisions then [were] approved by the W3 consortium.

Slide 4:
In the basics of HTML, this involves setting tags or commands inside of those pointy brackets, those less than and greater than signs, so commands such as center, or body, or HTML itself, would be placed between these brackets and would then set these as commands to be executed by the software browser.  Commands surround either text to which they apply, or identify objects to which they apply, and those commands then are turned off using the forward slash mark.  Commands continue to be refined and, as we said, there are newer versions every year - and among those versions now are style sheets, which allow multiple options in appearance to be set just by establishing one line of code early on in your coding, in your HTML, and it can apply to the color then, you can apply color to your text and the text font, and the way in which things are displayed on your entire document.  And you can do that all by referring to a style sheet, so that you don’t have to put quite so many commands into your HTML coding as you did previously.

Slide 5:
Well, the best way to find out how this all works is really to take a look at code -- and one of the nice features still in browsers is that you can click on the “View” option at the top of your browser and then in the drop-down menu choose “Page Source” and that way you can view the actual coding for that page.  You can see the HTML commands, the tags, and all the entries for that particular page, and so you can see how the coding relates to the actual display of the page.  Now there are many editors, that is, software packages, that ease the process of coding -- rather than typing-in these commands by hand, although I hasten to add that many expert HTML editors do code by-hand, that is, they type-in every command themselves and they really don’t use one of these editing packages.  But among the very popular ones are Microsoft FrontPage, Allaire’s Cold Fusion, and even the free Netscape Composer.  Composer comes packaged with the Communicator Netscape product.

Slide 6:
XML, Extensible Mark Up Language, is a whole new level for the display and coding of displays on the Internet.  This is the system for defining other languages, if you will, within HTML.  Tags can now contain content, not just structures.  It allows you to put information into your tags or commands, not just saying, “Oh, this should be italicized,” rather, you can put actual content into the tags.  And this will allow for more effective web design; coding now gets to become smart.  The coding itself is able to bring up database kinds of information.  This will certainly promote e-commerce applications on the Internet  - and XML is supported by Internet Explorer 4.0 and above and Netscape 5.0 and above.

Slide 7:
SMIL, I didn’t actually forget the E, it’s SMIL, Synchronized Multimedia Integration Language.  This new language, which was approved in 1998 by the W3 Consortium, allows image, text, and animation integrations on the web.  It brings television kinds of capabilities to the web.  I think that it will result in more multimedia applications being displayed through the Internet, and certainly more graphical applications, and much more interaction on the web.

Slide 8:
Well, you can have a home on the web.  That is a homepage for free.  It’s a relatively new phenomenon on the Internet that many providers are offering -- free web space for home pages.  Commonly, these involve some sort of advertising, commonly packaged with an e-mail box, which again allows for a good display of advertising.  So these ad-supported sites allow you several megabytes, up to unlimited, 900 megabytes of space, to put up a web page.  And you can check out the range of providers by going to the address listed here: http://www.freewebspace.net.  You can create your own web page if you like, and a many of these sites include online editors; others allow you to FTP the source code from your computer.

Slide 9:
Well, in conclusion, HTML was begun by Tim Berners-Lee.  It’s really not a static phenomenon; rather it’s under constant revision.  And it has lead to Extensible Markup Language and SMIL.  You, too, can start generating your own homepage and, in fact, generate web pages for others - and you can do that for free.  Drop by the WebBoard this week and join in our conversation -- and I look forward to seeing you on the Internet.


Last Updated 10 July 2000 by Burks Oakley II (oakley@uis.edu)

Copyright © 2000 by the Board of Trustees of the University of Illinois