You are on page 1of 13

Ordered by Function

DTD: indicates in which HTML 4.01 / XHTML 1.0 DTD the tag is allowed. S=Strict, T=Transitional, and F=Frameset

Tag Basic <!DOCTYPE> <html> <body> <h1> to <h6> <p> <br /> <hr /> <!--...--> Formatting <acronym> <abbr> <address> <b> <bdo> <big> <blockquote> <center> <cite> <code> <del> <dfn> <em> <font> <i> <ins> <kbd> <pre> <q> <s>

Description Defines the document type Defines an HTML document Defines the document's body Defines HTML headings Defines a paragraph Inserts a single line break Defines a horizontal line Defines a comment Defines an acronym Defines an abbreviation Defines contact information for the author/owner of a document Defines bold text Defines the text direction Defines big text Defines a long quotation Deprecated. Defines centered text Defines a citation Defines computer code text Defines deleted text Defines a definition term Defines emphasized text Deprecated. Defines font, color, and size for text Defines italic text Defines inserted text Defines keyboard text Defines preformatted text Defines a short quotation Deprecated. Defines strikethrough text

DTD STF STF STF STF STF STF STF STF STF STF STF STF STF STF STF TF STF STF STF STF STF TF STF STF STF STF STF TF

<samp> <small> <strike> <strong> <sub> <sup> <tt> <u> <var> <xmp> Forms <form> <input /> <textarea> <button> <select> <optgroup> <option> <label> <fieldset> <legend> <isindex> Frames <frame /> <frameset> <noframes> <iframe> Images <img /> <map> <area /> Links

Defines sample computer code Defines small text Deprecated. Defines strikethrough text Defines strong text Defines subscripted text Defines superscripted text Defines teletype text Deprecated. Defines underlined text Defines a variable part of a text Deprecated. Defines preformatted text Defines an HTML form for user input Defines an input control Defines a multi-line text input control Defines a push button Defines a select list (drop-down list) Defines a group of related options in a select list Defines an option in a select list Defines a label for an input element Defines a border around elements in a form Defines a caption for a fieldset element Deprecated. Defines a searchable index related to a document Defines a window (a frame) in a frameset Defines a set of frames Defines an alternate content for users that do not support frames Defines an inline frame Defines an image Defines an image-map Defines an area inside an image-map

STF STF TF STF STF STF STF TF STF

STF STF STF STF STF STF STF STF STF STF TF

F F TF TF STF STF STF

<a> <link /> Lists <ul> <ol> <li> <dir> <dl> <dt> <dd> <menu> Tables <table> <caption> <th> <tr> <td> <thead> <tbody> <tfoot> <col /> <colgroup> Styles <style> <div> <span> Meta Info <head> <title> <meta> <base />

Defines an anchor Defines the relationship between a document and an external resource Defines an unordered list Defines an ordered list Defines a list item Deprecated. Defines a directory list Defines a definition list Defines a term (an item) in a definition list Defines a description of a term in a definition list Deprecated. Defines a menu list Defines a table Defines a table caption Defines a header cell in a table Defines a row in a table Defines a cell in a table Groups the header content in a table Groups the body content in a table Groups the footer content in a table Defines attribute values for one or more columns in a table Defines a group of columns in a table for formatting Defines style information for a document Defines a section in a document Defines a section in a document Defines information about the document Defines the document title Defines metadata about an HTML document

STF STF

STF STF STF TF STF STF STF TF STF STF STF STF STF STF STF STF STF STF STF STF STF STF STF STF

Defines a default address or a default target for all links STF on a page

<basefont /> Programming <script> <noscript> <applet> <object> <param />

Deprecated. Defines a default font, color, or size for the TF text in a page Defines a client-side script Defines an alternate content for users that do not support client-side scripts Deprecated. Defines an embedded applet Defines an embedded object Defines a parameter for an object STF STF TF STF STF

HTML / XHTML Standard Attributes


The attributes listed below are standard, and are supported by all HTML and XHTML tags, with a few exceptions.

Core Attributes
Not valid in base, head, html, meta, param, script, style, and title elements. Attribute class id style title Value classname id style_definition text Description Specifies a classname for an element Specifies a unique id for an element Specifies an inline style for an element Specifies extra information about an element

Language Attributes
Not valid in base, br, frame, frameset, hr, iframe, param, and script elements. Attribute dir Value ltr rtl language_code Description Specifies the text direction for the content in an element

