Web Design / HTML: Most Popular Articles
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 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.
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.
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.
CSS is the best way to center anything on your web page. Learn how to center text, images, and anything else on your web pages.
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.
HTML codes to put ASCII special characters on your web pages.
The em element provides emphasis for the enclosed text.
How to add links and images to your Web site - this page discusses how to add links and anchors and bookmarks
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.
One of the more useful tricks with CSS is the fact that with modern browsers you can use multiple CSS classes on one element to add styles as you need them. Learn how easy it is to add multiple classes to elements.
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.
Learn how to add strong or bold emphasis to HTML text. The STRONG Tag provides stronger emphasis for the enclosed text.
Learn how to use CSS3 properties to create fading effects on your images, buttons and more.
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.
An explanation of the !important property as used in CSS or Cascading Style Sheets
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.
Definition of the term HTTP. Web Design / HTML.
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.
A walk-through how I optimized a page on my site that was doing poorly to help it rank better in search engines. Page 2.
Use PHP and the Content-disposition HTTP header to force files to download that would normally open in the Web browser.
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.
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.
The index.html pages are the default pages for your directories. This tutorial explains how to use them.
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.
Learn how to use the meta refresh tag to reload a page, or force your readers to a new page. This article also explains some of the drawbacks to this tag and what you can use instead.
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.
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.
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.
Mailto links are an easy way to connect your customers to your website. This article explains how to build mailto links.
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.
Web designer job skills list. These are the skills that you should have in order to be a Web designer or Web developer.
Ten helpful tips for creating better, more useful web pages.
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.
Add comments to your Cascading Style Sheets (CSS) to make them easier to maintain.
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.
Learn how to link to pages and images using full domains, absolute and relative paths.
It's easy to float an image to the left using the float property in CSS.
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.
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.
@import rules with cascading style sheets allows you to import external style sheets into your CSS
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.
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.
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.
It's easy to change the font color with one simple CSS style property.
If your Linux Apache Web server is started, you can stop and restart it with just a couple of steps.
HTML codes to put Punctuation characters on your Web page.
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.
This article for beginning web developers will help you learn how to use the DIV tag and CSS to center text and images on your pages.
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.
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.
There are some specific things you should be looking for when testing mobile. This article will help you understand how to test for mobile and what to do if you don't have mobile to test on.
Learn how easy it is to add a custom icon to the bookmarks, tabs, and address bars of your readers' browsers. This article explains how to create a favicon or favorites icon.
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.
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.
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.
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.
The SPAN and DIV tags are extremely useful with CSS style sheets to layout and manage your pages. Learn how these two tags work and how you can use them on your site.
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.
Before you can use Cascading Style Sheets, you need to understand what they are and what they are for.
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.
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.
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.
The most useful and usable free WYSIWYG HTML editors for Windows
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.
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 Chrome.
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.
A list of MIME types by the file extension.
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.
The display: none and visibility: hidden CSS rules may seem like they do the same thing, but they actually act differently.
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.
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.
Contrasting Foreground and Background Colors Visualize How the Colors Display Contrast is an important
RGB to Hexadecimal Color Codes Chart Convert RGB to hexadecimal using this conversion chart This table
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.
The INPUT Button tag is used to display text buttons. It is an HTML 4 and HTML 5 tag.
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.
Using CSS it's easy to center a table within the Web page.
Learn how easy it is to use Cascading Style Sheets (CSS) media types to define a printer-friendly page without actually building one.
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.
An introduction to the basics of web design and the various aspects of web design. Learn what web design is.
Learn how to use input fields as submit buttons as well as button elements and command elements from HTML5.
You already have a great HTML editor built into your Windows operating system - Notepad. Learn how to use Notepad to write HTML.
HTML codes to put Mathematics characters on your Web page.
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.
Learn how to control the stacking order of your positioned elements with the CSS property: z-index. 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.
Domain names are more than just the URL of your website. Domains can have value and are an asset for companies. But just like any other asset, there are things that make a domain more or less valuable. Learn how to improve your domain names so that you can sell your site for more money.
Changing the background color of a table is as simple as adding one attribute on the cell, row, or table you want colored.
Applying styles across sections of a document using class and id attributes
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.
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.
HTML codes to put currency characters on your Web page.
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.
HTML codes to put French characters on your Web page.
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.
It's easy to add tabbed navigation into your Web pages with CSS and page identifiers.
Linking images is just as easy as linking text.
The INPUT Image tag is used to display images as input fields. It is an HTML 4 and HTML 5 tag.
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.
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.
Learn how to use iframes on web pages
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.
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.
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.
Make Things Fade In and Out with CSS3 Examples By Jennifer Kyrnin , About.com Guide No Fade In - Just
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.
There are a lot of iPad apps to choose from and while it can be tempting to just watch movies and read books on your iPad, it is possible to do work on them too. These five editors let you edit web pages right from your iPad without needing a laptop or other intermediate step.
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.
It's easy to set a background image on a table so that the table contents display above the image.
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.
HTML5 is getting more and more traction as companies find different ways to create websites that use it and devices that rely on it. But if you don't know HTML5, don't despair because there is a lot you can learn about in this article.
It's easy to float an image to the right using the float property in CSS.
SeaMonkey is a text editor WYSIWYG editor for Windows Macintosh Linux or UNIX. It is best suited to Newcomers to Web Design.
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.
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.
HTML codes to put ASCII special characters on your Web page.
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.
Learn how to use the mailto command to write email links on your Web pages.
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.
Learn how to create a great website. The most critical piece of designing a website is planning. Once you've planned your site, then the design part comes easily. Learn how to design your own website.
Current Web Design Articles Web Design, HTML, and XML Articles from the About.com Guide to Web Design
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.
CSS 3 opacity example: opacity image position loose dtd text position text filter
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.
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.
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.
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.
When you write for the Web you write differently than when you write for printed publications. Knowing some of the basic guidelines will help you to make better, more effective Web pages that people want to read.
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.
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.
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.
Learn to use the two basic text formatting tags - p for paragraphs and br for line breaks - well
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.
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.
Learn how to use CSS to style basic unordered lists into vertical navigation menus for your Web site.
Sample Page for Iframe This is a simple page that is to be included in an iframe. This page has no styles
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.
HTML codes to put Greek characters on your Web page.
Use CSS to change the size, color, and face of your text
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.
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.
HTML codes to put Spanish characters on your Web page.
Learn how to use HTML to create email newsletters.
Learn how to upload an image to your web hosting server and then point to it so that it shows up on your web page.
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.
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.
This is a great example of a website that is really an application. While I was playing with it, it felt much more like a Flash website than HTML.