Hypertext Markup Language (HTML) as you already know is the language you will use to create Web pages. It is a simple, yet powerful language. It consists of TAGS that give instructions, or tell the browser where to place the text or graphic on the page. To view a page that you have created you will need a browser. The browser interprets and displays the HTML document that you have created. There are many different browsers available, but the two most popular are Netscape Navigator and Microsoft Internet Explorer.
Courses are are offered on the availability of students. If you are interested in taking this course please contact us.
|
Introducing HTML
History of HTML
What’s new in HTML 4
Addressing web pages
Absolute and relative addresses
Fragment addresses
Document type definitions
HTML document structure
Hello World
HTML tools
Microsoft FrontPage
HTML authoring tips
|
The document head
Inside the head
Document title
Meta information
Character encoding
Search-engine meta data
Custom meta data
Adding scripts
Adding stylesheets
Linking resources
|
Body text content
The document body
Content in paragraphs
Forcing line breaks
Quotes and block quotes
Headings
Emphasising text
Text formatting
Preformatted text
Subscript and superscript
Contact address
Displaying code in text
Advisory tags
Delete and insert
|
| Adding style to content
About tag attributes
Using tag attributes
A first stylesheet
Styling tags
Styling with class
Styling with identity
Colours
Applying colour style
Dividing content
Centring with style
Inline styling
|
Lists and entities
Unordered lists
Bullet point styles
Ordered lists
Numbering styles
Definition lists
Horizontal rule
Character entities
|
Making tables
A simple table
Formatting cells
Positioning the table
Adding rows
Spanning rows
Spanning columns
Header and footer
Cell content alignment
Cell style
Table frame and rules
Grouping columns
Column widths
Summary attribute
|
| Hyperlinks and anchors
Creating hyperlinks
Following links
Fragment anchors
Link to element
Link title tool tip
Link to protocol
Images as hyperlinks
Image map hyperlinks
Mapping coordinates
|
Embedding contents
Add an image
Images with maps
Objects and mime types
Embed an image object
Embed a text file object
Embed a HTML object
Embed a Java applet
Add applet parameters
Embedding multimedia
QuickTime media player
Real media player
Flash movie player
|
Using frames
The frame holder document
Two-column frameset
Two-row frameset
Nested frameset
Frame appearance
Frame targets
Alternative content
|
| Creating forms
A simple form
Submission information
Text inputs
Password inputs
Checkboxes
Radio buttons
File inputs
Hidden inputs
Push buttons
Reset buttons
Submit buttons
Image submit button
Buttons with graphics
Using labels
Text areas
Tab order
Selection menus
Grouping menus
Grouping form fields
|
Borders and margins
The content box
Background and border colour
Border style
Border width
Border shorthand
Add padding
Relative padding
Padding shorthand
Set margins
Margin shorthand
Putting it together
|
Positioning content boxes
XYZ coordinates
Absolute positioning
Z-order
Relative positioning
Floating boxes
Clear side
Content box resize
Overflow
Clipping overflow
|
| Stylish text
Font families
Font size
Font style
Font weight
Font variant
Line height
Font shorthand
Text and content alignment
Text decoration
Indenting text
Letter spacing
Word spacing
Text direction
Right-to-left style
Text capitalisation
|
List and table styles
List style types
List style position
List style image
List style shorthand
Table caption side
Collapsing table borders
Empty cell borders
|
Styling backgrounds
Background colour
Background image
Background repeat
Background position
Background attachment
Background shorthand
Visibility
Cursors
Hyperlink colours
Additional content
What next?
|