lang

Specifies a language code for the content in an element.Language code reference Specifies a language code for the content in an element, in XHTML documents.Language code reference

xml:lang

language_code

Keyboard Attributes
Attribute accesskey tabindex Value character number Description Specifies a keyboard shortcut to access an element Specifies the tab order of an element

Standard Event Attributes


HTML 4 added the ability to let events trigger actions in a browser, like starting a JavaScript when a user clicks on an element. To learn more about programming events, please visit our JavaScript tutorial and our DHTML tutorial. Below is the standard event attributes that can be inserted into HTML / XHTML elements to define event actions.

<body> and <frameset> Events


The two attributes below can only be used in <body> or <frameset>: Attribute onload onunload Value script script Description Script to be run when a document load Script to be run when a document unload

Form Events
The attributes below can be used in form elements: Attribute onblur onchange onfocus onreset onselect onsubmit Value script script script script script script Description Script to be run when an element loses focus Script to be run when an element change Script to be run when an element gets focus Script to be run when a form is reset Script to be run when an element is selected Script to be run when a form is submitted

Image Events
The attribute below can be used with the img element: Attribute onabort Value script Description Script to be run when loading of an image is interrupted

Keyboard Events
Valid in all elements except base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, and title. Attribute onkeydown onkeypress onkeyup Value script script script Description Script to be run when a key is pressed Script to be run when a key is pressed and released Script to be run when a key is released

Mouse Events
Valid in all elements except base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, and title. Attribute onclick ondblclick onmousedown onmousemove onmouseout onmouseover onmouseup Value script script script script script script script Description Script to be run on a mouse click Script to be run on a mouse double-click Script to be run when mouse button is pressed Script to be run when mouse pointer moves Script to be run when mouse pointer moves out of an element Script to be run when mouse pointer moves over an element Script to be run when mouse button is released

Web Building Introduction


Every Web developer has to know the building blocks of the Web:

HTML 4.01 CSS XHTML XML and XSLT JavaScript ASP or PHP Managing data with SQL The future of the Web

HTML 4.01
HTML is the language of the Web, and every Web developer should have a basic understanding of it. HTML 4.01 is an important Web standard, and very different from HTML 3.2. When tags, like <font> and color attributes, were added to HTML 3.2, it started a developer's nightmare. Development of web sites where font information must be added to every single Web page is a long and expensive job. With HTML 4.01, all formatting can be moved out of the HTML document, and into a separate style sheet. HTML 4.01 is also important because XHTML 1.0 is HTML 4.01 "reformulated" as an XML application. Using HTML 4.01 in your pages makes the future upgrade from HTML to XHTML a very simple process. Make sure you use the latest HTML 4.01 standard.

CSS - Cascading Style Sheets


Styles define how HTML elements should be displayed, just like the <font> tag in HTML 3.2. Style sheets are normally saved in external files. External style sheets enable you to change the appearance and layout of EVERY page in your Web site, just by editing a single document. If you have ever tried changing something like the font or color of all the headings in all your HTML pages, you will understand how CSS can save a lot of work!

XHTML
XHTML stands for Extensible HyperText Markup Language. XHTML is a reformulation of HTML 4.01 in XML, and is supported in all major browsers. To prepare for the future: Read how W3Schools.com was converted to XHTML

XML - A Tool for Describing Data


XML is NOT a replacement for HTML. XML describes data, while HTML displays the data. XML is as a cross-platform, software-, and hardware-independent tool for storing and transmitting information. We believe that XML is as important to the Web as HTML was to the foundation of the Web, and that XML will be the most common tool for all data manipulation and data transmission.

XSLT - A Tool for Transforming Data


XSLT is used to transform XML documents into other formats, like HTML, WML, etc. XSLT can transform an XML file into a format that is recognized by a browser. XSLT can also add HTML elements, rearrange and sort data, make decisions about which data to display, and more.

JavaScript - Client-Side Scripting


Client-side scripting is about "programming" the behavior of a browser. To deliver more dynamic web content, you should teach yourself JavaScript.

JavaScript JavaScript JavaScript JavaScript JavaScript

gives HTML designers a programming tool can put dynamic text into an HTML page can react to events can change HTML elements can be used to validate data

ASP or PHP - Server-Side Scripting


