Filed In:
Beginning HTML / XHTML Tutorials
If you are just starting out learning HTML, this resource center will help you get started. You'll find resources to learn HTML, get Web space, and get your pages up on your hosting service.
What Can You Do with HTML?
HTML is the language of the web, but many people are not sure they should learn it. Find out why you want to learn HTML and what it's good for.
What You Need to Write HTML
One of the best things about learning to write HTML is that you don't need much more than a computer to begin writing HTML and building your own web pages. Learn the few things you need to start writing HTML.
Build Your First HTML5 Document
Learn how to build an HTML5 document from scratch. The ending document doesn't look terribly enticing because there are no styles attached, but it is a valid HTML5 document. The good news is that building an HTML5 document is just as easy as building an HTML 4.01 document.
What is an HTML Tag or an HTML Element?
An HTML tag is the basic building block of a website. If you want to learn HTML, you'll need to learn about what an HTML tag is and how to use HTML tags in your documents.
What is the HEAD Element For?
The top of your pages has information that isn't usually seen by your readers, but they are important and can impact how your page is seen. This article explains how to use the HEAD element to improve your web pages.
HTML Syntax
HTML is written using a few characters to tell the browser or user agent which parts of the document are HTML and which parts are the content. By learning the syntax of HTML tags you can learn to write HTML.
HTML Quick and Dirty
You might be surprised to learn that there are only two tags you need for a valid HTML document. Every other tag on your page is extra.
How to Add an Attribute to an HTML Tag
Learn how easy it is to add an attribute to an HTML tag. Attributes modify HTML tags and provide additional information to the web browser. They are easy to add to HTML tags.
Adding Images to Web Pages
Learn how to add images to a web page.
Adding Images and Uploading Them to Your Web Pages
Learn how to upload an image to your web hosting server and then point to it so that it shows up on your web page.
Uses for Definition Lists
Definition lists are a great tool in HTML that are often overlooked. Learn several ways you can use definition lists to create more effective web pages.
How to Convert a Word Doc to HTML
If you have a Word document that you would like to put on a web page, you have a number of different options for getting it from Word to HTML. Learn how to put a Word doc on the web and convert DOC files to HTML.
Add Symbols to Your Web Page
Add a heart symbol and other card suits to your Web pages with a simple code. It\'s easy to write the heart symbol on your Web pages, and add it directly into your text. There is even an easy to remember code to do it. You can also add clubs, diamonds, spades, male and female symbols, and musical notes.
Arrow Symbols on Your Web Page
Add arrow symbols to your Web pages with a simple code. It's easy to write the arrow symbols on your Web pages, and add it directly into your text. There is even an easy to remember code to do it.
Clubs Symbol on Your Web Page
Add a clubs symbol to your Web pages with a simple code. It's easy to write the clubs symbol on your Web pages, and add it directly into your text. There is even an easy to remember code to do it.
Diamond Symbol on Your Web Page
Add a diamond symbol to your Web pages with a simple code. It's easy to write the diamond symbol on your Web pages, and add it directly into your text. There is even an easy to remember code to do it.
Heart Symbol on Your Web Page
Add a heart symbol to your Web pages with a simple code. It's easy to write the heart symbol on your Web pages, and add it directly into your text. There is even an easy to remember code to do it.
Male and Female Symbols on Your Web Page
Add male and female symbols to your Web pages with a simple code. It's easy to write the male and female symbols on your Web pages, and add it directly into your text. There is even an easy to remember code to do it.
Musical Symbols on Your Web Page
Add musical symbols to your Web pages with a simple code. It's easy to write the musical symbols on your Web pages, and add it directly into your text. There is even an easy to remember code to do it.
Spades Symbol on Your Web Page
Add a spades symbol to your Web pages with a simple code. It's easy to write the spades symbol on your Web pages, and add it directly into your text. There is even an easy to remember code to do it.
What Should I Name my HTML File?
Naming your HTML files is important, but there are some conventions you should use when choosing what to name your files. Follow these instructions for naming HTML files.
When Do You Use HTML Comments
HTML comments can be a useful tool, but some people don't use them at all, and others only use them in certain situations. Share your best practices for HTML comments and find out what other designers do.
How to Comment HTML
Learn how easy it is to write comments in your HTML so that you can follow what the code is doing later.
What is the HTML Download Tag?
An HTML download tag would be very useful to set up links for people to download files. But while there isn't a specific HTML download tag, there are ways to create downloadable files and links on your website so that your readers can download your files to their computer.
Write a Downlaod Link
Most of the time, when you link to something on a Web page, the Web browser will open it in the browser window. But there are ways to get the browser to start a download instead.
What is an HTML Tag?
An HTML tag is the basic building block of a website. If you want to learn HTML, you'll need to learn about what an HTML tag is and how to use them.
Is there an HTML space tag?
The HTML space tag doesn't exist, but there are ways to create space on your Web pages without an HTML space tag. It can be very frustrating to add spaces in HTML the way you would in a print document only to have them disappear on the Web page. Learn how to create space on your Web pages without an HTML space tag.
Why does invalid HTML work?
It's always a good idea to validate your HTML so that there aren't unexpected problems. But one of the number one reasons why people don't validate is because when they test, the page seems to be displaying without a problem. Why is it that Web browsers will display HTML that is technically incorrect? Does that mean that we shouldn't need to worry about valid or correct HTML (or CSS or JavaScript or PHP, etc.)?
Wrap Text Around an Image
Using CSS or basic HTML you can place your images on a page and then wrap the text around them. This tutorial explains how easy it is to wrap text around a photo or image.
Add an Image to Your Web Page
Adding an image to your Web page requires only one HTML tag. In fact, it is often harder to get the image onto your Web server than it is to add the HTML to get it on your Web page. This tutorial explains how to add an image to your Web page using HTML.
Displaying HTML vs. What Displays in a Web Browser
It can be difficult to understand that what you type in a Web editor is often very different from what displays on the Web browser. Learn to tell the difference between HTML and Web pages.
Why don't my images show on my Web page?
Beginning Web designers often put images on their Web pages but when they view their pages online, the images do not display. There are several possible causes of this problem and several solutions.
What is the index.html page?
index.html pages are the default pages for your directories. This tutorial explains how to use them.
Use Headings to Structure Your Web Pages
Headings in Web pages have specific HTML tags that you should use to define those headlines. There are many advantages to using heading tags for headings instead of larger fonts or images. There are also advantages to using headings in structured order. In fact, the W3C recommends that you use heading tags to structure your documents.
IMG Tag Attributes
The image tag is used a lot on web pages, but there are attributes of it that many people ignore. Learn the IMG tag attributes including changes in the HTML5 specification to the IMG tag.
Nesting HTML Tags
When you write HTML from scratch, it's very common to need to put multiple tags around one block of text. This is called nesting. But it's easy to do it incorrectly if you're not paying attention, and this can result in invalid HTML and sometimes pages that don't display correctly.
How can I turn off the border on linked images?
Linked images have a border turned on by default and this can result in some ugly looking linked images if you're not careful.
How do you move the copyright symbol up to slightly above the text?
Position copyright and other symbols above or below the text baseline.
Lists
Learn how to use lists to outline and organize your Web page content. Lists make Web pages much easier to read.
Why don't space characters show on Web pages?
One of the first challenges that a Web designer has when building a Web page is that Web pages don't handle white space characters the same way that word processors do. But once you understand how white space works on the Web, things will be much easier.
Adding Horizontal Lines to Break Up Content on the Page
Using the HR tag allows you to divide up your content on a page into separate themes within the same article or story. Most browsers render it with a horizontal line taking up the full width of the parent element. But the HR tag can be modified with CSS.
Basic (X)HTML Tags for a Web Site
Learn the XHTML tags that are required on every Web page.
Why Put Contact Information on Your Site
Adding mail links are a good idea to add contact information to your site, but it can increase the junk email in your mailbox.
What is ASCII Text?
Learn what ASCII text is and how you use ASCII in Web pages.
What is Text and What is a Text Editor?
Learn the difference between standard documents on the Web and actual ASCII text used in HTML and XML.
Building a Web Page for the Totally Lost
In order to learn HTML, there are a lot of things that you will need to know. This pre-beginning tutorial will help you to assess how much you know and teach you the basics of creating a Web page with HTML.
HTML Tutorial - Learn HTML Quickly and Easily and Build Your Web Page
Learn HTML and build your own Web page through a step-by-step HTML tutorial on the About Web Design site.
Learning HTML - HTML Tutorials, Beginner's Tips, Basic HTML, HTML Tags
All you need to learn HTML and build a Web page.
How Tos
HTML isn't hard when you have help. These how to files will teach you how to do some of the most common HTML questions, step-by-step.
How to Build a Basic Web Page
It's really easy to build your first Web page. There are only a few HTML tags you need to learn.
Five Easy Steps to Starting Your Web Page
What you need to know to create great Web pages
How to Create a Web Page with HTML
Step by Step Instructions for Creating a Web Page with HTML
Create a New Web Page Using Notepad
Learn how to create a new Web page using the Windows program Notepad
Writing HTML in Notepad
You already have a great HTML editor built into your Windows operating system - Notepad. Learn how to use it to write HTML.
Adding Content to a Notepad Created Web Page
Once you have the basics of a Web page created in Notepad, you need to learn how to add content to it. This article will take you through the steps of adding content to a Web page using Notepad.
Styling a Notepad Created Web Page with CSS
Learn how to use Notepad to write CSS for a Web page.
Can I Use Word to Write My Web Page?
Microsoft Word is a very powerful word processor but it makes a poor Web page editor. It is possible to create Web pages using it, but I don't recommend it.
What's in a Title
The title is one of the most important tags in your document, but it's often overlooked. Learn how the title tag affects your documents and why you should use the HTML title tag.
Playing with Lists - Numbering - Subheads - Indenting - Margins
There are many attributes of lists that you might be unaware of that allow you to create more flexible lists.
Improving on the Image Tag
The image tag is a vital tag for Web pages, learn how to use it to the fullest.
Alt Tags: Describing Your Images and Web Usabilty and Web Accessibility
Alt tags allow you to do more than just describe your images for when someone puts their mouse over it. This article describes alt tags and how to use them as well as how you might use alt tags in different situations and how alt tags assist with Web usability and Web accessibility.
Links: Creating Links, Using Links, Styling Links, Anchors, Hyperlinks
This article covers the basics and more advanced aspects of linking on a Web page. Beginning Web designers will get resources to learn how to create links and more advanced designers will learn how to style links effectively and check for problem with their hyperlinks.
Adding Links to Web Pages
How to add links and images to your Web site - this page discusses how to add links and anchors and bookmarks
Use the A Tag to Create a Link on Your Web Page
Learn how to use the a tag to create a link on your Web page
Adding Internal Links - Named Anchors - Page Bookmarks
The anchor tag allows you to link within your documents as well as to external pages these are often called bookmarks and are links using the anchor tag name attribute
Creating a Mailto Link
Mailto links are the easiest way to add contact information to your Web site.
Absolute and Relative Paths
Learn how to link to pages and images using full domains, absolute and relative paths.
Comments - HTML Comments - Hidden Code
HTML comments allow you to write notes about the code, hide old information, and hold reminders on the page. Comments are not seen by the people viewing the page, but they show up in the HTML code.
Align Tables and Images
Use the align attribute on tables (and images) to force text and other HTML elements to wrap around the object.
Spacing Out Your HTML
How to get blank spaces in your HTML.
What is FTP?
FTP means file transfer protocol and FTP is how you transfer your files from your hard drive to your Web site. This article will teach you how to use FTP and other methods to get your files transferred.
Shortcut Menu or Right-Click Menu
The menu that appears in Web browsers and other software tools when you right-click on the page.
Why does my page that I wrote on a Macintosh not work on Windows computers?
Your operating system can have an affect on how your Web pages look.
Why won't my edits show up on my live Web site?
Making changes to your Web site can sometimes not have any affect on your Web site. This is really frustrating.
Links
Links are an important part of creating a Web page. They connect your page with other pages on your site as well as other websites on the Internet. This article explains all you need to know about creating links, using links, styling links and improving your links.
Why and How to Use External Links
External links or outbound links are links that link off your site to somewhere else on the internet. Many web designers are reluctant to use external links because of fears of losing audience or getting penalized by search engines. But using external links effectively is a great way to improve your site and gain more visitors. This article will explain why external links are so important.
How do you feel about external links?
External links can feel like a bad idea on a website, especially if you are paid through page views. Find out how other designers feel about external links and how they use them on their sites.
Uploading Your Web Pages
Learn how easy it is to move your web pages from your computer at home to the web server where they will display on the internet.
Adding Images to eBay
Adding images to eBay auctions make the auctions more effective. Images of what you're selling make your ads more effective. Learn how to add your images to your eBay auctions.
How to Write a Web Link
It's easy to write a link in your HTML using the a tag or anchor tag. Learn how to write a web link quickly and easily.
How to Add a PDF File to a Website
It's easy to set up a link to a PDF file on your website.
How to Upload Files to 110mb.com Without FTP
110mb.com is a free web hosting provider that you can use to store personal web pages and work on the free HTML class. Some students struggled with how to upload their pages to 110mb.com. Here is a quick tutorial for how to do it.
Why do URLs often end with a slash?
When posting URLs many web designers do not include the final slash. While most web pages will still open without the slash, this can cause pages to load more slowly. The trailing slash gives information to the server that otherwise it has to figure out on its own. Unless you're pointing to a specific file, you should always include the final slash when posting your URLs.
HTML for Facebook
Facebook notes allow you to put HTML on your Facebook page. But you can't use every HTML tag out there. Find out what HTML tags work in Facebook notes, and how you can use them in your notes. Learn how to use HTML in your Facebook Notes.
How to Write HTML Headlines
Headlines add power to your content. They help your readers skim the text and find the areas that they are most interested in. Learn how to write HTML headlines so that your content has more structure.
Web Page HTML
There are dozens of HTML tags, but only a few you need to get started building a web page. This article will take you through the basic tags for web page HTML. You'll create a new web page and learn where to go to get it up on a website.
Spaces in HTML
Adding spaces in HTML doesn't always result in spaces added to the web page. Learn how to add spaces in HTML that show up in your web designs.
Word DOC to HTML - What tools do you use
Find out what others use to convert Word docs to HTML and get them up on web pages.
