Search This Blog

Monday, May 27, 2013

Free printable samples to learn HTML codes to create your own Web Pages Part III (Attribute sheet)

Free practice samples to learn HTML codes Create Web Pages




This is third part of my blog on learning HTML. In this blog you will learn how to HTML Attributes, in the end of post you will see some practice sample questions.

What are HTML Attributes?

 

Attributes provide additional information about HTML elements
•HTML elements can have attributes
•Attributes provide additional information about an element
•Attributes are always specified in the start tag
•Attributes come in name/value pairs like: name="value"
Example
HTML links are defined with the <a> tag. The link address is specified in the href attribute:
<a href="http://www. allabout2011.blogspot.ca">This is a link</a>

Always Quote Attribute Values
Attribute values should always be enclosed in quotes.
Double style quotes are the most common, but single style quotes are also allowed.
Tip: In some rare situations, when the attribute value itself contains quotes, it is necessary to use single quotes: name='John "ShotGun" Nelson'

HTML Tip: Use Lowercase Attributes
Attribute names and attribute values are case-insensitive.
Newer versions of (X)HTML will demand lowercase attributes.
HTML Attributes Reference

Below is a list of some attributes that can be used on any HTML element:

 

Attribute
                       Description
Tag
Description
Defines a comment
Defines the document type
Defines a hyperlink
Defines an abbreviation
Not supported in HTML5. Defines an acronym
Defines contact information for the author/owner of a document
Not supported in HTML5. Deprecated in HTML 4.01. Defines an embedded applet
Defines an area inside an image-map
Defines an article
Defines content aside from the page content
Defines sound content
Defines bold text
Specifies the base URL/target for all relative URLs in a document
Not supported in HTML5. Deprecated in HTML 4.01. Specifies a default color, size, and font for all text in a document
<bdi>New
Isolates a part of text that might be formatted in a different direction from other text outside it
Overrides the current text direction
Not supported in HTML5. Defines big text
Defines a section that is quoted from another source
Defines the document's body
Defines a single line break
Defines a clickable button
Used to draw graphics, on the fly, via scripting (usually JavaScript)
Defines a table caption
Not supported in HTML5. Deprecated in HTML 4.01. Defines centered text
Defines the title of a work
Defines a piece of computer code
Specifies column properties for each column within a <colgroup> element 
Specifies a group of one or more columns in a table for formatting
Defines a command button that a user can invoke
Specifies a list of pre-defined options for input controls
Defines a description of an item in a definition list
Defines text that has been deleted from a document
Defines additional details that the user can view or hide
Defines a definition term
Defines a dialog box or window
Not supported in HTML5. Deprecated in HTML 4.01. Defines a directory list
Defines a section in a document
Defines a definition list
Defines a term (an item) in a definition list
Defines emphasized text 
Defines a container for an external (non-HTML) application
Groups related elements in a form
Defines a caption for a <figure> element
Specifies self-contained content
Not supported in HTML5. Deprecated in HTML 4.01. Defines font, color, and size for text
Defines a footer for a document or section
Defines an HTML form for user input
Not supported in HTML5. Defines a window (a frame) in a frameset
Not supported in HTML5. Defines a set of frames
Defines HTML headings
Defines information about the document
Defines a header for a document or section
Groups heading (<h1> to <h6>) elements
Defines a thematic change in the content
Defines the root of an HTML document
Defines a part of text in an alternate voice or mood
Defines an inline frame
Defines an image
Defines an input control
Defines a text that has been inserted into a document
Defines keyboard input
Defines a key-pair generator field (for forms)
Defines a label for an <input> element
Defines a caption for a <fieldset>, < figure>, or <details> element
Defines a list item
Defines the relationship between a document and an external resource (most used to link to style sheets)
Defines a client-side image-map
<mark>New
Defines marked/highlighted text
Defines a list/menu of commands
Defines metadata about an HTML document
Defines a scalar measurement within a known range (a gauge)
<nav>New
Defines navigation links
Not supported in HTML5. Defines an alternate content for users that do not support frames
Defines an alternate content for users that do not support client-side scripts
Defines an embedded object
Defines an ordered list
Defines a group of related options in a drop-down list
Defines an option in a drop-down list
Defines the result of a calculation
Defines a paragraph
Defines a parameter for an object
Defines preformatted text
Represents the progress of a task
Defines a short quotation
<rp>New
Defines what to show in browsers that do not support ruby annotations
<rt>New
Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby>New
Defines a ruby annotation (for East Asian typography)
Defines text that is no longer correct
Defines sample output from a computer program
Defines a client-side script
Defines a section in a document
Defines a drop-down list
Defines smaller text
Defines multiple media resources for media elements (<video> and <audio>)
Defines a section in a document
Not supported in HTML5. Deprecated in HTML 4.01. Defines strikethrough text
Defines important text
Defines style information for a document
Defines subscripted text
Defines a visible heading for a <details> element
Defines superscripted text
Defines a table
Groups the body content in a table
Defines a cell in a table
Defines a multiline input control (text area)
Groups the footer content in a table
Defines a header cell in a table
Groups the header content in a table
Defines a date/time
Defines a title for the document
Defines a row in a table
Defines text tracks for media elements (<video> and <audio>)
Not supported in HTML5. Defines teletype text
Defines text that should be stylistically different from normal text
Defines an unordered list
Defines a variable
Defines a video or movie
Defines a possible line-break
 

Free and Printable HTML Test Sample Questions 1-10


Questions 1- How to Defines a hyperlink

Questions 2-How to Defines bold text

Questions 3-How to define an abbreviation

Questions 4- How to Defines the document's body

Question 5-How to define a definition list


Question 6-How to define the document's body


Question 7-How to define a single line break


Question 8-How to define a clickable button

Question 9-How to define a drop-down list

Question 10-How to define smaller text


Answer 1- <a>
Answer 2-<b>
Answer 3- <abbr>
Answer 4- <body>
Answer 5- <dl>
Answer 6- <body>
Answer 7- <br>
Answer 8- <button>
Answer 9- <select>
Answer 10- <small>

Popular Posts

new

Related Posts Plugin for WordPress, Blogger...