Server-side scripting is about "programming" an Internet server. To deliver more dynamic web content, you should teach yourself server-side scripting. With server-side scripting, you can:

Dynamically edit, change, or add any content of a Web page Respond to user queries and form data Access databases and return the result to a browser Access files and return the result to a browser Transform XML data to HTML data and return the results to a browser Customize a Web page to make it more useful for individual users Provide security and access control to Web pages Tailor your output to different types of browsers Minimize network traffic

Managing Data with SQL


SQL is the standard language for accessing and manipulating databases. SQL is used to access and manipulate data in MySQL, SQL Server, MS Access, Oracle, Sybase, DB2, and other database systems. Knowledge of SQL is a must for anyone wanting to store or retrieve data from a database.

What Will the Future Bring?


One important thing to know is that the functionality of Web Sites will change very drastically. We will see a huge shift from sites displaying "static content" to data driven sites delivering "dynamic content". We will also see new browsers, like the browsers found in mobile devices. We will also see more use of XML for transmitting data between servers, or between servers and browsers.

Web Building Site Design


Designing Web sites needs careful thinking and a lot of planning. The most important thing is to KNOW YOUR AUDIENCE.

Users are Scanners


A typical visitor will NOT read the entire content of your Web page! No matter how much useful information you put into a Web page, a visitor will only spend a few seconds scanning it before they decide whether to leave or to stay. Be sure to make your point in the very first sentence of the page! After that, try to keep the user occupied with short paragraphs, and new headers down the page.

Less is More
Keep the paragraphs as short as possible. Keep the pages as short as possible. Keep the chapters as short as possible. Use a lot of space! Pages overloaded with text will kill your audience. If you have a lot to say, break your information into smaller chunks and place it on different pages!

Navigation
Create a consistent navigation structure that is used by all the pages in your Web site. Don't use hyperlinks inside paragraphs, to send visitors to every page of your Web. This will destroy the feeling of a consistent navigation structure. If you must use hyperlinks, add them to the bottom of a paragraph, or to the menu.

Download Speed
Sometimes developers are not aware of the fact that some pages take a long time to download. Most visitors will leave a Web page that takes more than 7 seconds to download. Test your web pages over a low-speed modem connection. If your pages take a long time to download, consider removing graphic or multimedia content.

Let your Audience Speak!


Feedback is a very good thing! Your visitors are your "customers". Often they will give you some valuable hints about what you could have done better. Provide a simple way to reach you, and you will get a lot of input from people with different skills and knowledge.

Web Building Site Users


Your visitors use different hardware and software. The important thing is to KNOW YOUR AUDIENCE.

Visitor's Monitor
Not everyone on the internet has the same monitor as you. If you design a Web site to be displayed on a monitor with a 1024x768 resolution, visitors with lower resolution monitors (like 800x600) might have problems reading your pages. Make sure you test your Web site on different monitors. Take a look at our browser display statistics to see the trends in monitor development.

What Browsers Do They Use?


Don't forget to test your Web site on different browsers. The most popular browsers today are Internet Explorer and Firefox. One wise thing to do when designing Web pages is to use correct HTML (or XHTML). Strict and correct coding will help a browser to display your pages correctly. Take a look at our browser statistics to see the trends in browser development.

What Plug-Ins Do They Have?


Sound, video clips, or other multimedia content might require the use of separate programs (plug-ins). Be sure that your visitors have access to the software needed to view them.

What About Disabilities?


Some people have viewing or hearing disabilities. They might try to read your pages with Braille or speech-based browsers. Always add text alternatives for pictures and graphic elements.

Web Standard
Web standards make Web development easier.

Why Web Standards?


To make internet a better place, for both developers and end-users, it is important that both browsers and Web developers follow the Web standards. When developers follow the Web standards, the development is simplified, since it is easier for a developer to understand another's coding. Using Web standards will help you to ensure that all browsers, will display your Web site properly, without frequent and time-consuming rewrites. Web pages that conforms to the standard are easier for search engines to access and index, easier to convert to other formats, and easier to access with program code (like JavaScript and the DOM). Tip: Make a habit of validating your pages with a validation service. Validation keeps your documents up to the standards, and free for errors.

CSE HTML Validator for Windows Fast, Powerful, Customizable, and Offline HTML, CSS, Accessibility, SEO, and Link Checking.

