HTML codes to put ASCII special characters on your Web page.
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.
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.
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.
Find out what your readers think of your site with a guestbook. Learn how to add a remotely hosted guestbook, or host your own.
Learn how to center text, images or blocks on your Web page with CSS.
Komodo Edit is a text editor for Windows Macintosh Linux or UNIX. It is best suited to Professional Web Developers or XML Developers.
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.
Learn how to use the meta refresh tag to reload a page, or force your readers to a new page
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.
An explanation of the !important property as used in CSS or Cascading Style Sheets
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.
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.
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.
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.
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.
Use SSI, PHP, ASP, JavaScript, or other technology to include portions of HTML on many pages of a Web site.
HTML codes to put Punctuation characters on your Web page.
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.
A description of the CSS 3 property background-size
Learn how to link to pages and images using full domains, absolute and relative paths.
@import rules with cascading style sheets allows you to import external style sheets into your CSS
Use PHP and the Content-disposition HTTP header to force files to download that would normally open in the Web browser.
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.
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 comments to your Cascading Style Sheets (CSS) to make them easier to maintain.
CSS 3 Opacity Example This paragraph has opacity 1.0. background-color:#30f;color:#fff;width:100%;opacity:1.0;
The most useful and usable free WYSIWYG HTML editors for Windows
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.
SeaMonkey is a text editor WYSIWYG editor for Windows Macintosh Linux or UNIX. It is best suited to Newcomers to Web Design.
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.
Mailto links are the easiest way to add contact information to your Web site.
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.
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.
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 Mathematics characters on your Web page.
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.
Learn how to use the mailto command to write email links on your Web pages.
Sample Page for Iframe This is a simple page that is to be included in an iframe. This page has no styles
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.
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.
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.
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.
It's easy to float an image to the left using the float property in CSS.
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.
CSS Positioning helps you create web pages that have a creative layout without the use of tables. This is often called tableless layout.
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.
The INPUT Image tag is used to display images as input fields. It is an HTML 4 and HTML 5 tag.
A description of the CSS property font-smooth
index.html pages are the default pages for your directories. This tutorial explains how to use them.
You can use this DHTML script to make a sound play when you mouse over a page element or click a link.
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.
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.
It's easy to change the font color with one simple CSS style property.
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.
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 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.
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.
Visual Color Symbolism Chart by Culture What Different Colors Mean in Different Cultures Return to Color
How to add links and images to your Web site - this page discusses how to add links and anchors and bookmarks
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.
These properties may seem like they do the same thing, but they actually act differently.
Sample Tables with CSS Examples of How to Modify Tables with CSS A Standard Table with Head and Body
Web designer job skills list. These are the skills that you should have in order to be a Web designer or Web developer.
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.
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.
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.
Aptana Studio is a text editor and for Windows, Macintosh, and Linux. It is best suited to Professional Web Developers or XML Developers.
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.
RGB to Hexadecimal Color Codes Chart Convert RGB to hexadecimal using this conversion chart This table
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 currency characters on your Web page.
HTML codes to put French characters on your Web page.
Learn HTML and build your own Web page through a step-by-step HTML tutorial on the About Web Design site.
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.
Learn how to use CSS to style basic unordered lists into vertical navigation menus for your Web site.
XML comments are very similar to HTML comments. tags create a space for you to keep your code clear.
Learn how to use HTML to create email newsletters.
Styling Links with CSS Examples Use the following CSS to change your link styles. Return to Styling Links
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 versions back through Dreamweaver MX, including MX 2004, and Dreamweaver 8.
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.
It's easy to add tabbed navigation into your Web pages with CSS and page identifiers.
Styling Horizontal Rules with CSS Examples Examples of how to style the HR tag with CSS. Plain HR Tag
Learn how to use background colors and images to enhance the look of your Web pages
Learn how to setup a webcam web page with the correct HTML codes in the document and the webcam image on the page.
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.
The INPUT Button tag is used to display text buttons. It is an HTML 4 and HTML 5 tag.
HTML codes to put ASCII special characters on your Web page.
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.
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.
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.
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.
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.
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.
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 create a new Web page using the Windows program Notepad
Learn how to create a watermark background image with just CSS.
The INPUT Hidden tag is used to submit data that is hidden from the form users. It is an HTML 4 and HTML 5 tag.
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.
Learn to understand what XHTML is, how to write it, and how to convert your existing HTML to XHTML.
Learn how to open a link in a new window. Use JavaScript to open a new window.
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.
If you're going to build Web pages that can be viewed on cell phones like the iPhone, you should be aware of some of the drawbacks to these devices so that your site is not impossible to use. These tips will help you build Web pages that are either designed solely for cell phones and wireless handheld devices or help you design pages that adapt depending upon what type of device is viewing it.
Amaya is a WYSIWYG editor for Windows, Macintosh, and Linux or UNIX. It is best suited to Professional Web Developers or Professional Web Designers.
Learn how easy it is to use Cascading Style Sheets (CSS) media types to define a printer-friendly page without actually building one.
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.
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.
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.
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.
Learn the difference between padding and margins in Web page documents - a frequently asked question on Web design.
In order to use Dreamweaver to transfer files from your hard drive to your Web site, you need to set up Dreamweaver to do file transfer. The most common method of file transfer is FTP, and this tutorial will show you how. There are also several other methods that Dreamweaver provides to help you manage your files, and this article will show how they are set up.
Use CSS to change the size, color, and face of your text
Just because something is on the Web does not make it 'free' for copying. Copyright and intellectual property laws still apply.
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.
Building your first HTML form, hints on building and using HTML forms
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.
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.
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.
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 codes to put Spanish characters on your Web page.
Tab 1 Tab 2 Tab 3 Tab 4 The only difference in the HTML code between this page and the other three tabbed
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.
Opacity is a method of making elements transparent in CSS 3. It is not supported in all browsers, but there are ways to get around it in the browsers that don't support it.
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 HTML and CSS layouts, align page content, and make logical divisions in their page content.
Applying styles across sections of a document using class and id attributes
It's easy to float an image to the right using the float property in CSS.
Ten helpful tips for creating better, more useful web pages.
How to Center Text Examples Learn How to Use CSS to Center Text Learning how to center items with CSS
A description of the CSS property text-decoration
If your Linux Apache Web server is started, you can stop and restart it with just a couple of steps.
Getting music to play on a Web page is much easier than you might think based on how Web editors have been doing it. There are several methods that work but are either not part of the specification or are deprecated. This how to will show you how to add sound to your Web pages in a standards compliant fashion.
It's easy to use Dreamweaver to create a Web photo album of all the pictures in a directory. The Dreamweaver Web Photo Album wizard makes it easy.
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 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.
Input Tag Examples Sample HTML Forms with Different Input Tags Basic Input Tag Button Input Tag Button
Use Search engine optimization (SEO) to boost your marketing strategy with meta tags
Learn how to build an image map without an image map editor. It only takes a couple of HTML tags. Image maps are easier than they seem at first.
Learn how to use iframes on web pages
Books that teach both HTML and the rudiments of Web design in a way that is accessible to the beginner
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.
How to Play a Sound on Click or on MouseOver Examples By Jennifer Kyrnin , About.com Return to How to
KompoZer is a text editor and WYSIWYG editor for Windows, Macintosh, and Linux. It is best suited to Professional Web Designers or Professional Web Developers.
Use FTP to upload your Web site from your hard drive to your Web host.
Learn how to define a website in Dreamweaver so that you can edit and manage the site within Dreamweaver. This tutorial applies to Dreamweaver versions from Dreamweaver MX through Dreamweaver CS4 including Dreamweaver MX, Dreamweaver MX 2004, Dreamweaver 8, Dreamweaver CS3, and Dreamweaver CS4.
Learn how to install Apache on a Windows web server. It's easy to install the Apache web server on a Windows system from binary files.
Choosing an operating system for your Web hosting provider used to be a much bigger deal. Now it's less important. But you should still try to find out what OS your provider uses, as there are significant differences.
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.
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.
Centering a fixed width layout can be somewhat difficult with CSS.
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.
A glossary of jargon terms used in the HTML and XML industry
Learn why you should use CSS to position your pages rather than HTML tables.
A description of the CSS property background-color
Cascading Style Sheets allow you to position your HTML elements precisely on the page
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.
Understanding the three types of CSS styles is important if you're going to use cascading style sheets effectively.
Show and Hide Text in DIVs with CSS and JavaScript An example of how to use JavaScript and CSS to show
A description of the CSS property float
Learn more about the CSS text property: text-align. This document explains the rules of the text-align property, how it is used, and the browser support that it has.
If your Linux Apache Web server is stopped, you can start it again with just a couple of steps.
This is my list of the best Windows HTML editors in order. I evaluated over 100 Windows HTML editors in 30 categories, and these are the editors that I think are the best of the best. If you're looking for an HTML editor for Windows, you should find one that meets your needs on this list.
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.
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.
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 Linux and UNIX.
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.
There are ways you can make your forms look nicer and interact with CSS layout and design directives
Using the CSS cursor property you can change the cursor that displays on your Web pages. This can result in some interesting effects if you do it well. Learn how to change your cursors using CSS.
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.
External style sheets (CSS) allow you to use one style sheet on multiple web pages - so when you change the look for your site, you chage the CSS in one location. External style sheets are the recommended way to attach styles to your web pages.
Learn how to use JavaScript to include portions of HTML in multiple Web documents while only editing the portion once.
HTML has a lot of things that it can do, but there are things that it can't do
Becoming a professional Web designer or developer is different for nearly everyone who does it. Some people start out building sites for friends and family and teach themselves all they need to know while others spend years in school learning the ropes and others learn the ropes from someone with more experience to guide them.
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.
HTML codes to put Greek characters on your Web page.
A list of free options to create EPUB documents for ebook publishing. This article highlights some of the software options available for EPUB documents.
There are two methods you can use on your HTML forms but how do you decide which one to use? This article explains when you should use each one.
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.
All you need to learn HTML and build a Web page.
Cookies are easy to set and read. Learn how to use JavaScript to build your first HTTP cookie
Komodo IDE is a text editor and for Windows Macintosh Linux or UNIX. It is best suited to Professional Web Developers.
A meta redirect is another word for a meta refresh tag. Many people use this term as shorthand for meta refresh tags. Find out more about meta redirects and meta refresh tags in this quick FAQ.
HTML codes to put Russian (Cyrillic) characters on your Web page.
Getting music to play on a Web page is much easier than you might think based on how Web editors have been doing it. There are several methods that work but are either not part of the specification or are deprecated. This how to will show you how to add sound to your Dreamweaver Web page.
HTML codes to put German characters on your Web page.
font-smooth Examples Examples of the CSS Property font-effect Return to font-smooth Property font-smooth:
A description of the CSS property font-weight
Learn what it takes to write a Web page that is accessible to mobile computers, smartphones, and PDAs.
CSS Lesson 2: The <span> and <div> Tags
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.
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.
A description of the CSS property font-size
A description of the CSS property vertical-align
The anchor tag allows you to link within your documents as well as to external pages these are often called bookmarks and are links using the anchor tag name attribute
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.
Before you can use Cascading Style Sheets, you need to understand what they are and what they are for.
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.
Learn how to create a link, hyperlink, anchor, or hotspot in Dreamweaver.
Learn how to use alignment style tags to lay out the elements on your page where you want them.
Using the label tag to label HTML forms elements that don't have implicit labels gives you more control over the design and accessibility of your Web forms.
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.