Free Web tutorials covering HTML, CSS, JavaScript, and DHTML from beginner to advanced. Free downloads and developer resources. Personalized help via email, form, and chat.

free, web, tutorials, HTML, html, CSS, css, stylesheet, cascading stylesheet, Javascript, javascript, JavaScript, DHTML, dhtml, beginner, advanced, web development, web page, web site, free web tutorial, free HTML tutorial, free CSS tutorial, free css tutorial, free cascading stylesheet tutorial, free stylesheet tutorial, free javascript tutorial, free DHTML tutorial, free HTML class, free CSS class, free stylesheet class, free cascading stylesheet class, free javascript class, free DHTML class">

Free Web tutorials covering HTML, CSS, JavaScript, and DHTML from beginner to advanced. Free downloads and developer resources. Personalized help via email, form, and chat. free, web, tutorials, HTML, html, CSS, css, stylesheet, cascading stylesheet, Javascript, javascript, JavaScript, DHTML, dhtml, beginner, advanced, web development, web page, web site, free web tutorial, free HTML tutorial, free CSS tutorial, free css tutorial, free cascading stylesheet tutorial, free stylesheet tutorial, free javascript tutorial, free DHTML tutorial, free HTML class, free CSS class, free stylesheet class, free cascading stylesheet class, free javascript class, free DHTML class

<Code_Punk>'s

Beginning HTML Index

Code Tutorials



Site Development



Downloads



Help!!



Home

This is where you should start if you're new to all of this web coding stuff. Check out the prerequisites to make sure you're ready to begin and jump right into Lesson 1.



Getting Started

Lesson 1: The HTML File

Make your first web page in a few minutes. This lesson introduces the concept of HTML tags and shows you how to make a simple web page.


Lesson 2: Formatting Text

Learn how to use tags to make paragraphs, line breaks, italics, bold type, and other effects.


Lesson 3: Making Headers and Aligning Text

How to make headers to title the sections of your pages in big print and how to center them and other content. Learn about using the ALIGN attribute and the powerful <div> tag to align your text almost any way you could want it.


Lesson 4: Special Characters

How to make characters like © and ® appear on your page. Also, how to make superscripted text and somesubscripted text.


Making Lists

Lesson 5: Unordered Lists

Learn to make a "bulleted" list of items to help organize your page's content.


Lesson 6: Ordered Lists

Make lists that automatically number the list items. Choose between numbers, letters, or Roman numerals.


Lesson 7: Nested Lists

Learn how to make formal outlines using "nested" lists. This tutorial also presents some good techniques for organizing more complex code.


Adding Color & Lines

Lesson 8: Adding Color And Lines

How to add a background color and color the text of your pages. Also, how to make horizontal rules, or lines, that can subdivide your page and add some pizazz.


Lesson 9: Using Hexadecimal Code

How to use hexadecimal code for color values to broaden your pallete for backgrounds, etc.


Lesson 10: The <font> Tag

See how to color specific text on your page. Also how to change the size and style of your text.


Making Links

Lesson 11: Making Links

How to make basic links to other sites and pages on your own site.


Lesson 12: More On Relative Links

How and why to use relative links to link to your site's internal pages. How to create a web site on your hard drive that will work on any server.


Lesson 13: Special Links

How to make links initiate a file download, scroll down a page, let people automatically email you, and even open a new window. You can even color your links without using a <font> tag.


Adding Images

Lesson 14: Adding Images To Your Pages

Add pictures to your web pages.


Lesson 15: Positioning Images

How to put images where you want them and get text to flow around them.


Lesson 16: Making Image Links And Backgrounds

How to make image links, like buttons, and use images as backgrounds for your pages.


Beginning HTML Exam

Beginning HTML Review

This page will guide you in an overall reveiw of the HTML you've learned so far and present some practice exercises you can do before trying the Final Exam for Beginning HTML.

Beginning HTML Exam

Well, this is it! The grand finale. This test asks you to make pages like the examples presented. Take your time and review often. When you can pass this test comfortably, you're ready to move on to Beginning CSS, or you might want to take a little detour and learn how to upload your page to a server.