Nairaway Forum

Welcome, Guest: Join NairaWay / Login / Trending / Recent / New
Stats: 227 members, 2,753 topics. Date:  May 21, 2018, 1:34 pm

LEARN HTML [HTML ATTRIBUTES] - Programming - NAIRAWAY

NAIRAWAY Forum / Programming / LEARN HTML [HTML ATTRIBUTES] (1 Post | 321 Views)

Raspberry Pi Competitor Rock64 Debuts With Lower Price, 4K HDR / RECEIVE MONEY ABROAD IN YOUR BANK ACCOUNT WITH PAYONEER MASTERCARD / visa opportunity /

(1) (Reply) (Go Down)

LEARN HTML [HTML ATTRIBUTES] by nairaway(m) : 11:06 am On Aug 18, 2016

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"

The Lang Attribute:
The document language can be declared in the <html> tag. The language is declared in the lang attribute. Declaring a language is important for accessibility applications (screen readers) and search engines:

<!DOCTYPE html>
<html lang="en-US">
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

The Title Attribute:
HTML paragraphs are defined with the <p> tag.In this example, the <p> element has a title attribute. The value of the attribute is "About W3Schools":
<p title="About W3Schools"></p>

The href Attribute:
HTML links are defined with the <a> tag. The link address is specified in the href attribute:
<a href="W3Schools Online Web Tutorials">This is a link</a>

Size Attributes:
HTML images are defined with the <img> tag. The filename of the source (src), and the size of the image (width and height) are all provided as attributes
>>Example:
<img src="w3schools.jpg" width="104" height="142">

The alt Attribute:
The alt attribute specifies an alternative text to be used, when an HTML element cannot be displayed.
The value of the attribute can be read by "screen readers". This way, someone "listening" to the webpage, i.e. a blind person, can "hear" the element.
>>Examples:
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

##We Suggest: Always Use Lowercase Attributes
The HTML5 standard does not require lower case attribute names.

The title attribute can be written with upper or lower case like Title and/or TITLE.

W3C recommends lowercase in HTML4, and demands lowercase for stricter document types like XHTML.

We Suggest: Always Quote Attribute Values
The HTML5 standard does not require quotes around attribute values.

The href attribute, demonstrated above, can be written as:

<a href=http://www.w3schools.com>

W3C recommends quotes in HTML4, and demands quotes for stricter document types like XHTML.

Sometimes it is necessary to use quotes. This will not display correctly, because it contains a space:

<p title=About W3Schools>

Single or Double Quotes?.
Double style quotes are the most common in HTML, but single style can also be used.

In some situations, when the attribute value itself contains double quotes, it is necessary to use single quotes:

<p title='John "ShotGun" Nelson'>

<p title="John 'ShotGun' Nelson">

Chapter Summary
All HTML elements can have attributes
The HTML title attribute provides additional "tool-tip" information
The HTML href attribute provides address information for links
The HTML width and height attributes provide size information for images
The HTML alt attribute provides text for screen readers
At W3Schools we always use lowercase HTML attribute names
At W3Schools we always quote attributes with double quotes


Source: www.w3Schools.com

CLICK HERE TO GET FREE TUTORIALS ON MAKING FREE CALLS, WATCHING DSTV FREE ETC

LEARN HOW TO MAKE N250,000 MONTHLY ONLINE IN NIGERIA

How to Make Huge money From Expired Domain name click http://cashnaira.com

FREE GUIDE! BROWSE FREE, MAKE FREE CALLS, MAKE MONEY ONLINE ETC

CLICK HERE TO EARN $45 – $100 DAILY ONLINE WITH YOUR FACEBOOK ACCOUNT

(1) (Reply)

Microsoft out to regain ground in schools with Surface / Google to now remove ads from pages that violate AdSense policies without sanctioning website / Get Segregated & Targeted 10 Million Plus Nigerian Email Addresses Of All Niches /

Viewing this topic: 1 guest viewing this topic


(Go Up)

NAIRAWAY - Copyright © 2016 Oluwasegun Adebayo. All rights reserved. Follow NairaWay on Facebook
Disclaimer: Every NAIRAWAY member is solely responsible for anything that he/she posts or uploads on NAIRAWAY.