Super-fast offline HTML, CSS, link, and more checking Built-in editor lets you easily find and fix problem Search engine checking (SEO) to help improve rankings Checks for issues that other validators don't Accessibility checking, including WCAG 2.0 Check everything with just one click or keypress Customize the message output to your needs Check an entire site with the Batch Wizard Easily check the output of dynamic pages Prices start at just $69, and a free trial is available

Web Building Security


You are offering your IP address to the entire world at this very moment. Make sure you are not offering access to your private data at the same time.

YOUR IP ADDRESS IS PUBLIC


Accessing the Internet is a security risk. When you are connected to the Internet, an IP address is used to identify your computer. If you don't protect yourself, this IP address can be used to access your computer from the outside world. A fixed IP address is a larger security risk. If you're using a modem with a dial-up connection, you will get a new IP address every time you connect to Internet. With an ADSL or cable connection users sometimes keep the same IP address for several months, this represents an increased security risk. If you have a fixed IP address, you give Internet hackers all the time they need to search for entrances on your computer, and to store and share (with other hackers) information they find on your computer.

Your Network Shares


Personal computers are often connected to a shared network. Personal computers in large companies are connected to large corporate networks. Personal computers in small companies are connected to a small local network, and computers in private homes often share a network between family members. Most often networks are used to share resources like printers, files and disk storage. When you are connected to the Internet, your shared resources can be accessed by the rest of the world.

A Common Windows Security Problem


Unfortunately, many Microsoft Windows users are unaware of a common security leak in their network settings. This is a common setup for network computers in Microsoft Windows:

Client for Microsoft Networks File and Printer Sharing for Microsoft Networks NetBEUI Protocol Internet Protocol TCP/IP

If your setup allows NetBIOS over TCP/IP, you have a security problem:

Your files can be shared all over the Internet Your logon-name, computer-name, and workgroup-name are visible to others

If your setup allows File and Printer Sharing over TCP/IP, you also have a problem:

Your files can be shared all over the Internet

Computers that are not connected to any network can also have unsecure network settings, because the settings were changed when Internet was installed.

Solving the Problem


For Windows 2000 users: You can solve your security problem by disabling NetBIOS over TCP/IP:

Open Windows Explorer Right-click on My Network Places Select: Properties Right-click on Local Area Network Select: Properties Select: Internet Protocol TCP/IP Click on Properties Click on Advanced Select the WINS tab Select Disable NetBIOS over TCP/IP Click OK

If you get the message: "This connection has an empty......", ignore the message and click on YES to continue, and click OK to close the other setup windows. You should restart your computer after the changes. For Windows 95, 98, or ME users: You can solve your security problem by disabling NetBIOS over TCP/IP:

Open Windows Explorer Right-click on My Network Places Select: Properties Select: Internet Protocol TCP/IP Click on Properties Select the NetBIOS tab Uncheck: Enable NetBIOS over TCP/IP Click OK

You must also disable the TCP/IP Bindings to Client for Microsoft Networks and File and Printer Sharing:

Open Windows Explorer Right-click on My Network Places Select: Properties Select: Internet Protocol TCP/IP Click on Properties Select the Bindings tab Uncheck: Client for Microsoft Networks Uncheck: File and Printer Sharing Click OK

If you get a message with something like: "You must select a driver.........", ignore the message and click on YES to continue, and click OK to close the other setup windows. If you still want to share your Files and Printer over the network, you must use the NetBEUI protocol instead of the TCP/IP protocol. Make sure you have enabled it for your local network:

Open Windows Explorer Right-click on My Network Places Select: Properties Select: NetBEUI Click on Properties Select the Bindings tab

Check: Client for Microsoft Networks Check: File and Printer Sharing Click OK

You should restart your computer after the changes.

Protect Your Server


iisPROTECT provides a complete range of password protection, authentication and user management solutions: iisPROTECTasp: Protect areas of your web site and require username and password. Grant/deny any users/groups on a per resource basis. Extensive Web Interface for user/group admin, use any DB backend, store custom data, set user start/end dates, email users, audit logins. iisPROTECT: Protect all web site files including images, databases,html,ASP etc. Protect entire directories, users / groups independent from Windows accounts, complete web administration, does not require cookies or any programming. Complete turn key solution. iisPROTECTquota: All of the features of iisPROTECT plus: prevent concurrent logins and password cracking attempts, set quotas on hits, logins, kb per user. Read more about iisPROTECT

You might also like