HTML For Beginners: Part 7

• HTML For Beginners: Part 1
• HTML For Beginners: Part 2
• HTML For Beginners: Part 3
• HTML For Beginners: Part 4
• HTML For Beginners: Part 5
• HTML For Beginners: Part 6

• HTML links are hyperlinks.
• A hyperlink is a text or an image you can click on and jump to another document.

HTML Links: syntax

• The href attribute specifies the destination address (http://www.c-sharpcorner.com).
• The link text is the visible part (c#corner).
• Clicking on the link text will send you to the specified address.

Local Links

The example above uses an absolute URL (a full web address). A local link (link to the same web site) is specified with a relative URL (without http://www....).

HTML Links: Colors and Icons

When you move the mouse cursor over a link, two things will normally happen:

• The mouse arrow will turn into a little hand.
• The color of the link element will change.

By default, links will appear like this in all browsers:

• An unvisited link is underlined and Blue.
• A visited link is underlined and Purple.
• An active link is underlined and Red.

HTML Links: The target Attribute

The target attribute specifies where to open the linked document. This example will open the linked document in a new browser window or in a new tab.

• In HTML, images are defined with the <img> tag.
• If the <img> tag is empty, it contains attributes only and does not have a closing tag.
• The src attribute defines the URL (web address) of the image as in the following:
  
  1. <img src="url" alt="some_text">
     

The alt Attribute

• The alt attribute specifies an alternate text for the image if it cannot be displayed.
• The value of the alt attribute should describe the image in words.

• The alt attribute is required. A web page will not validate correctly without it.

HTML Screen Readers

• Screen readers are software programs that can read what is displayed on a screen.
• Used on the web, screen readers can "reproduce" HTML as text-to-speech, sound icons, or braille output.
• Screen readers are used by people who are blind, visually impaired or learning disabled.

Image Size: Width and Height

• You can use the style attribute to specify the width and height of an image.
• The values are specified in pixels (use px after the value).

• Alternatively, you can use width and height attributes.
• The values are specified in pixels (without px after the value).

Width and Height or Style

• Both the width, the height, and the style attributes are valid in the latest HTML5 standard.
• We suggest you use the style attribute. It prevents style sheets from changing the default size of images.