Night More

Revise Now

Cambridge AS levels

Physics Chemistry Computer Science

Programming and coding

Learn HTML Learn SEO


What do you want
to do?

Contact us Donate Support More Services Send a tweet Social media

more topic chapters

HTML Basic Attributes

html attributes cover page for the webpage

You may have seen that we have used the word attribute before especially for the links and the images

A simple definition of an attribute is a property of the HTML element. In order words, it defines the HTML elements or tags more

Let's see an example

The <img src="">

The src attribute is neccesary as it tells the image element from where the imae is to be loaded

You need to know some key points of attibutes

  • 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: href="url"

The src attribute defines the url or the location of the image file

The alt attribute is used to define the image when it is unable to be loaded. Makes the website more popular under Google SEO

The href attribute for hyperlinks

If we need to add a hyperlink then we need to add the url to which the hyperlink direct to. For this we need to use the href attribute


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):

However, these attributes are not neccessary but help boost the Google SEO and SERP by loading the webpage faster

We can also style the image dimensions using CSS styling rather than using these attributes


The style Attribute

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

This is called inline styling which are used to style the elements. We won't talk much about these styling in this topic but we will give an example


The lang Attribute

 The lang attribute is used to define the language of the element or the webpage. It is very important for google seo

You should always include the lang attribute inside the <html> tag. This is used to boost SEO and search engine rankings of your website

This defines the document as english

This will not change any content in the html document however will boost you SEO ranking as this defines which language your webpage is on

Infact the lang attribute is a global attribute which could be used in almost every html element

we can also define it using any language but you need to know the country language codes

The title Attribute

The title attribute acts as a tooltip when hovered

The title attribute defines some extra information about an element.

When you hover you mouse pointer over an html element the title information is displayed


In CSS we have more advance methods of designing tooltips to show more information but that will be covered in the CSS topic

Good practices

It's better to follow one way or form of writing the codes. So here are the rules that Revise Zone uses when writing HTML codes

We use lowercase when writing the html attributes

We use double quotes to enter values for the HTML attributes

Also remember these points

Some HTML attributes can only be applied for specific html elements such as alt attributes are used for <img> and <iframes>

Some attributes are global and can be used for any html element like style and lang attributes

Revisezone.com Copyright 2020 Developers & Coding section