1. Computing

Web Design / HTML: Most Popular Articles

These articles are the most popular over the last month.
Installing a Guestbook
Find out what your readers think of your site with a guestbook. Learn how to add a remotely hosted guestbook, or host your own.
Build Your Own Guestbook
Find out what your readers think of your site with a guestbook. Learn how to host your own guestbook on your Web server using CGI.
HTML Codes - Special Characters - ASCII Table
HTML codes to put ASCII special characters on your Web page.
Free HTML Editors for Windows
If you’re looking for a free HTML editor for Windows you will find the 10 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.
How to Build a Website
Learn how to build a website in 7 steps. Building a website can be a challenging proposition, but there are only 7 things you need to do to get your website up and running.
Free Web Editors Macintosh
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.
What does !important mean?
An explanation of the !important property as used in CSS or Cascading Style Sheets
Use Multiple CSS Classes
One of the more useful tricks with CSS is the fact that with the modern browsers you can use multiple CSS classes on one element to add styles as you need them.
How to Center with CSS
Learn how to center text, images or blocks on your Web page with CSS.
Meta Refresh Tag
Learn how to use the meta refresh tag to reload a page, or force your readers to a new page
Komodo Edit
Komodo Edit is a text editor for Windows Macintosh Linux or UNIX. It is best suited to Professional Web Developers or XML Developers.
MIME Types by Content Type
A list of MIME types by the content type.
Google Home Page
Take a look at the designs of various home pages to see how these companies get their customers from their home page to whatever they are selling.
Absolute and Relative Paths
Learn how to link to pages and images using full domains, absolute and relative paths.
CSS @import
@import rules with cascading style sheets allows you to import external style sheets into your CSS
What is the index.html page?
index.html pages are the default pages for your directories. This tutorial explains how to use them.
Include HTML
Use SSI, PHP, ASP, JavaScript, or other technology to include portions of HTML on many pages of a Web site.
Comment CSS
Add comments to your Cascading Style Sheets (CSS) to make them easier to maintain.
Iframes and CSS
Learn how to use CSS with iframes. You can style both the iframe itself or the contents within it. This article explains how to use CSS to style iframes.
How Much Should a Web Design Cost
There are a lot of variables to consider when coming up with a budget for your new website (or for a redesign). Learn what to consider in determining your budget for a website design.
Tabs in HTML
Using a tab character in HTML can be tricky, as web browsers don't recognize tabs as anything different from other white space characters like space and return. This quick tip will explain how you can get the effect of a tab character on your pages.
X-UA-Compatible
Learn more about the X-UA-Compatible meta tag. When should you use the X-UA-Compatible meta tag. How the X-UA-Compatible meta tag is used.
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 manipulate the code directly. Some HTML WYSIWYG editors also include a text editor, while others are purely WYSIWYG.
Force Downloads
Use PHP and the Content-disposition HTTP header to force files to download that would normally open in the Web browser.
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.
Style the HR Tag
Learn how to use CSS to style the HR tag. 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.
10 Cheap SSL Certs
SSL certificates are generaly fairly expensive, but there are some less expensive options, and if you want your customers to be secure on your site, using an SSL certificate that is signed by a reputable certificate authority is important.
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.
SPAN and DIV
The SPAN and DIV elements are extremely useful when using CSS style sheets to build layout and manage your pages. Learn how these two tags work and how you can use them in your web pages.
Creating a Mailto Link
Mailto links are the easiest way to add contact information to your Web site.
How to Write Your First XML Do
A tutorial about creating a file in XML with sample code. This article writes a simple XML file for inventory and provide step-by-step instruction.
How to Add an RSS Feed to a We
Once you've built an RSS feed for your website, you'll want to connect it to the site with a link tag. It's best if you link the RSS off every page of your site, but you can also link it from just one or two pages - for instance, the pages that most make sense for that feed.
Free WYSIWYG HTML Windows
The most useful and usable free WYSIWYG HTML editors for Windows
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.
Quarterly Tax Dates
In the United States, freelancers and people who are self-employeed need to file estimated taxes at least quarterly to avoid penalties. And the IRS has specific dates that you need to file by. Learn what those dates are for the current year.
Check Google Position
Finding out where your site ranks in Google can be tricky. There are many websites that claim that they can tell you where your page shows up in Google search results for your keyword phrase, but most of these sites are unreliable and produce questionable results.
Float an Image to the Left
It's easy to float an image to the left using the float property in CSS.
How to Force Internet Explorer 8 to View a Page in Compatibility Mode (or Not)
Internet Explorer 7 introduced a new feature to the browser - quirks mode. This mode would be enabled when the web designer of a page did not use a DOCTYPE declaration. Then, when Internet Explorer 8 came out, it was much more standards compliant than previous versions of IE. So Microsoft created the compatibility view to allow designers to wait on re-writing their websites for web standards and instead have IE 8 render the pages as IE 7 had in the past. This is called compatibility view.
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.
Web Design vs. Web Development
Many people use the terms web design and web development interchangeably, but in reality they are different paths on the web professional job spectrum. A web designer has a different skill set than a web developer and often these two jobs have very different responsibilities. If you are applying for a job as a web designer or web developer, you should be aware of the differences so that you don't apply for a job you're not qualified for.
8 Cheap and Easy Ways to Learn
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. This article will show you some of the many ways you can get started learning HTML on About.com and other places.
Add a PDF File
Adobe Portable Document Format (PDF) is a great way to display documents that need to be printable, but might be too complex for a Web page. Learn how easy it is to include a PDF file on your site.
Top <!--\$ITEM_COUNT--> <!--DVID=0007E687-->Tips to
Ten helpful tips for creating better, more useful web pages.
Make Things Fade In and Out with CSS3
Learn how to use CSS3 properties to create fading effects on your images, buttons and more.
Special Characters for Mathematics - Math Symbols
HTML codes to put Mathematics characters on your Web page.
Absolute v Relative Positions
Positioning elements with CSS can be very challenging, as there is more to it than just tacking elements to the page. One of the most confusing parts is the concept of absolute and relative positioning and why you need this propery to achieve CSS positioning.
How to Create a Background Image that Scales with the Browser Window
Learn how to use the CSS3 property browser-size to add background images to your designs that scale to fit the window, whether the window is small or large.
RGB to Hexadecimal Color Codes Chart
Convert RGB to hexadecimal using this conversion chart
HTML Codes - Special Characters for Currency - Money Symbols - Currency HTML Codes
HTML codes to put currency characters on your Web page.
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.
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.
Targeting Links in HTML IFrames and Frames
When you add an iframe to your page or build a framset web page in HTML 4, you need to know where the links are going to open. The target attribute on links tells the browser where to open the link. This article will also teach you how to use target keywords _parent, _self, _top, and _blank to open links in specific locations.
SeaMonkey
SeaMonkey is a text editor WYSIWYG editor for Windows Macintosh Linux or UNIX. It is best suited to Newcomers to Web Design.
HTML Editors
HTML editors make it easy to write web pages. While it is possible to write a web page using just the text editor on your computer, most web designers find that it is much more efficient to use an HTML editor. HTML editors give you features that aren't usually available in plain text editors. And the About.com Web Design / HTML site has the most comprehensive list of HTML editors available. I have reviewed every HTML editor available for Windows, Macintosh, and Linux and evaluated them against a set of criteria valuable to web designers and web developers. If you're looking for an HTML editor, you've come to the right place.
Add a Caption to Your Images
Putting a caption on an image can be a useful feature when you want to describe the image, but getting it to stay with the image can be challenging. Learn how to use some HTML and CSS to create a nice looking caption that stays right below your image.
CSS Media Types Create Print-F
Learn how easy it is to use Cascading Style Sheets (CSS) media types to define a printer-friendly page without actually building one.
Learn to Find the URL of a Web Page
Getting a page to the web hosting provider can be somewhat challenging for a beginner, but then trying to figure out where that page is going to show up on the web can be even worse. Learn how to figure out what the URL of a web page will be once you've uploaded it.
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.
ASCII HTML Codes - HTML Special Characters in the ASCII Set
HTML codes to put ASCII special characters on your Web page.
Write a Download 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.
Add a Google Map to Your Web P
Learn how to add a Google map or several maps to your web page with markers to help your customers find your location. The first step is to get a Google Maps API key.
Sample Tables with CSS
Sample Tables with CSS Examples of How to Modify Tables with CSS A Standard Table with Head and Body
PDF to HTML Converters
If you have a PDF document that you want to put on a web page, you can post it to the web as a PDF, but sometimes you want it to be a real HTML web page. These PDF to HTML converters will help.
HTML Codes - Special Characters for French - ASCII Table - French HTML Codes
HTML codes to put French characters on your Web page.
Free Domain Name
When you're building a website, one of the expenses you'll need to cover is a domain name. It is possible to get the domain registration for free in a few situations. Learn how to get a free domain name for your website.
Sample Page for Iframe
Sample Page for Iframe This is a simple page that is to be included in an iframe. This page has no styles
css3-glow-effects
CSS3 box shadows give you the ability to create outer glow effects that used to have to be done with Photoshop or another graphics program. This tutorial shows you how to create an outer glow on an element using CSS3 and no images.
TLD Domain Names
Once you've chosen a domain name, you need to decide what top-level domain to use. Should it be a .com, .org, .net, .us or what? What are the advantages to .com versus .biz and so on. Which top-level domains (TLD) will help your company and which won't.
Images Missing from 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.
HTTP Status Codes
The HTTP status codes are messages that the server returns when processing a request for a Web document. These messages include the standard 404 error message for a page not found through more obscure messages like 101 Switching protocols. This document explains the various error messages.
How To Change the Font Color w
It's easy to change the font color with one simple CSS style property.
Float an Image to the Right
It's easy to float an image to the right using the float property in CSS.
How to Create a Rollover Image
It's easy to create a rollover image with Dreamweaver. This tutorial shows how to do it in Dreamweaver CS3, but the instructions are identical for Dreamweaver CS6, CS5, CS4, Dreamweaver MX, Dreamweaver MX 2004, and Dreamweaver 8.
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
Contrasting Foreground and Background Colors - Contrast in Web Design
Contrasting Foreground and Background Colors Visualize How the Colors Display Contrast is an important
display: hidden visib: none
These properties may seem like they do the same thing, but they actually act differently.
CSS Layout Step-by-Step
CSS layout requires that you think of your Web site layout as a whole, and then take the pieces and put them together. Use this tutorial to go from a simple wire-frame of a basic 3-column layout all the way to a Web page ready for content to be included.
Top 10 Web Designer Job Skills
Web designer job skills list. These are the skills that you should have in order to be a Web designer or Web developer.
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.
How To View the HTML Source in Safari
Viewing the HTML source is one of the easiest ways to learn how someone did something on a web page. And imitation of HTML source is a great way to learn HTML. This how to shows how to view the source in Safari.
Center a Table Using CSS
Using CSS it's easy to center a table within the Web page.
How do you set the height of a
When you set a relative height on an element, it doesn't always change the height. For example, you might want a layout element to take up the full height of the browser window, but if you make this simple mistake, the height will only be as long as the text inside it. Find out why.
How do I set an image as a bac
It's easy to set a background image on a table so that the table contents display above the image.
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.
How to Add Internal Lines in a
When you use CSS to add borders to tables, it only adds the border around the outside of the table. If you want to add internal lines, you need to add borders to the interior CSS elements. Or you can use the HR tag to add lines inside individual cells. Learn how to add internal lines inside a table with CSS.
How to Center Text in a Table
Centering text inside table cells is done the same as you would center text in any other element on your web page.
Play Sound on Click/MouseOver
You can use this DHTML script to make a sound play when you mouse over a page element or click a link.
How to Install Apache on Linux
Learn how to install Apache on a Linux web server. It's easy to install the Apache web server on a Linux system from source files.
CSS 3 Opacity - Example
CSS 3 Opacity Examples By Jennifer Kyrnin , About.com Guide Basic Examples Get Opacity to Work in Internet
HTML Codes - Special Characters for Spanish - ASCII Table - Spanish HTML Codes
HTML codes to put Spanish characters on your Web page.
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.
How to Link an Image
Linking images is just as easy as linking text.
Free Web Log Analysis Tools
There are a lot of Web log analysis tools out there, and many are free. This is a list of some of the best free log analysis and Web analytics tools available.
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 Tags
HTML tags are an important part of HTML. Learn the attributes and uses of XHTML and other HTML elements. This is a full library of XHTML elements, HTML tags, WebTV and other alternative browser tags and much more.
Free Software to Create EPUB Digital Books
A list of free options to create EPUB documents for ebook publishing. This article highlights some of the software options available for EPUB documents.
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.
Z-Index in CSS
Positioning elements with CSS can sometimes result in elements overlapping one another. With z-index you can control what element displays on top, in the middle, and on the bottom.
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.
Best 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 manipulate 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.
What is Internet Explorer Compatibility View?
Compatibility view is the Internet Explorer 8 solution to moving from Internet Explorer 7 and 6 focused web designs to a more standards compliant design that IE 8 supports. Learn more about compatibility view and how it works.
Understanding the CSS Clear Pr
When you float an element with the CSS float property, sometimes you want to turn off that float before the wrapping text has reached the bottom of the element. To do this, you should use the CSS clear property. But there are some challenges you should be aware of when clearing floated elements as well.
Change Word Color with SPAN
This article for beginning Web developers who are new to HTML and CSS will help you learn how to use the SPAN tag and CSS to change the color of individual words on your pages.
Komodo Edit 5.1
Komodo Edit is a free text Web page and XML editor for: Windows, Macintosh, and Linux / UNIX. It can be used to edit both HTML and XML documents.
HTML Tutorial
Learn HTML and build your own Web page through a step-by-step HTML tutorial on the About Web Design site.
What is a CSS Inline Style?
Once you understand what a CSS style property is, you'll want to apply them to your pages. One way to do that is to style the exact element with an inline style.
INPUT Image
The INPUT Image tag is used to display images as input fields. It is an HTML 4 and HTML 5 tag.
How to Clear Your Internet Explorer Cache (Windows)
Make sure that you have the most recent version of a web page by clearing out your web cache. This tutorial shows you how to clear the cache in Internet Explorer for Windows.
MIME Types by File Extension
A list of MIME types by the file extension.
The Mailto Command
Learn how to use the mailto command to write email links on your Web pages.
How to Convert a Word Doc to H
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.
Grouping CSS Selectors
Grouping CSS selectors allows you to style multiple elements with the same look and feel without needing to add additional attributes like IDs or classes to your HTML.
Paypal Shopping Cart
Paypal makes it easy to turn any website into an ecommerce site. You can create a shopping cart or buy now button easily, and all you need is a Paypal account. This article will take you through the steps to create a Paypal shopping cart with HTML and through the Paypal interface.
Aptana Studio
Aptana Studio is a text editor and for Windows, Macintosh, and Linux. It is best suited to Professional Web Developers or XML Developers.
Detect Mobile Devices
Learn how to use various techniques to detect mobile devices and send them a style sheet written for them or to a completely different Web page.
HTML Books for Beginners
Books that teach both HTML and the rudiments of Web design in a way that is accessible to the beginner
font-smooth
A description of the CSS property font-smooth
How Big is an Em
The em is a relative font size measure that defines the font size based on how big it is in relation to it's parent. In other words, a font that is 1em in size is the exact same size as the container's font size. A font that is 1.5em is 50% larger and one that is 0.5em is 50% smaller than the parent element's font size.
Padding and Margins
Learn the difference between padding and margins in Web page documents - a frequently asked question on Web design.
Meta Charset Tag in HTML5
HTML5 made a bunch of changes to make things easier for web designers building web pages, and the meta charset tag is no different. This is a case where the browsers were already supporting it, so HTML5 made it valid in the specification. Learn more about character encoding and the meta charset tag in HTML5.
Comment Your XML
XML comments are very similar to HTML comments. tags create a space for you to keep your code clear.
Correct Usage of P and BR Tags
Learn to use the two basic text formatting tags - p for paragraphs and br for line breaks - well
What is XHTML?
Learn to understand what XHTML is, how to write it, and how to convert your existing HTML to XHTML.
Change Link Underlines
Links, by default, are underlined, but what if you want to make that underline more fancy. You would think you'd use the text-decoration style property, but that property doesn't have a lot of features. So how do designers get those fancy double underlined links and dotted and dashed links? They use the border property.
What is CSS?
Before you can use Cascading Style Sheets, you need to understand what they are and what they are for.
How to Create a Drop-Down Menu in Dreamweaver
Dreamweaver makes it easy to create drop-down menus for your Web site. And if you don't have the time to code them, Dreamweaver has a built-in tool for creating jump menus.
@import vs link in CSS
There are two ways to load an external style sheet into your Web pages - @import or link. But why would you use one or the other? This FAQ explores the original purpose of both methods of including style sheets and then explains some of the common reasons for choosing one over the other or using a combination of both.
IFrames
Learn how to use iframes on web pages
Visual Color Symbolism Chart by Culture
Visual Color Symbolism Chart by Culture What Different Colors Mean in Different Cultures By Jennifer
Copyright on the Web
Just because something is on the Web does not make it 'free' for copying. Copyright and intellectual property laws still apply.
Table Background Colors
Changing the background color of a table is as simple as adding one attribute on the cell, row, or table you want colored.
What is HTTPS?
HTTPS or HTTP over SSL is a way to encrypt data sent and received over the Web so that monetary and other sensitive transactions are secure. If you are going to run a store on your Web site and collect credit card or other monetary data, you should use an HTTPS secured server so that the data is secure.
Buttons on Forms
Learn how to use input fields as submit buttons as well as button elements and command elements from HTML5.
Anatomy of a DOCTYPE
Understanding the syntax of the DOCTYPE statement makes it easier to remember to use them in your HTML and XHTML documents.
Web Development Classes
Learn web development from the pros at About.com. There are dozens of free online classes that can teach you HTML, CSS, web design, Photoshop, and more. And best of all these classes are all FREE.
HTML Codes - Special Characters for Greek - ASCII Table - Greek HTML Codes
HTML codes to put Greek characters on your Web page.
Searching Your Site
Once you have more than 10 pages on your Web site, you'll want to add search to the site. These tools can help you add search to your Web site for free.
Don't Use Tables for Layout
Learn why you should use CSS to position your pages rather than HTML tables.
When to Use the JPG, GIF, or P
When creating web graphics it's important that you use the correct format for the job. GIF, JPG, and PNG files each have different uses, and should be used for different types of graphics.
CSS2 v. CSS3
CSS3 offers a bunch of new features that haven\'t been available in CSS2 and before, but it can be hard to quantify exactly what those differences are because the biggest change to CSS3 is that it has been cut up into a bunch of new recommendations, rather than being one big one. This article will help you understand some of the new changes to CSS3 and how it compares to CSS2.
Facebook Palette
Color is very important on Web pages, and these color palettes can be used by Web designers in their designs. This is an approximation of the Facebook color palette based on their home page and internal pages.
301 vs. 302 Server Redirects
When you use a server-level redirect you can indicate a 301 or 302 server code. But what code you choose makes a difference in how search engines see the redirect.
Free XML Editors from Syntext,
List of free XML editors available from Syntext, Microsoft and First Objective Software. A list, link and brief description of some of the available free XML editors available.
SEO Friendly Content
Search engine optimization or SEO is all about what words are on your page. If you don't have the words, you can't optimize for that term in a search engine. So writing content becomes very important if you're going to optimize for search engine keywords.
Enable HTML 5 in IE
Many people are opposed to using HTML 5 until Internet Explorer 9 comes out and is widely accepted. But it is possible to use HTML 5 elements that Internet Explorer 8 and lower don't recognize and still style them so that they display correctly. It's three lines of HTML in the HEAD of your document.
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.
Amaya
Amaya is a WYSIWYG editor for Windows, Macintosh, and Linux or UNIX. It is best suited to Professional Web Developers or Professional Web Designers.
Viewbox Attribute in SVG
Creating a view box in SVG allows you to limit the area seen by the reader. View box is a way to crop or zoom in on an image.
Web Images Should be Small
Web images should be small so that they download quickly and your whole site is fast. This article will teach you how to create small web images and optimized web graphics for your website.

Discuss in my forum

©2013 About.com. All rights reserved.