Intermediate Page

HTML

Page Layout, Margins, Indenting, and Columns

HTML was originally designed as a 'markup' language to represent the logical structure of documents in terms of headings, lists, etc. Since some elements of HTML were commonly rendered with similar layouts, e.g. indenting of BLOCKQUOTE, these were pressed into use for layout solutions by web page designers. However the official HTML specifications do not demand these specific renderings, and although the most popular browsers might indeed implement the layout with indenting, this is not guaranteed to be true of all browsers.

HTML 4.0 Tags

This article lists all the tags, their possible attributes (and which are required), and which recommendation they are part of, in a single, printable page. A handy resource to bookmark for quick information!

Tables

Tables arrange data -- text, preformatted text, images, links, forms, form fields, other tables, etc. -- into rows and columns of cells. They're often used for page layout, but the trend now should be towards using style sheets for that.

HTML Forms for Web Site Interaction

A form is a graphical user interface with text entry fields and areas, buttons, checkboxes, pull-down menus, scrolling lists, etc.

Frames - Multi-view presentation of documents

Frames enable the display of multiple independently scrollable views on a single screen, each with its own distinct URL. Frames can point to different URLs as well as be targeted by other URLs - all within the same screen. Views may be independent windows or subwindows. Multiple views allow designers to keep certain information visible, while other views are scrolled or replaced.

Objects

HTML 4.0 introduces the OBJECT element, which offers an all-purpose solution for dealing with new media, while providing for effective backwards compatibility with existing browsers. OBJECT allows the HTML author to specify the data, and/or properties/parameters for initializing objects to be inserted into HTML documents, as well as the code that can be used to display/manipulate that data. The term "object" is used to describe the things that people want to place in HTML documents: images, applets, plug-ins, media handlers, etc.

Introduction to Style Sheets

This page introduces the basic concepts of cascading style sheets, and provides some examples and links to further resources.

Style Sheets: Colors

Style Sheets: Fonts

Putting Style Sheets in Perspective: Introduction

Coupled with HTML, Style Sheets will change the way you think about the web. You will add style and color, position objects precisely, and control the look of the website all from a single file.

Add a Little Style With the Font-property

A look at the various font-properties and the proper use of those properties.

Marginally Speaking

Through the use of the CSS2 margin, border and padding properties we can at last have some control of page layout without resorting to transparent gifs and tables. This method will not be for everyone. If you require your pages to look exactly the same in older browsers as they do in the 4.0 versions you will need to continue using the tried and true methods.

Aligning Images Left and Right

Brief tutorial on placing images opposite each other on the same level.

Inline Images

Embed a graphic image in the document.

Other Articles on Graphics and Graphic Resources

Graphics Tools, Techniques, Examples and Resources

Introduction to the basics of graphics design and construction, and how to integrate images into your web pages. There are many links to other resources for further detailed study.

Graphics Techniques for Web Page Images

Transparency, anti-aliasing, image-maps, GIF animation, applying text to images, and other general advice.

Web Programming & Scripting

CGI: The Common Gateway Interface for Server-side Processing

A plain HTML document that the Web server delivers is static, which means it doesn't change. A CGI program, on the other hand, is executed in real-time, so that it can output dynamic information

CGI: Input

CGI: Output

CGI Processing

Introduction to Web Programming

This is a four half-day free course covering the basics of Web Programming , CGI, and both basic and advanced Java .

Beginner's Guide to DHTML

What is DHTML? That's a great question, one that can't simply be answered with "It's a combination of HTML and JavaScript." A better answer would be, "DHTML is the combination and use of several built-in features of fourth generation browsers that enable a web page to be more dynamic." Interested in knowing more? Read on then...

JavaScript Events

JavaScript applications are typically event-driven. Events are actions that occur, usually as a result of something the user does. For example, a button click is an event, as is giving focus to a form element.

Simple JavaScript Scripts By Reaz Hoque

This article is taken with permission from the website of the book Practical JavaScript Programming. The book covers JavaScript, LiveWire and LiveConnect and offers many practical examples..

Introduction to Java - Your First Applet by Diana Luckevich.

A useful example is dissected, showing how a Java enabled browser controls the flow of work in an applet; how to build a simple graphical user interface and how to handle user initiated events; and how to read data into an applet and how to parse this data.

VRML for Rocket Scientists, Astronomers, and Truck Drivers

Well, not really! Its a simple introduction, no experience necessary.

Frequently Asked Questions

..and their answers, of course.

Databases

Introduction to Databases for the Web

Introduction to Databases for the Web is a four-part course designed by Selena Sol.

Simple SQL: Getting Started with SQL

SQL is the language to learn for interacting with a relational database, and this article has all you need to get started.

Introduction to Relational Databases

The basics of the relational database model

Database Normalization

Optimizing tables during the database design process

The Beginners Page