Web Design/HTML: Most Popular Articles
Here are the 10 best HTML editors for Windows that are also free. Each is rated by types of users, and both text and WYSIWYG editors covered. Updated as of January 2015.
Viewing the HTML source is one of the easiest ways to learn how someone did something on a web page. Google Chrome's developer tools can make this even more powerful.
Information on the skills that are in demand for employment in the web design industry.
RGB to Hexadecimal Color Codes Chart Convert RGB to hexadecimal using this conversion chart This table
CSS is the best way to center images and anything else on your web page. Learn how to properly center text, images, and other elements.
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.
Understanding how tabs and white space work in browsers, and how you can get the effect of a tab character on your Web pages using HTML and CSS.
The index.html pages are the default pages for your directories. This tutorial explains how to use them.
Learn how to use CSS3 properties for opacity and transition to create fading effects on your images, buttons, and more.
If you’re looking for a free HTML editor for Macintosh you will find the best ones on this list, covering both text and WYSIWYG style editors.
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.
There are some cheap SSL certificate options available from reputable authorities. See our list of 20 affordable SSL certificates.
Contrasting Foreground and Background Colors Visualize How the Colors Display Contrast is an important
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.
HTML codes to put ASCII special characters on your web pages.
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.
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.
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.
Microsoft Microsoft WebMatrix is a tool to allow web developers to advance their knowledge of building full websites and web applications by making it easy to create a site and add features like blogs, ecommerce, galleries, wikis and more. At its heart it is a text HTML editor, but it can be extended fairly easily.
You use MIME types to define the type of link, object, and script and style elements. This is a list of the different MIME type definitions you can use in order by the content they define.
Komodo Edit is the open source edition of Komodo IDE. It is not as powerful as the full IDE, but it is very easy to use for developers who are familiar with typing in their HTML manually. It offers the features you need without a lot of extras. This is my favorite editor. Read more about Komodo Edit including where to download it for free.
Web designer job skills list. These are the skills that you should have in order to be a Web designer or Web developer.
CSS comments are straightforward and easy ways to add helpful text for readers of a CSS document. Find out how to add and use CSS comments here.
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.
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.
Modern browsers you can use multiple CSS classes on one element to apply styles as you need them. Learn how to add multiple classes to elements.
Learn how to add strong or bold emphasis to HTML text. The STRONG Tag provides stronger emphasis for the enclosed text.
An introduction to the basics of web design and the various aspects of web design. Learn what web design is.
Visual Color Symbolism Chart by Culture What Different Colors Mean in Different Cultures By Jennifer
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.
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.
Web editing suites combine web development, graphics, and multimedia development into one package to make it easy to create and modify your Web pages and applications with one integrated suite.
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.
An explanation of the !important property as used in CSS or Cascading Style Sheets
How much does it cost to build a website? There are many considerations, and this article will help with Web design pricing and budgeting.
Learn how to use CSS to style the HR tag. One way to divide sections of your HTML is with the HR tag. But it can be really ugly if you don't style it.
If you’re looking for a free HTML editor for Linux or UNIX 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.
The most useful and usable free WYSIWYG HTML editors for Windows
If you open an HTML document in TextEdit, it will open it as an RTF file and give you a WYSIWYG editor to work with. But if you want to edit the HTML tags directly, you need to change your preferences so that you can see them.
Learn how to link to pages and images using full domains, absolute and relative paths.
Ten helpful tips for creating better, more useful web pages.
Mailto links are an easy way to connect your customers to your website. This article explains how to build mailto links.
Learn why CSS vendor prefixes are important and why you should use them. CSS vendor prefixes or browser prefixes allow you to add advanced CSS to your pages and get support in the most browsers.
Steps to improve websites and get them back on a track to success for the New Year
It's easy to float an image to the left using the float property in CSS.
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.
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.
A list of MIME types by the file extension.
How to add links and images to your Web site - this page discusses how to add links and anchors and bookmarks
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.
If your Linux Apache Web server is started, you can stop and restart it with just a couple of steps.
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.
Just because something is on the Web does not make it 'free' for copying. Copyright and intellectual property laws still apply.
Rhythm is a basic principle of design. Rhythm or repetition is the expression of visual harmony within a design. Repetition and rhythm attract attention in a design and allow the viewer to relax as they recognize the pattern.
The HTTP status messages in the 200 range are all sucsseful status messages.
Learn how to create a new Web page using the Windows program Notepad
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.
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. This article gives you two ways to create a download link.
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.
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.
Before you can use Cascading Style Sheets, you need to understand what they are and what they are for.
If you're looking for the best WYSIWYG HTML editors the Web professionals use, you'll find them here. See how each one rates in our critical rankings.
A description of the CSS property white-space and how to use it in all CSS versions. Also learn other CSS properties here.
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.
Use PHP and the Content-disposition HTTP header to force files to download that would normally open in the Web browser.
A glossary of jargon terms used in the web design, HTML, and XML industry
Learn how to use some popular email clients to send HTML email. Most modern email clients support both sending and receiving HTML email.
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.
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 is a text editor WYSIWYG editor for Windows Macintosh Linux or UNIX. It is best suited to Newcomers to Web Design.
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.
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.
Learn how to use the mailto command to write email links on your Web pages.
The speed with which a website loads is an important factor in that site's success. Here are some tips to evaluate and improve a website's overall performance.
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.
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.
Markup languages are the language of the web. They include languages like HTML, XML, and XHTML. And all these markup languages have some things in common.
Add comments to your HTML to make the page easier to maintain. And HTML comments are really easy to add.
Learn more about HTML keywords and how to use them on your web pages for search engine optimization.
This is my list of the best Linux/UNIX HTML editors in order. I evaluated 40 Linux/UNIX HTML editors in over 40 categories, and these are the editors that I think are the best of the best. If you're looking for an HTML editor for Linux/UNIX, you should find one that meets your needs on this list.
Learn how to create a watermark background image with just CSS.
Learn how to use lists to outline and organize your Web page content. Lists make Web pages much easier to read.
You already have a great HTML editor built into your Windows operating system - Notepad. Learn how to use Notepad to write HTML.
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.
This article takes a look at the advantages and disadvantages of e-publishing formats. Definitions and reviews of PDF and EPUB as they relate to e-books and e-publishing.
BlueGriffon is a text editor WYSIWYG editor for Windows Macintosh Linux . It is best suited to Professional Web Designers or Professional Web Developers.
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.
Learn how to use the meta refresh tag to reload a page or redirect to a new page, and the drawbacks to the inappropriate use of this tag.
Linking images is just as easy as linking text.
Make Things Fade In and Out with CSS3 Examples By Jennifer Kyrnin , About.com Guide No Fade In - Just
How to get blank spaces in your HTML.
Learn how to use the CSS3 property browser-size to add responsive background images to your designs that scale to fit large or small windows.
An HTML tag is a code that describes how a Web page is formatted. HTML tags are defined by the characters .
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.
Learn more about the X-UA-Compatible meta tag: When you should use the X-UA-Compatible meta tag and how it should be used.
The INPUT Button tag is used to display text buttons. It is an HTML 4 and HTML 5 tag.
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.
CSS makes it easy to take a large box of text and place it in a smaller box with scroll bars. Learn how to set up scroll bars on text, tables, and even images.
Deciding to become a Web developer or programmer can be a hard decision. It\'s hard to know everything there is to know about a job before you start, but there are some questions you can answer that will help you deteremine if you have the right aptitude for being a Web developer or Web programmer.
These are 5 tools you can use to convert HTML pages to PDF files. There are online ones and offline, free, subscription, and paid services. Whether you need to convert one page to PDF or an entire website, there is a tool here you can use to convert your HTML to PDF files.
Smartphones are gaining in popularity every day, so you should be aware of how these devices work and create designs that work well for them. This article will give you some tips to create web pages that are mobile device friendly.
The span tag allows you to provide localized formatting within documents.
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.
HTML codes to put Punctuation characters on your Web page.
One way to make your web pages more interesting is to make them respond audibly when customers interact with them. This article will teach you how to make a sound when an element is clicked or even just moused over by your customers.
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.
Alternative text is an important (and required) attribute on all your images. But it can be tempting to just write simple text or leave the attribute blank. Alt text is used for more than just accessibility, and if you get good at writing alt text, your pages will be more usable.
Learn how to use iframes on web pages
HTML 4.01 has a number of attributes of the TABLE element that are now obsolete in HTML5. But if you are still writing HTML 4.01, you can use these attributes. This article explains how to use the HTML 4.01 TABLE attributes that are obsolete in HTML5. Page 2.
HTML codes to put French characters on your Web page.
A rundown on the types of information and pictures - text, animation,images,sound,video - that we read and view on Web pages. Content is still king
The MARQUEE element creates scrolling content blocks, but it was never a valid HTML tag. Now, you can use CSS3 (and vendor prefixes) to get scrolling effects on your text, and with CSS you have more control over the marquee.
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.
The DIV and SECTION elements both appear to be generic container elements, but what is the difference between them? This article explains the differences between these two HTML5 elements and how to use them correctly.
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.
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.
HTML codes to put currency characters on your Web page.
The best practices, and items to avoid, when adding rich media like video and audio to a website
Learn how to setup a webcam web page with the correct HTML codes in the document and the webcam image on the page.
The comma in a CSS selector is a separator that separates multiple selectors that all have the same styles. Using a comma helps keep your CSS clean and small by avoiding repetition so that the style sheet will load faster.
If you are creating a website from scratch, you should start by planning what your site needs and your goals for the site before you start building. This will help you ensure that your website meets your goals and serves the purpose you are trying to fulfill.
Finding out where your site ranks in Google can be tricky. Here are tips to help you optimize your page and assess your results in search results.
Bluefish is a text editor for Linux or UNIX. It is best suited to Professional Web Developers.
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.
Adobe Dreamweaver is a text editor and WYSIWYG editor for both Windows and Mac. It is best suited to Professional web designers or web developers.
HTML codes to put Mathematics characters on your Web page.
Protecting your digital photos from people using them without your knowledge is essentially impossible. But there are some ways that you can make it more difficult.
If you're going to work on typography on your website, then you should know the basics of typography. This article is a quick overview of typography terms and how typography is applied.
The display: none and visibility: hidden CSS rules may seem like they do the same thing, but they actually act differently.
HTML 5 is a new specification of HTML designed to help Web application developers build better Web applications. There are some new and interesting features of HTML 5 that you won't find in HTML 4 or XHTML 1.0.
These are all the characters that should be encoded in URLs.
It is possible to register a domain name for your website for free in a few situations. Learn how to get a free domain name for your website.
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.
The terms HTML tag and HTML element are often used to mean the same thing -- a building block in an HTML document. But there is a slight difference in what they are. This article explains the difference between an HTML element and an HTML tag.
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.
If you change the font on your web pages, you need to make sure that at least one of them is a font on this list - a font that is found on most computers and operating systems. The best way to use these fonts is to use them in conjunction with the font you prefer.
This HTML tutorial takes you through the steps to building a Web page, including the basic tags for a page, adding text and graphics, and much more.
When you use SSL to create a secure, encrypted connection to your Web server you can use a signed certificate by a recognized certificate authority or you can sign the certificate yourself. There are only a few differences between each type of certificate, but they are critical ones.
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.
Referrers or HTTP Referrers are anything online that drives visits and visitors to your website. This article explains what a referrer is and how you can find out the referrers for your website.
It's easy to set a background image on a table so that the table contents display above the image.
Applying styles across sections of a document using class and id attributes
HTML codes to put Greek characters on your Web page.
Iframe and CSS Examples See How CSS Affects Iframes Basic Iframe Some Styles on an Iframe Affecting the
When you map out the pages you want or need on your website before you start building it, you will know that you have all the pages you need and want on your website. A visual site map is just a flow chart detailing the website with the sub-sections and pages.
This article will explain what is CGI and how do you use CGI. It covers CGI for the Web, also known as the Common Gateway Interface. CGI is what you use to make your HTML forms work.
CSS gives you great control over the appearance of text on your Web pages, and changing the color of text fonts is a snap using inline HTML styling.