Scribd
Upload
50 views9 pages

Essential HTML Attributes Explained

HTML attributes provide additional information about HTML elements. Attributes are always specified in the start tag and usually come in name/value pairs. Common attributes include href, src, alt, width, height, style, and lang. The href attribute specifies the URL for hyperlinks. The src attribute specifies the path to embedded images. The alt attribute provides alternate text for images. The width and height attributes define the size of images. The style attribute adds styles to elements. The lang attribute declares the language of the page.

Uploaded by

Leslie Perez
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
50 views9 pages

Essential HTML Attributes Explained

HTML attributes provide additional information about HTML elements. Attributes are always specified in the start tag and usually come in name/value pairs. Common attributes include href, src, alt, width, height, style, and lang. The href attribute specifies the URL for hyperlinks. The src attribute specifies the path to embedded images. The alt attribute provides alternate text for images. The width and height attributes define the size of images. The style attribute adds styles to elements. The lang attribute declares the language of the page.

Uploaded by

Leslie Perez
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd

HTML Attributes

HTML Attributes

 HTML attributes provide additional information about HTML elements.

 All HTML elements can have attributes

 Attributes provide additional information about elements

 Attributes are always specified in the start tag

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


The href Attribute

 The <a> tag defines a hyperlink. The href attribute specifies the URL of the
page the link goes to

<a href="[Link]
The src Attribute

 The <img> tag is used to embed an image in an HTML page. The src attribute
specifies the path to the image to be displayed:

<img src="img_girl.jpg">
Two ways to specify the URL in the src
attribute:
 Absolute URL 
Links to an external image that is hosted on another website

Notes: External images might be under copyright. If you do not get permission to


use it, you may be in violation of copyright laws. In addition, you cannot control
external images; it can suddenly be removed or changed.

 Relative URL
Links to an image that is hosted within the website. Here, the URL
does not include the domain name. If the URL begins without a slash, it will be
relative to the current page

Tip: It is almost always best to use relative URLs. They will not break if you
change domain.
The width and height Attributes

 The <img> tag should also contain the width and height attributes, which
specifies the width and height of the image (in pixels):

<img src="img_girl.jpg" width="500" height="600">
The alt Attribute
 The required alt attribute for the <img> tag specifies an alternate text for an
image, if the image for some reason cannot be displayed. This can be due to slow
connection, or an error in the src attribute, or if the user uses a screen reader.

<img src="img_girl.jpg" alt="Girl with a jacket">


The style Attribute

 The style attribute is used to add styles to an element, such as color, font,
size, and more.

<p style="color:red;">This is a red paragraph.</p>


The lang Attribute

 You should always include the lang attribute inside the <html> tag, to declare
the language of the Web page. This is meant to assist search engines and
browsers.

 The following example specifies English as the language:


 <!DOCTYPE html>
<html lang="en">
<body>
...
</body>
</html>

You might also like