XHTML ATTRIBUTES TUTORIALS & ARTICLES: Links to Lessons for Learning how to Use XHTML Attributes, including Rules, Standards, Elements, and Styles of Attributes.
Core attributes are shared by most tags. The normally provide information about the tag or associate with code elsewhere in the document. The attributes are…
Attributes for Style and Presentation
Presentational attributes are attributes used for styling the content of an element. Most of them have been deprecated in favor of style sheets, but it still helps to know what they are. You never know when you'll have to convert some old code over, or prepare a document to work in older browsers that don't understand Cascading Style Sheets.
Rules for XHTML Attributes
All XHTML attribute names should be in lower case. All attribute-value pairs should be quoted. HTML supports certain attributes which…
In this part of the XHTML tutorial, I will show you the changes to HTML attributes in XHTML. HTML attributes are the extra parts you can add onto tags (such as src in the img tag) to change the way in which they are shown. There are four changes to the way in which attributes are changed.
Attribute values must always be quoted
An element can optionally contain one or more attributes in its start tag. An attribute is a name-value pair separated by an equal sign (=). Attribute values must always be quoted.
XHTML Standard Attributes
XHTML tags can have attributes. The special attributes for each tag are listed under each tag description. The attributes listed here are the core and language attributes that are standard for all tags (with a few exceptions).
Attributes, Arguments and Anchors
In XHTML 1.0, all attributes must have arguments, and all arguments must be in double quotes. Even if the argument is simply a number or a percentage, you still need to place it between double quotes.
XHTML1.0 Element Attributes by DTD
A list of XHTML1.0 Element Attributes and related information…
Set the horizontal and vertical alignment of the div element relative to the current location...
Assigns a class name or names to the element. Classes are typically used with Cascading Style Sheets…
Onmouseout: An event handler that specifies an action to take when the reader moves the pointing device away from an element.
onmousemove: An event handler that specifies an action to take when the reader moves the pointing device while it is over an element.
dir: Defines the directionality of text without a pre-defined direction (per-UNICODE).
onkeyup: An event handler that specifies an action to take when the reader releases a key over an element.
onkeypress: An event handler that specifies an action to take when the reader presses and releases a key over an element.
onmouseup: An event handler that specifies an action to take when the reader releases the pointing device above an element.
ondblclick: An event handler that specifies an action to take when the reader double-clicks on an element.
align: Indicates the alignment of the enclosed text within the current location
id: Formats the contents of the tag according to the style id. Note: IDs must be unique within a document.
onclick: An event handler that specifies an action to take when the reader clicks on an element.
onmouseover: An event handler that specifies an action to take when the reader moves the pointing device over an element.
title: Specifies a title about the element. Some browsers will display this information when the mouse pointer hovers over the element, others display the information in the right-click menu.
lang: Defines the language of the linked document.
style: Formats the contents of the element according to the listed style.
onkeydown: An event handler that specifies an action to take when the reader presses down a key over an element.
cite for blockquote and q
cite for blockquote and q: URI for the source document or message. This attribute provides information about the source of the quotation.
cite for del and ins
cite for del and ins: A URI detailing why the document was changed.
frameborder: Width of the border around a frame.
onload: The onload event occurs when the user agent finishes loading a window or all frames within a frameset.
onunload: The onload event occurs when the user agent removes a document from a window or frame.
bordercolor: Color of the border around a frame or frameset.
rows: Determines the number and size of the rows in the frameset. define the size in percentages, pixels, or use an asterix (*) to use the current available space.
scrolling: Defines the state of the scrollbar on the frame. There are three options: on - scrollbars appear, off - scrollbars never appear, and auto (the default) - scrollbars appear as they are needed.
cols: The visible width of a textarea element in average character widths.
framespacing: Width of the space around a frameset.
name: Assigns the control name for a form.
src: Defines URI or location of the element being requested, be it an image, a script, or another Web page.
ismap: Use a server-side image map.
onblur: Action when the element loses the focus.
onselect: Action when some text is selected.
maxlength: Defines the maximum number of characters valid for a text field.
id: Sets the value of the radio button, checkbox, or dropdown menu option.
onfocus: Action when the element gains the focus.
type: Defines the position in the tab order for the element. Used to make pages more accessible.
id: Sets the size of each input type.
onchange: Action when the element changes.
tabindex: Defines the position in the tab order for the element. Used to make pages more accessible.
id: Sets the form control to be disabled for use within the form.
accept: A list of MIME types used with file upload in forms.
accept-charset: A list of the character sets supported by the form.
accesskey: A single character keystroke that will bring focus to the element.
abbr: Abbreviation for the header cell of a table.
action: Defines the server-side form handler.
Many of the abstract modules in this section define the required attributes for elements. The table below defines some collections of attributes that are referenced throughout the modules. These expressions should in no way be considered normative or mandatory. They are an editorial convenience for this document. When used in the remainder of this section, it is the expansion of the term that is normative, not the term itself.
The accesskey attribute allows you to designate a character on the keyboard that when pressed, along with the alt or meta key, will bring focus to an HTML element. By focus, we mean that the cursor will go to that element (for example, a link or an input box in a form).
The class attribute is used to assign the name of a style sheet class to a tag.
The dir attribute is used to declare the direction that the text should run, either left to right (default) or right to left.
The id attribute is used to assign a identifier value to a tag. Each id must be unique within the document and each element can only have one id.
The lang attribute is used to define the base language to be used for displaying text and characters on a Web site. This allows an internationalization of HTML for a very large number of languages.
The style attribute is used to assign style sheet properties to the specific element containing the attribute.
The tabindex attribute specifies an integer that defines the rank in the tabbing order for the specified element when you use the keyboard to navigate (tab through) a page.
The title attribute is used to assign a name to a tag. This name can be any string of characters or words. Further, you can use the HTML character entities in the name. For example, you could use #10; which will cause a line break (just like the br tag) in the name.
WRITE ARTICLES FOR US & FREE PROMOTION OF YOUR GRAPHIC DESIGN BUSINESS
We are looking for submissions of Graphic Design Tutorials and Articles from Knowledgeable Graphic Designers and Publishing Professionals. We will add a paragraph about your graphic design services (or other services as long as it is not offensive) along with your published article. We will add your contact information, including your graphic design business' website link, within this paragraph. AllGraphicDesign.com gets around 16,000 Unique Visitors every day and this could mean a nice amount of traffic being sent to your graphics business' web site (or your graphic design portfolio). Find Out More Here
Graphic Design Menu
US YOUR HOMEPAGE
UP FOR NEWSLETTER ::
YOUR PORTFOLIO FREE ::
OUR FRIENDS -- Adobe Photoshop Tutorials -- Photoshop, Flash, 3D Studio Max Tutorials -- Web Designers & Developers --Photoshop Tutorial Man -- Tutorial Guide -- Free Webmaster Tutorials -- Web Designers -- Web Design Portfolio --AllFreelanceWork--AllFreelance--Artists Helping Children --All Creative Portfolios -- All Work at Home Ideas
Design Resources Center is always looking for more information & resources to
put into our graphics directory portal. If you have any
design or dtp resources that you think would fit in well, such as graphics software links, graphics and clipart foundries, objects, filters,
fonts, desktop publishing or other graphic design resources articles,
templates, etc...Please email us and let us know. All Graphic Design Resources Center has been around since 1998 (originally as deezin dot com), offering desktop publishing information and graphic
design resources to make your web search for graphics stuff easier.
Let us know how we can make All Graphic Design site more helpful for
you! All informational links are hand added by an editor. Thank you for visiting
our site and don't forget to bookmark this site.
R E L A T E D . L I N K S
and software are the copyrighted works of Allfreelance, ©
2003 - 2018 QuinStreet, Inc.