WebsiteGear Logo Log In
New User? Sign Up
About | Contact | FAQ
  Home Content Site Development Website Technology Tuesday, March 16, 2010 
POPULAR ARTICLES
Nav Subdomain Configuration - How To Setup A Sub Domain
Nav Website Layout - Tips & Tricks
Nav Domain Configuration - How To Setup A Domain Name
Nav Round Robin DNS Load Balancing
Nav Introduction To Server Load Balancing
Nav Server Load Balancing Methods
Nav Tips On Using SubDomain
Nav Breadcrumb Navigation
FEATURED NEWS | POPULAR NEWS
View More News View More News
SPONSORED LINKS
Print| Email| Save| Discuss| Feeds


HTML Attributes
Published: Tuesday, November 04, 2003












Check

What are HTML Attributes?


HTML elements can have associated properties known as attributes. Attributes are
added to an element as name-value pairs before the closing '>' of the element's
start tag. An attribute consists of 2 parts - a name (e.g. face) and a value
(e.g. Arial).

Example: <img src="/images/logo.gif" alt="Logo" width="400" height="300">


In the above example, there are 4 attributes of the image element. The name of these
attributes are src, alt, width and height. The corresponding values are /images/logo.gif,
Logo, 400 and 300.




  • Any number of (legal) attributes can be added to an element.

  • Attributes are added in the name="value" format.

  • Attributes are separated by spaces.

  • Attribute names are not case sensitive.

  • It is a good coding practice to enclose attribute values within double quotes (").

  • If quotes are not used, values can consist of letter (a-z and A-Z), digits (0-9),
    hyphens and periods.




Check

Some commonly used HTML attributes


Here is a list of commonly used attributes.



  1. align :


    Alignment attribute - Aligns the element in horizontal direction.

    Values - left | center | right

    Some related elements - <img>, <input>, <table>, <hr>,
    <th>, <td>, <tr>, <iframe>.





  2. valign :


    Vertical Alignment attribute - Aligns the element in vertical direction.

    Values - top | middle | baseline | bottom

    Some related elements - <th>, <td>, <tr>, <tbody>.





  3. width :


    Width attribute - Specifies the width of an element.

    Values - pixels | % of parent width

    Some related elements - <table>, <hr>, <iframe>, <img>,
    <td>, <th>.





  4. height :


    Height attribute - Specifies the height of an element.

    Values - pixels | % of parent height

    Some related elements - <table>, <hr>, <iframe>, <img>,
    <td>, <th>.





  5. size :


    Width attribute - Specifies the width of an element.

    Values - pixels | % of parent cell

    Some related elements - <table>, <hr>, <iframe>, <img>,
    <td>, <th>.





  6. face :


    Face attribute - Sets the face of a font attribute. Font faces are specified as
    comma-separated list. The font element attributes may not be supported in future HTML versions (deprecated).
    W3C recommends using style sheets for formatting instead of HTML formatting attributes.


    Some values - Arial | Verdana | Helvetica

    Related elements - <font>, <basefont>.






Previous Article HTML Elements HTML Head Next Article
Print| Email| Save| Discuss| Feeds
RELATED ARTICLES
Nav HTML Tutorial - Introduction
HTML stands for Hyper Text Markup Language. It is the publishing language of the World Wide Web (WWW). Learn about HTML in this tutorial.
RELATED NEWS
News Post Unitrends Launches New Cloud-Based Rapid Disaster Recovery Service
New Disaster Recovery Vault2Cloud Offering Priced at $0.49 Per Gigabyte
News Post McKool Smith Announces $105.75 Million Verdict for VirnetX in Patent Infringement Lawsuit Against Microsoft
TYLER, Texas, March 16 /PRNewswire/ -- The law firm of McKool Smith is announcing a $105.75 million patent infringement verdi...
News Post World's #1 Maker of Translation Memory Software for Windows, Mac, and Linux Platforms Releases Wordfast Pro 2.3 With Over 100 Enhancements
WASHINGTON and PARIS, March 16 /PRNewswire/ -- News Facts -- Wordfast officially releases Wordfast Pro 2.3 for Windows, with...
News Post Allot Launches CellWise: Groundbreaking Mobile Broadband Traffic Management
CellWise Alleviates Cell Backhaul Congestion and Increases User Experience by Applying Policy Control on a per Cell Basis
News Post PriceGrabber.com's Vice President of Technology to Speak at Microsoft FAST forward Summit
Dominique Jean's presentation will discuss the unique challenges faced by one of the most popular providers of technology and content for online shopping experiences on the Internet
Submit News | View More NewsView more news
RELATED CLASSIFIED ADS
Classified Ad Pre-Made Sites For Sale Getting Traffic
Here is a list of humor related websites pre-made already getting traffic with stats included for sa ...
Classified Ad Macromedia flash website design
Are you looking for Macromedia flash website design? We are an experienced India based company, offe ...
Classified Ad Professional SEO Services in Lancashire UK
Search engine optimisation (SEO) is the strategy to increase the visitors’ traffic from a search e ...
Classified Ad Website Design Company. Web Design, eCommerce, SEO
Global Website Designing is a website develpment and http://www.globalwebsitedesigning.com/search-en ...
Classified Ad Milestone Data - We make sense of your site!
HTML, PHP, SEO, SEM, sound like alphabet soup? Don’t worry and let us handle it. Milestone Data i ...
Post Free Ad | View More View more classifieds
RELATED FORUM POSTS
Forum Post html code help
I have been trying to use a code for media on my website however the Window media player comes up on ...
Forum Post HTML to enhance my javascript menu
To anyone that can help me I would really appreciate it! I have a javascript menu on a couple of ...
Forum Post DIY photo collage yearbook with digital photos
Christmas is coming and a year also comes to its end right away. From beginning to end, from spring ...
Forum Post How to make flash 3D sphere photo gallery
Want to displays images on an interactive 3D Sphere for website or blog but lack of flash skills? He ...
Forum Post How do you use PSD templates as web sites?
I have used HTML, free templates before but although i can edit PSD templates easily using photoshop ...
Add New Post | View More View more forum posts


Copyright © 2003-2010 WebsiteGear Inc. All rights reserved.
About | Advertise | Submit Content | Privacy | Agreement | Contact