Welcome Guest, Not a member yet? Create Account  


HTML Attributes

#1
Lightbulb 

HTML Attributes


Attributes provide additional information about HTML elements.

HTML Attributes
  • All HTML elements can have attributes

  • Attributes provide additional information about an element

  • Attributes are always specified in the start tag

  • Attributes usually come in name/value pairs like: name="value"

The href Attribute
HTML links are defined with the 

<a>
[size=undefined]
 tag. The link address is specified in the [/size]


href
[size=undefined]
 attribute:[/size]

Example
<a href="https://www.will-power-forum.com">This is a link</a>

You will learn more about links and the 

<a>
[size=undefined]
 tag later in this tutorial.[/size]


The src Attribute
HTML images are defined with the 

<img>
[size=undefined]
 tag.[/size]

The filename of the image source is specified in the 

src
[size=undefined]
 attribute:[/size]

Example
<img src="img_girl.jpg">


The width and height Attributes
Images in HTML have a set of size attributes, which specifies the width and height of the image:
Example
<img src="img_girl.jpg" width="500" height="600">
»

The image size is specified in pixels: width="500" means 500 pixels wide.
You will learn more about images in our HTML Images chapter.

The alt Attribute
The 

alt
[size=undefined]
 attribute specifies an alternative text to be used, when an image cannot be displayed.[/size]

The value of the attribute can be read by screen readers. This way, someone "listening" to the webpage, e.g. a blind person, can "hear" the element.
Example
<img src="img_girl.jpg" alt="Girl with a jacket">

The 

alt
[size=undefined]
 attribute is also useful if the image does not exist:[/size]

Example
See what happens if we try to display an image that does not exist:
<img src="img_typo.jpg" alt="Girl with a jacket">
Reply




Users browsing this thread:
1 Guest(s)