Basic HTML rules
Takeaway: Before you begin building your page, you should brush up on some basic HTML rules. Here's some helpful information to get you started.
By Fred Dekker and Donald St. John
Before you begin building your page, you'll need to decide on a basic page layout. To do this, just sit down with some old-fashioned paper and a pencil and start sketching, blocking out the page's elements. You may be itching to get coding, but by drawing your site out first you can rearrange designs to your heart's content without having to code and recode.
Once you've settled on the organization of your site, it's time to begin creating your pages with HTML tags--the instructions that surround material such as text, images, and links to other pages and tell the viewer's Web browser how to display them. If you want an image to show up on the left side of the page, a certain word to appear bold, or another word to link to an outside resource, you'll use HTML tags to do it.
There are five important rules for coding with HTML tags.
Remember, too, that HTML is always evolving, and older browsers often don't support the newest tags. When a browser encounters an HTML tag it doesn't understand, it will usually ignore both the tag and the material the tag affects. This way, the newest elements will appear to viewers with newer browsers without causing problems for viewers using older browsers, who will only see material their browsers recognize. On the downside, browsers treat coding errors like unfamiliar code. If you've made a mistake while building your page, you won't necessarily see an error message; you might just see nothing at all. You should always closely check all of your pages in a browser to make sure that everything that's supposed to be there appears properly. We also recommend looking at your pages in more than one version of Navigator and Internet Explorer (on both PC and Mac platforms, if possible) to make sure everything looks the way you intended, because not every browser type or version behaves the same way.
A great way to learn about more complicated HTML is to look over the shoulders of other Web page creators. If you see a Web site you like, just view the page's source to see how it was done. You should never just copy another builder's design, but most developers do borrow inspiration from other sites. Methods for viewing source vary by browser, but it's usually as simple as selecting Page Source or Source from the View menu. (Warning: Don't try this trick with CNET pages! Our Web pages are composed of extremely complex HTML; many incorporate Java, JavaScript, and other technologies as well. Stick with viewing source code on fairly simple sites until you're more familiar with Web building.) When viewing source code, you'll sometimes see organizational comments from the page's author near the top of (or scattered throughout) the file. These comments are inserted with the
Fred Dekker is one of the Founders of The H.E.L.P.
Community, an online resource for beginning Webmasters.
Donald St. John was the founding Webmaster at PC Games magazine.
<HEAD>.<BR> tag creates a blank line and doesn't have an "off switch." Once you've made a line break, you can't unmake it.)<B>, shout your piece, and then go back to regular text with </B>.<HEAD><TITLE>Your text</HEAD></TITLE>.
The correct order is:
<HEAD><TITLE>Your text</TITLE></HEAD>. <P> (paragraph) tag's ALIGN attribute, for instance, lets you change the default (left) paragraph alignment. For example, <P ALIGN=CENTER> centers the next paragraph on the page.
<COMMENT> or <!--> tag and often contain useful information for those who view them. For a simple exercise in reading source code, try printing a well-commented Web page from your browser and then printing the source code of that page. Compare the two documents side by side, using the author's comments to match sections of code with the visual elements they represent. You'll soon be able to zero in on specific lines of code to understand how to achieve individual effects.
SponsoredWhite Papers, Webcasts, and Downloads
- Sprint DataLink for Wireless WAN Fact Sheet Sprint
- Data Protection and Disaster Recovery with iSCSI and VMware Dell EqualLogic
- Sprint Converged Solutions Fact Sheet Sprint
- Yankee Group: Exploring the Benefits of 3G Wireless Integrated into Business-Class Routers Sprint
- Live Webcast: Enterprise Search Architectures of the Future Google
Article Categories
- Security
- Security Solutions, IT Locksmith
- Networking and Communications
- E-mail Administration NetNote, Cisco Routers and Switches
- CIO and IT Management
- Project Management, CIO Issues, Strategies that Scale
- Desktops, Laptops & OS
- Windows 2000 Professional, Microsoft Word, Microsoft Excel, Microsoft Access, Windows XP,
- Data Management
- Oracle, SQL Server
- Servers
- Windows NT, Linux NetNote, Windows Server 2003
- Career Development
- Geek Trivia
- Software/Web Development
- Web Development Zone, Visual Basic, .NET
