Web Design / HTML: Most Popular Articles
These articles are the most popular over the last month.
HTML Codes - Special Characters - ASCII Table
HTML codes to put ASCII special characters on your Web page.
HTML codes to put ASCII special characters on your Web page.
Meta Refresh Tag
Learn how to use the meta refresh tag to reload a page, or force your readers to a new page
Learn how to use the meta refresh tag to reload a page, or force your readers to a new page
span and div
Learn to use two useful style related tags - span and div. These elements are crucial for creating CSS pages including CSS positioning.
Learn to use two useful style related tags - span and div. These elements are crucial for creating CSS pages including CSS positioning.
Tabs in HTML
Using a tab character in HTML can be tricky, as Web browsers don't recognize tabs as anything different from other whitespace characters like space and return. This quick tip will explain how you can get the effect of a tab character on your pages.
Using a tab character in HTML can be tricky, as Web browsers don't recognize tabs as anything different from other whitespace characters like space and return. This quick tip will explain how you can get the effect of a tab character on your pages.
Free Web Templates
These free Web templates will help you get the most out of your Web pages by doing the design work for you. You can manipulate these free Web templates to meet your needs, or just use the free Web templates as-is.
These free Web templates will help you get the most out of your Web pages by doing the design work for you. You can manipulate these free Web templates to meet your needs, or just use the free Web templates as-is.
Web Design Software Quiz
If you're looking to find the right Web design software to meet your needs you should take this questionnaire. After just a few short questions, you'll have a list of some of the best Web design software tools available to meet your needs and your budget.
If you're looking to find the right Web design software to meet your needs you should take this questionnaire. After just a few short questions, you'll have a list of some of the best Web design software tools available to meet your needs and your budget.
The Mailto Command
Learn how to use the mailto command to write email links on your Web pages.
Learn how to use the mailto command to write email links on your Web pages.
XHTML 101 - Free HTML Course
Take this 10 week course, and learn to create your own Web pages from scratch, using just a text editor like Notepad or SimpleText.
Take this 10 week course, and learn to create your own Web pages from scratch, using just a text editor like Notepad or SimpleText.
Spacing Out Your HTML
How to get blank spaces in your HTML.
How to get blank spaces in your HTML.
Set Prices for Web Design Work
Web design pricing is a hot issue for new designers - learn how to set your web design prices and charge your customers reasonable and fair rates and fees for web design work.
Web design pricing is a hot issue for new designers - learn how to set your web design prices and charge your customers reasonable and fair rates and fees for web design work.
Stretch a Background Image
Stretching a background image seems like something that would be fairly easy to do, but until CSS 3 properties are more widely supported, we have to use a workaround.
Stretching a background image seems like something that would be fairly easy to do, but until CSS 3 properties are more widely supported, we have to use a workaround.
How to Center with CSS
Learn how to center text, images or blocks on your Web page with CSS.
Learn how to center text, images or blocks on your Web page with CSS.
XHTML Photo Gallery Layout
This Web site template shows one simple way you can layout a photo gallery and use JavaScript to display the expanded image page.
This Web site template shows one simple way you can layout a photo gallery and use JavaScript to display the expanded image page.
Center with DIV Tags and CSS
This article for beginning Web developers who are new to HTML and CSS will help you learn how to use the DIV tag and CSS to center text or images on your pages.
This article for beginning Web developers who are new to HTML and CSS will help you learn how to use the DIV tag and CSS to center text or images on your pages.
Set up a Webcam Web Page
Learn how to setup a Webcam Web page with the correct HTML codes in the document and the Web cam image on the page.
Learn how to setup a Webcam Web page with the correct HTML codes in the document and the Web cam image on the page.
Creating a Mailto Link
Mailto links are the easiest way to add contact information to your Web site.
Mailto links are the easiest way to add contact information to your Web site.
Basic Vertical Menu
This is a basic vertical menu using a free Web template using CSS and basic list XHTML tags.
This is a basic vertical menu using a free Web template using CSS and basic list XHTML tags.
Tableless Layouts
CSS Positioning helps you create Web pages that have a creative layout without the use of tables. This is often called tableless layout.
CSS Positioning helps you create Web pages that have a creative layout without the use of tables. This is often called tableless layout.
HTML Tutorial
Learn HTML and build your own Web page through a step-by-step HTML tutorial on the About Web Design site.
Learn HTML and build your own Web page through a step-by-step HTML tutorial on the About Web Design site.
When Mailto Forms Don't Work
Mailto forms are very easy to build, but mailto forms don't always work as you expect.
Mailto forms are very easy to build, but mailto forms don't always work as you expect.
The HTML DIV Tag
This article about the DIV tag is for beginning and intermediate Web developers who are interested in learning how to use the DIV tag to create XHTML+CSS layouts, align page content, and make logical divisions in their page content.
This article about the DIV tag is for beginning and intermediate Web developers who are interested in learning how to use the DIV tag to create XHTML+CSS layouts, align page content, and make logical divisions in their page content.
Windows WYSIWYG Editors
WYSIWYG editors are HTML editors that attempt to display the Web page as it will show on the browser. They are visual editors, and you don't maniulate the code directly. Some HTML WYSIWYG editors also include a text editor, while others are purely WYSIWYG. This is my list of the best HTML WYSIWYG editors for Windows.
WYSIWYG editors are HTML editors that attempt to display the Web page as it will show on the browser. They are visual editors, and you don't maniulate the code directly. Some HTML WYSIWYG editors also include a text editor, while others are purely WYSIWYG. This is my list of the best HTML WYSIWYG editors for Windows.
Learn HTML
All you need to learn HTML and build a Web page.
All you need to learn HTML and build a Web page.
Include HTML
Use SSI, PHP, ASP, JavaScript, or other technology to include portions of HTML on many pages of a Web site.
Use SSI, PHP, ASP, JavaScript, or other technology to include portions of HTML on many pages of a Web site.
8 Easy Ways to Learn HTML
It's easy to learn HTML, and there are so many different ways to do it, it's criminal if you haven't already started.
It's easy to learn HTML, and there are so many different ways to do it, it's criminal if you haven't already started.
Buying an HTML Editor
What to think about before you choose your HTML editor
What to think about before you choose your HTML editor
Building a Web Page for the...
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.
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.
<input type="image" />
The input type="image" tag creates submit buttons using images.
The input type="image" tag creates submit buttons using images.
How to Use HTML Codes
It's easy to include special characters in your Web pages, even if the characters aren't on your keyboard layout. Simply use Unicode and HTML character entity codes to define the characters on your Web pages.
It's easy to include special characters in your Web pages, even if the characters aren't on your keyboard layout. Simply use Unicode and HTML character entity codes to define the characters on your Web pages.
Restart Apache (Linux)
If your Linux Apache Web server is started, you can stop and restart it with just a couple of steps.
If your Linux Apache Web server is started, you can stop and restart it with just a couple of steps.
Font Families
A guide for beginning Web designers and anyone who uses fonts on Web sites to find the right font for the right situation. This article will help you choose fonts for your site that show your originality but also work for your readers.
A guide for beginning Web designers and anyone who uses fonts on Web sites to find the right font for the right situation. This article will help you choose fonts for your site that show your originality but also work for your readers.
Basic Tags for a Web Site
Learn the XHTML tags that are required on every Web page.
Learn the XHTML tags that are required on every Web page.
Writing HTML in Notepad
You already have a great HTML editor built into your Windows operating system - Notepad. Learn how to use Notepad to write HTML.
You already have a great HTML editor built into your Windows operating system - Notepad. Learn how to use Notepad to write HTML.
CSS Media Types Create Prin...
Learn how easy it is to use Cascading Style Sheets (CSS) media types to define a printer-friendly page without actually building one.
Learn how easy it is to use Cascading Style Sheets (CSS) media types to define a printer-friendly page without actually building one.
Absolute and Relative Paths
Learn how to link to pages and images using full domains, absolute and relative paths.
Learn how to link to pages and images using full domains, absolute and relative paths.
Understanding CSS Float
If you understand how to use the CSS float property, you'll have a lot more control over how your Web pages are laid out and you can more easily join the ranks of CSS designers everywhere.
If you understand how to use the CSS float property, you'll have a lot more control over how your Web pages are laid out and you can more easily join the ranks of CSS designers everywhere.
Mailto Forms
Getting forms to work is difficult, but the easiest way is with a simple mailto form that connects an email address to the form action.
Getting forms to work is difficult, but the easiest way is with a simple mailto form that connects an email address to the form action.
How to Install Apache
Learn how to install the Apache Web server on a Linux system from source files.
Learn how to install the Apache Web server on a Linux system from source files.
CSS Positioning
Cascading Style Sheets allow you to position your HTML elements precisely on the page
Cascading Style Sheets allow you to position your HTML elements precisely on the page
HTML Codes - Special Characters for Punctuation and Other Characters - Punctuation HTML Codes
HTML codes to put Punctuation characters on your Web page.
HTML codes to put Punctuation characters on your Web page.
Comment CSS
Add comments to your Cascading Style Sheets (CSS) to make them easier to maintain.
Add comments to your Cascading Style Sheets (CSS) to make them easier to maintain.
KompoZer
KompoZer is a free text and WYSIWYG Web page editor for: Windows Macintosh Linux / UNIX.
KompoZer is a free text and WYSIWYG Web page editor for: Windows Macintosh Linux / UNIX.
Free Web Menu Templates
These HTML Templates will help you create menus using just simple HTML lists and CSS. You'd be amazed how simple the HTML is for these menus.
These HTML Templates will help you create menus using just simple HTML lists and CSS. You'd be amazed how simple the HTML is for these menus.
Sending HTML Email
Learn how to use HTML to create email newsletters.
Learn how to use HTML to create email newsletters.
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
How to add links and images to your Web site - this page discusses how to add links and anchors and bookmarks
Free Web Editors for Mac
If you're looking for a free HTML editor for Macintosh you will find the best ones on this list. There are both text and WYSIWYG editors available and these are great if you don't want to spend money on your HTML editor.
If you're looking for a free HTML editor for Macintosh you will find the best ones on this list. There are both text and WYSIWYG editors available and these are great if you don't want to spend money on your HTML editor.
Color Symbolism Chart- Culture
Using color can be problematic if you don't design with the culture of your audience in mind. Colors have different meanings to different cultures. This chart should help make sense of the color symbolisms of various cultures.
Using color can be problematic if you don't design with the culture of your audience in mind. Colors have different meanings to different cultures. This chart should help make sense of the color symbolisms of various cultures.
Using the DIV Tag
Learn how to use the DIV tag to create valid XHTML+CSS Web pages that are easy to read and change whenever you want to change them.
Learn how to use the DIV tag to create valid XHTML+CSS Web pages that are easy to read and change whenever you want to change them.
Magic with Meta Tags and Se...
Use Search engine optimization (SEO) to boost your marketing strategy with meta tags
Use Search engine optimization (SEO) to boost your marketing strategy with meta tags
Your First HTML Form
Building your first HTML form, hints on building and using HTML forms
Building your first HTML form, hints on building and using HTML forms
What is RSS?
Really Simple Syndication or RDF Site Summary or Rich Site Summary, no matter what you think it stands for, RSS is the answer to Web site syndication.
Really Simple Syndication or RDF Site Summary or Rich Site Summary, no matter what you think it stands for, RSS is the answer to Web site syndication.
Free WYSIWYG HTML Windows
The most useful and usable free WYSIWYG HTML editors for Windows
The most useful and usable free WYSIWYG HTML editors for Windows
Create a Mailto Form in Mac...
Mailto forms are one of the easiest forms to create because you don't have to learn any programming to write them. This document explains how to build one using Macromedia Dreamweaver MX.
Mailto forms are one of the easiest forms to create because you don't have to learn any programming to write them. This document explains how to build one using Macromedia Dreamweaver MX.
Introduction to Dreamweaver
Learn how to define a Web site in Macromedia Dreamweaver MX so that you can edit it and manage it with Dreamweaver.
Learn how to define a Web site in Macromedia Dreamweaver MX so that you can edit it and manage it with Dreamweaver.
What's My URL?
Getting a page to the Web server isn't that hard, but how do you know what your URL is once the page is up? These tips will help you figure out what your URL is.
Getting a page to the Web server isn't that hard, but how do you know what your URL is once the page is up? These tips will help you figure out what your URL is.
Fancy Photo Gallery Template
This free Web template is a fancier version of a photo gallery. It uses JavaScript to display captions and the images themselves as well as pure CSS for the site layout.
This free Web template is a fancier version of a photo gallery. It uses JavaScript to display captions and the images themselves as well as pure CSS for the site layout.
Free HTML Editors for Windows
If you're looking for a free HTML editor for Windows you will find the best ones on this list. There are both text and WYSIWYG editors available and these are great if you don't want to spend money on your HTML editor.
If you're looking for a free HTML editor for Windows you will find the best ones on this list. There are both text and WYSIWYG editors available and these are great if you don't want to spend money on your HTML editor.
Free Dreamweaver Tutorials
Free Dreamweaver tutorials make it easy to learn how to use Dreamweaver. These free Dreamweaver tutorials will show you the basics of Dreamweaver and also teach you how to use Dreamweaver for other effects.
Free Dreamweaver tutorials make it easy to learn how to use Dreamweaver. These free Dreamweaver tutorials will show you the basics of Dreamweaver and also teach you how to use Dreamweaver for other effects.
Quick CSS
Take this 5 day course to learn Cascading Style Sheets (CSS) to improve your Web pages
Take this 5 day course to learn Cascading Style Sheets (CSS) to improve your Web pages
CSS @import
@import rules with cascading style sheets allows you to import external style sheets into your CSS
@import rules with cascading style sheets allows you to import external style sheets into your CSS
Browser Safe Colors
Use browser safe colors to be sure that your Web page will look the same on most monitors
Use browser safe colors to be sure that your Web page will look the same on most monitors
HTML, XHTML, CSS Resources
References, examples, validation and HTML help for learning Web design. CSS resources including CSS properties, CSS classes, CSS tutorials, learn CSS. XHTML resources including XHTML elements, XHTML classes, XHTML tutorials, and learn XHTML. XML resources as well.
References, examples, validation and HTML help for learning Web design. CSS resources including CSS properties, CSS classes, CSS tutorials, learn CSS. XHTML resources including XHTML elements, XHTML classes, XHTML tutorials, and learn XHTML. XML resources as well.
Web Page Widths
Once you've moved beyond beginning Web design, you'll come across the most aggravating question for a Web designer: what resolution should I design the pages for? This also comes out as how to decide how wide your pages should be.
Once you've moved beyond beginning Web design, you'll come across the most aggravating question for a Web designer: what resolution should I design the pages for? This also comes out as how to decide how wide your pages should be.
Ajax
Web applications can be a challenging endeavor where you try to get your customers to wait for data to load or pages to render. But with Ajax - Asynchronous JavaScript and XML - you can create multi-purpose Web applications that feel like desktop applications. No more waiting for pages to load, and the hourglass is gone.
Web applications can be a challenging endeavor where you try to get your customers to wait for data to load or pages to render. But with Ajax - Asynchronous JavaScript and XML - you can create multi-purpose Web applications that feel like desktop applications. No more waiting for pages to load, and the hourglass is gone.
What is XHTML?
Learn to understand what XHTML is, how to write it, and how to convert your existing HTML to XHTML.
Learn to understand what XHTML is, how to write it, and how to convert your existing HTML to XHTML.
Using the Form Tag
Part one in a tutorial on how to create forms in HTML - using the form tag.
Part one in a tutorial on how to create forms in HTML - using the form tag.
Macintosh WYSIWYG Editors
WYSIWYG editors are HTML editors that attempt to display the Web page as it will show on the browser. They are visual editors, and you don't maniulate the code directly. Some HTML WYSIWYG editors also include a text editor, while others are purely WYSIWYG. This is my list of the best HTML WYSIWYG editors for Macintosh.
WYSIWYG editors are HTML editors that attempt to display the Web page as it will show on the browser. They are visual editors, and you don't maniulate the code directly. Some HTML WYSIWYG editors also include a text editor, while others are purely WYSIWYG. This is my list of the best HTML WYSIWYG editors for Macintosh.
HTML Tags / HTML Codes / Ref
HTML tags help you write HTML, HTML codes help you use special characters, and HTML references provide additional tools and resources at your fingertips. These are essential tools for every Web developer.
HTML tags help you write HTML, HTML codes help you use special characters, and HTML references provide additional tools and resources at your fingertips. These are essential tools for every Web developer.
Box Model Hack
The CSS box model has very specific rules for how wide a box should be when a width is applied and padding, borders, and margins are applied. However Internet Explorer doesn't follow these rules. So we need a hack to make boxes in CSS the same width or height (whichever is defined) in Internet Explorer as in other browsers.
The CSS box model has very specific rules for how wide a box should be when a width is applied and padding, borders, and margins are applied. However Internet Explorer doesn't follow these rules. So we need a hack to make boxes in CSS the same width or height (whichever is defined) in Internet Explorer as in other browsers.
Styling Links with CSS
Don't let your links be boring, create links that are styled just like the rest of your Web pages. And before you think that just means changing the hover color - there's way more to it than that. When you're designing your page, don't forget to design your links.
Don't let your links be boring, create links that are styled just like the rest of your Web pages. And before you think that just means changing the hover color - there's way more to it than that. When you're designing your page, don't forget to design your links.
Possible Photo Gallery
My Photo Gallery Get the Template for this gallery. Mali with Car Wash Time Sleepy? Mali with Car Wash
My Photo Gallery Get the Template for this gallery. Mali with Car Wash Time Sleepy? Mali with Car Wash
Rounded Corners Using CSS
Rounded corners on boxes is a popular way to make CSS designs look less boxy, but the most common method requires a large amound of images which can drastically increase the download time for your pages. This method uses stripes and inline elements to get the effect of rounded corners.
Rounded corners on boxes is a popular way to make CSS designs look less boxy, but the most common method requires a large amound of images which can drastically increase the download time for your pages. This method uses stripes and inline elements to get the effect of rounded corners.
Links for Navigation Menus
Learn how to use CSS to style basic unordered lists into vertical navigation menus for your Web site.
Learn how to use CSS to style basic unordered lists into vertical navigation menus for your Web site.
Untitled Document
Home XHTML+CSS Layout Templates List Layout Templates More Layout Templates More About This Templat
Home XHTML+CSS Layout Templates List Layout Templates More Layout Templates More About This Templat
How to Send HTML Email
HTML has a lot of things that it can do, but there are things that it can't do
HTML has a lot of things that it can do, but there are things that it can't do
HTML 4.01 / XHTML 1.0 Reference - HTML Tag Reference
A listing of the valid and invalid HTML tags available for use. Includes the DTD they are a part of and what browsers support them.
A listing of the valid and invalid HTML tags available for use. Includes the DTD they are a part of and what browsers support them.
Weekly Web Design Class
Take this free course, and learn to design Web pages that are vibrant and useful. Designing for the Web is very different from other design tasks, make sure that you know the rules before you break them.
Take this free course, and learn to design Web pages that are vibrant and useful. Designing for the Web is very different from other design tasks, make sure that you know the rules before you break them.
Linux/UNIX WYSIWYG Editors
WYSIWYG editors are HTML editors that attempt to display the Web page as it will show on the browser. They are visual editors, and you don't maniulate the code directly. Some HTML WYSIWYG editors also include a text editor, while others are purely WYSIWYG. This is my list of the best HTML WYSIWYG editors for Linux and UNIX.
WYSIWYG editors are HTML editors that attempt to display the Web page as it will show on the browser. They are visual editors, and you don't maniulate the code directly. Some HTML WYSIWYG editors also include a text editor, while others are purely WYSIWYG. This is my list of the best HTML WYSIWYG editors for Linux and UNIX.
Upload Your Web Site
Use FTP to upload your Web site from your hard drive to your Web host.
Use FTP to upload your Web site from your hard drive to your Web host.
Cascading Style Sheets Library
The Cascading Style Sheets library is a library of cascading style sheets (CSS) properties and syntax. Learn Cascading Style Sheets by learning the CSS properties. CSS 1 Properties.
The Cascading Style Sheets library is a library of cascading style sheets (CSS) properties and syntax. Learn Cascading Style Sheets by learning the CSS properties. CSS 1 Properties.
Changing Font Attributes
Use CSS to change the size, color, and face of your text
Use CSS to change the size, color, and face of your text
Professional Web Designers
Professional Web Designers need job opportunities, salary and pricing advice, legal and contract help, plus Web design, site development, promotion, and marketing.
Professional Web Designers need job opportunities, salary and pricing advice, legal and contract help, plus Web design, site development, promotion, and marketing.
95 SEO Tips and Tricks
Ninety-five things you should and should not be doing on your Web pages to make them rank higher in search engines. This list looks at more than just meta tags and the basics of SEO, so even if you've got some of the factors, you may not have everything. Scroll to the end of the list to look at the things you should never be doing, as well as the things you should always do at the top.
Ninety-five things you should and should not be doing on your Web pages to make them rank higher in search engines. This list looks at more than just meta tags and the basics of SEO, so even if you've got some of the factors, you may not have everything. Scroll to the end of the list to look at the things you should never be doing, as well as the things you should always do at the top.
<input type="hidden" />
The input type="hidden" tag sends form fields to the server while hiding them from the reader
The input type="hidden" tag sends form fields to the server while hiding them from the reader
Comment Your XML
XML comments are very similar to HTML comments. tags create a space for you to keep your code clear.
XML comments are very similar to HTML comments. tags create a space for you to keep your code clear.
8 Easy Ways to Learn CSS
It's easy to learn CSS, and there are so many different ways to do it, it's criminal if you haven't already started. Cascading Style Sheets add so much to your Web designs that if you don't understand at least the basics you're cheating yourself and your designs.
It's easy to learn CSS, and there are so many different ways to do it, it's criminal if you haven't already started. Cascading Style Sheets add so much to your Web designs that if you don't understand at least the basics you're cheating yourself and your designs.
Color Wheel and Color Theory
Web pages are designed in color, but if you don't understand how color works, you could end up with some really ugly pages. Understanding the basics of color theory will help you create better Web pages.
Web pages are designed in color, but if you don't understand how color works, you could end up with some really ugly pages. Understanding the basics of color theory will help you create better Web pages.
Calendar Layout
Learn how to set up a calendar layout.
Learn how to set up a calendar layout.
What is Print-Friendly
As Web pages get fancier and fancier, the ability to print out simple versions becomes more necessary. What makes a printer-friendly page printer-friendly
As Web pages get fancier and fancier, the ability to print out simple versions becomes more necessary. What makes a printer-friendly page printer-friendly
Photo Gallery Photo Page
These images are for sample only - not for redistribution
These images are for sample only - not for redistribution
Fancy Photo Gallery
Fancy Photo Gallery Template Free Web Template Get this template at Web Design @ About.com. Get other
Fancy Photo Gallery Template Free Web Template Get this template at Web Design @ About.com. Get other
Paths of a Web Designer
Whether you've just decided to learn how to create a Web page or you've been designing pages for years, there is sure to be something new to learn - once you know where you are on the path, you know what you're ready to focus on next - from beginning HTML, advanced HTML, professional web designers and programmers, to XML.
Whether you've just decided to learn how to create a Web page or you've been designing pages for years, there is sure to be something new to learn - once you know where you are on the path, you know what you're ready to focus on next - from beginning HTML, advanced HTML, professional web designers and programmers, to XML.
The Elements of Design
The elements of design are the basic building blocks of all design projects. The elements of design include lines, shapes, texture, color, and direction.
The elements of design are the basic building blocks of all design projects. The elements of design include lines, shapes, texture, color, and direction.
The CSS 3 background-size Property Examples
Use CSS 3 to stretch background images to fit the element.
Use CSS 3 to stretch background images to fit the element.
BLOCKQUOTE and CSS
When you use the blockquote tag it can result in pretty boring looking quotations. But if you use Cascading Style Sheets, you can dress up your quotations to get blockquotes that pop on your Web page.
When you use the blockquote tag it can result in pretty boring looking quotations. But if you use Cascading Style Sheets, you can dress up your quotations to get blockquotes that pop on your Web page.
Start Apache (Linux)
If your Linux Apache Web server is stopped, you can start it again with just a couple of steps.
If your Linux Apache Web server is stopped, you can start it again with just a couple of steps.
XHTML 101 - Class Syllabus - Week 1
Week 1 of the XHTML 101 free online class from About.com. This is the syllabus and online walk-through of the class.
Week 1 of the XHTML 101 free online class from About.com. This is the syllabus and online walk-through of the class.
Comments on Comments
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.
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.
<div></div>
The div element defines logical divisions within the document.
The div element defines logical divisions within the document.
GaGa for Google
Learn how to edit your Web page so that it works with the Googlebot and not against it. These tips won't guarantee you top ranking, but they will help.
Learn how to edit your Web page so that it works with the Googlebot and not against it. These tips won't guarantee you top ranking, but they will help.
Content Management
Content management tools allow companies to take control of their Web pages by managing the content as distinct from the design. The days of writing HTML for large Web sites may be numbered as content management tools take the floor.
Content management tools allow companies to take control of their Web pages by managing the content as distinct from the design. The days of writing HTML for large Web sites may be numbered as content management tools take the floor.
Use JavaScript to Open Window
Learn how to open a link in a new window. Use JavaScript to open a new window.
Learn how to open a link in a new window. Use JavaScript to open a new window.
ASCII HTML Codes - HTML Special Characters in the ASCII Set
HTML codes to put ASCII special characters on your Web page.
HTML codes to put ASCII special characters on your Web page.
Designing for IE
It is often very difficult to design a Web site when you need it to look the same in both Internet Explorer and Firefox or Safari. The trick is to start with a different browser than you're probably used to starting with - design for Firefox first.
It is often very difficult to design a Web site when you need it to look the same in both Internet Explorer and Firefox or Safari. The trick is to start with a different browser than you're probably used to starting with - design for Firefox first.
HTML Codes - Special Characters for Russian (Cyrillic) - ASCII Table - Russian (Cyrillic) HTML Codes
HTML codes to put Russian (Cyrillic) characters on your Web page.
HTML codes to put Russian (Cyrillic) characters on your Web page.
Styling Horizontal Rules
If you want to divide sections of your HTML, one way to do it is with the HR tag. But this tag can be really ugly if you don't style it. Learn how to use CSS to style your HR tags.
If you want to divide sections of your HTML, one way to do it is with the HR tag. But this tag can be really ugly if you don't style it. Learn how to use CSS to style your HR tags.
Basic Horizontal Menu
This is a basic horizontal menu using a free Web template using CSS and basic list XHTML tags.
This is a basic horizontal menu using a free Web template using CSS and basic list XHTML tags.
5 Steps to Starting a Web Page
What you need to know to create great Web pages
What you need to know to create great Web pages
Tabbed Navigation
It's easy to add tabbed navigation into your Web pages with CSS and page identifiers.
It's easy to add tabbed navigation into your Web pages with CSS and page identifiers.
Nvu
Nvu is a free text and WYSIWYG Web page editor for: Windows Macintosh Linux / UNIX.
Nvu is a free text and WYSIWYG Web page editor for: Windows Macintosh Linux / UNIX.
Web Design Design Gallery - Outside The Cube Marketing
Get ideas for how to design your Web site by looking at how other people design their Web sites.
Get ideas for how to design your Web site by looking at how other people design their Web sites.
CSS Framed Pages
CSS positioning is a great way to create framed pages without using frames - CSS allows you to position your HTML elements including making it look like a frame
CSS positioning is a great way to create framed pages without using frames - CSS allows you to position your HTML elements including making it look like a frame
Font vs. CSS
The font tag is deprecated, learn how to use CSS to do the same thing
The font tag is deprecated, learn how to use CSS to do the same thing
background-color
A description of the CSS property background-color
A description of the CSS property background-color
Color Symbolism
Color symbolizes many things to different cultures, but it is easy to forget this when designing a Web site. If you use color on your site, then you should be aware of the different meanings different cultures attach to color.
Color symbolizes many things to different cultures, but it is easy to forget this when designing a Web site. If you use color on your site, then you should be aware of the different meanings different cultures attach to color.
Dreamweaver
Dreamweaver Help and resources to learn to use the Adobe Dreamweaver WYSIWYG text editor and Web development tool.
Dreamweaver Help and resources to learn to use the Adobe Dreamweaver WYSIWYG text editor and Web development tool.
Tips to a Great Web Page
Ten helpful tips for creating better, more useful Web pages
Ten helpful tips for creating better, more useful Web pages
XHTML Attributes: style
Explanation of the XHTML attribute style
Explanation of the XHTML attribute style
Portfolio Layout
A simple layout for a Web portfolio
A simple layout for a Web portfolio
Background Colors and Images
Learn how to use background colors and images to enhance the look of your Web pages
Learn how to use background colors and images to enhance the look of your Web pages
New Dreamweaver Web Site
This visual tutorial will help the beginning Dreamweaver author create a new site using the site builder tool in Dreamweaver.
This visual tutorial will help the beginning Dreamweaver author create a new site using the site builder tool in Dreamweaver.
Windows Text HTML Editors
Text editors are HTML editors that allow you to manipulate the HTML tags directly. Some HTML text editors also include a WYSIWYG editor, while others are purely text. This is my list of the best HTML text editors for Windows.
Text editors are HTML editors that allow you to manipulate the HTML tags directly. Some HTML text editors also include a WYSIWYG editor, while others are purely text. This is my list of the best HTML text editors for Windows.
XHTML Form Layout
This Web site template shows one complex way you can layout a form using no tables. This is a very position intensive layout - and in fact, I find it quite cumbersome. It uses the standard left nav with top header - if you're willing to change the positions of every form element, you can move them wherever they fit on your screen. It's not as elegant as I would like, but it does the job.
This Web site template shows one complex way you can layout a form using no tables. This is a very position intensive layout - and in fact, I find it quite cumbersome. It uses the standard left nav with top header - if you're willing to change the positions of every form element, you can move them wherever they fit on your screen. It's not as elegant as I would like, but it does the job.
How to Use the Input Tag
The input tag is the primary tag used for forms. Learn how to make the most of it. Part 2 in the HTML forms tutorial
The input tag is the primary tag used for forms. Learn how to make the most of it. Part 2 in the HTML forms tutorial
How to Build a Web Page
Building a Web page isn't hard. In fact, the very first time you build a Web page there are only 8 steps you need to follow to get your page up and working on the Internet. These 8 steps take you through all you need to know to build a Web page and host it on a website.
Building a Web page isn't hard. In fact, the very first time you build a Web page there are only 8 steps you need to follow to get your page up and working on the Internet. These 8 steps take you through all you need to know to build a Web page and host it on a website.
HTML Codes - Special Characters for Mathematics - Math Symbols - Mathematics HTML Codes
HTML codes to put Mathematics characters on your Web page.
HTML codes to put Mathematics characters on your Web page.
Color Harmony
Learning to put together colors in a harmonious fashion is one of the most important skills of a Web designer. Once you understand color theory, you'll be better equipped to create color schemes that really work.
Learning to put together colors in a harmonious fashion is one of the most important skills of a Web designer. Once you understand color theory, you'll be better equipped to create color schemes that really work.
Toggle DIV Visibility
Learn how to use DHTML to toggle the visibility of an HTML element so that it shows and hides when your customer clicks on a link. This is a simple DHTML function using 2 lines of CSS and 4 lines of JavaScript.
Learn how to use DHTML to toggle the visibility of an HTML element so that it shows and hides when your customer clicks on a link. This is a simple DHTML function using 2 lines of CSS and 4 lines of JavaScript.
<marquee></marquee>
The marquee tag allows you to create a scrolling text marquee in Internet Explorer.
The marquee tag allows you to create a scrolling text marquee in Internet Explorer.
Using Style Classes and IDs
Applying styles across sections of a document using class and id attributes
Applying styles across sections of a document using class and id attributes
Splash Pages: Pros and Cons
Splash pages are a popular Web design feature, but if you put up a splash page, you may get more than you bargained for - or less page views.
Splash pages are a popular Web design feature, but if you put up a splash page, you may get more than you bargained for - or less page views.
Use JavaScript to Include HTML
Learn how to use JavaScript to include portions of HTML in multiple Web documents while only editing the portion once.
Learn how to use JavaScript to include portions of HTML in multiple Web documents while only editing the portion once.
Avoid Tables for Layout
Learn why you should use CSS to position your pages rather than HTML tables
Learn why you should use CSS to position your pages rather than HTML tables
<span> and <div>
CSS Lesson 2: The <span> and <div> Tags
CSS Lesson 2: The <span> and <div> Tags
The HTML SPAN Tag
This article about the SPAN tag is for beginning and intermediate Web developers who are interested in learning how to use the SPAN tag to create XHTML+CSS layouts, align page content, and define changes to inline content on your Web pages.
This article about the SPAN tag is for beginning and intermediate Web developers who are interested in learning how to use the SPAN tag to create XHTML+CSS layouts, align page content, and define changes to inline content on your Web pages.
Web Design Jobs
When you're looking for a Web Design Job it can be hard to find one, possibly because there are actually so many options for the Web designer looking for a job. Web design jobs come in many shapes and sizes and these resources and tips will help you find the perfect Web design job for you.
When you're looking for a Web Design Job it can be hard to find one, possibly because there are actually so many options for the Web designer looking for a job. Web design jobs come in many shapes and sizes and these resources and tips will help you find the perfect Web design job for you.
3 Col Header / Footer Template
Learn how to set up a 3 column layout that has both a header and footer. This 3 column Web page layout template uses floats to position the columns. 3 column layouts are considered hard to generate with CSS, and 3 columns with a header and footer below are even harder. You'll find that 3-column layouts are actually fairly easy to build and maintain.
Learn how to set up a 3 column layout that has both a header and footer. This 3 column Web page layout template uses floats to position the columns. 3 column layouts are considered hard to generate with CSS, and 3 columns with a header and footer below are even harder. You'll find that 3-column layouts are actually fairly easy to build and maintain.
What is Geotagging?
Geotagging has gotten very popular on photo sites like Flickr, but it's also possible to geotag Web pages. But why would we want to? This article discusses the basics of geotagging and why we would want to tag our Web pages with locations.
Geotagging has gotten very popular on photo sites like Flickr, but it's also possible to geotag Web pages. But why would we want to? This article discusses the basics of geotagging and why we would want to tag our Web pages with locations.
Ways to Submit Your Forms
Learn how to use submit buttons, input tags, and images to submit your forms to your CGI scripts
Learn how to use submit buttons, input tags, and images to submit your forms to your CGI scripts
What is a Font?
Font families can be hard to understand, especially when trying to develop a decent style sheet for a Web site. Once you understand what the fonts are, you can better use them to style your pages.
Font families can be hard to understand, especially when trying to develop a decent style sheet for a Web site. Once you understand what the fonts are, you can better use them to style your pages.
Why Have Contact Information
Adding mail links are a good idea to add contact information to your site, but it can increase the junk email in your mailbox.
Adding mail links are a good idea to add contact information to your site, but it can increase the junk email in your mailbox.
CSS Drop Shadows
Learn how to write CSS drop shadows without using any images. It's even possible to create drop shadows on text, but currently not in a standards-compliant or accessible way.
Learn how to write CSS drop shadows without using any images. It's even possible to create drop shadows on text, but currently not in a standards-compliant or accessible way.
Adding Images to Web Pages
How to add images to your Web site
How to add images to your Web site
Web Forms for Contact Mail
Web forms allow you to control more about the contacts that you receive from your site.
Web forms allow you to control more about the contacts that you receive from your site.
HTML Codes - Special Characters for French - ASCII Table - French HTML Codes
HTML codes to put French characters on your Web page.
HTML codes to put French characters on your Web page.
display: hidden visib: none
These properties may seem like they do the same thing, but they actually act differently.
These properties may seem like they do the same thing, but they actually act differently.
Adding Space to Web Page Text
Adding white space to HTML used to be fairly difficult, but now with CSS it's a lot easier to add spaces around objects, next to elements, and inside your pages. These CSS properties help you with indenting, outdenting, letter spacing, word spacing, line height, and white space.
Adding white space to HTML used to be fairly difficult, but now with CSS it's a lot easier to add spaces around objects, next to elements, and inside your pages. These CSS properties help you with indenting, outdenting, letter spacing, word spacing, line height, and white space.
DOCTYPE List
There are many potential Document Type Definitions you can use in your DOCTYPE declaration, this page will give you a list of the more common ones and how to choose the best one for your Web pages.
There are many potential Document Type Definitions you can use in your DOCTYPE declaration, this page will give you a list of the more common ones and how to choose the best one for your Web pages.