html5 Site Icon CSS3 Site Icon CSS Site Icon

HTML4 Advanced

HTML4 Advanced

Our HTML journey concludes with these HTML4 Advanced lessons and the skill level is aimed at people with some HTML experience or who have done the HTML4 Intermediate Tutorials. We expand on the HTML we learnt in the basic and intermediate lessons and add the rest of the elements we haven't looked at so far. Everything we have learned in the HTML4 Advanced Tutorials is then brought together in the summary.

The Advanced Lessons

These lessons get us started with the tools we need and we then see how to import CSS and JavaScript files into our HTML documents and how to insert meta information. After this we take a look at interactive images and embedded objects. We take a final look at tables and forms and bring everything we have learnt from the HTML4 Advanced section together in the summary. Lastly we go through the list of tags in HTML to avoid, which will end our exploration of HTML.

Lesson  1: Importing CSS and JavaScript

In this lesson we find out how to import external CSS files using the <link> tag. We then look at importing external JavaScript files into our HTML documents using the <script> tag. We also use the <meta> tag to insert meta information into our HTML documents. Finally we take a look at inline styles using the <style> tag and how to deal with JavaScript being turned off using the <noscript> tag.

Lesson  2: A Final Tour of Text Tags

In Lesson 5 of the Basic HTML tutorials and Lesson 3 of the Intermediate HTML tutorials we looked at most of the text tags available for formatting our text. In this lesson we introduce the final HTML text tags and show you when and how to use them.

Lesson  3: Interactive Images

In Lesson 7 of the Intermediate HTML tutorials we looked at enhancing our web pages with images. Now we find out how to make those images interactive by allowing the user to click on parts of the image to process an action.

Lesson  4: Embedded Objects

In this lesson we find out how to embed objects into our HTML and pass parameters to the objects.

Lesson  5: A Final Trip to Tablesville

In lesson 6 of the HTML4 Intermediate Tutorials we started learning about tables, to make our tabular data look neat and tidy. We used table header and data information within table rows for basic table formation. In this lesson we revisit tables and look at the HTML tags associated with tables we haven't used so far.

Lesson  6: Advanced Forms

In lesson 7 of the HTML4 Intermediate Tutorials we took a first look at forms, and introduced the <input>, <label> and <textarea> tags for use inside the <form></form> element. In this lesson we take a final look at forms with the remaining HTML tags we haven't used for form entry so far.

Lesson  7: Inline Frames

In this tutorial we learn how to define an inline window that holds another document.

Lesson  8: HTML4 Advanced Summary

To conclude the HTML4 Advanced lessons we bring all we have learnt together in a web page utilizing the knowledge we have gathered so far. We will use all the HTML tags we have utilized in the HTML4 Advanced Tutorials and see what can be achieved with these tags.

Lesson  9: Tags to Avoid

We end the HTML4 Advanced Tutorial section and our exploration of HTMl with a discussion on the tags that are not part of the HTML/XHTML strict DTDs, presentational tags that are better left to CSS and inconsistent tags with differing results dependant upon the browser.

Related Tutorials

HTML4 Basics - The Basic Lessons.

HTML4 Intermediate - The Intermediate Lessons.

What's Next

The HTML4 Advanced Tutorials start by explaining the tools we need for the lessons and then we foind out how to import CSS and JavaScript files into our HTML documents and how to insert meta information.



Next >> Importing CSS and JavaScript


go to home page Homepage go to top of page Top