HTML Tutorial
HTML Attributes
- html-global-attributes
- html-event-attributes
HTML Tags List
HTML5 Advance
HTML API
HTML Color Names
- html-color-names
HTML Misc
MCQ
- html-mcq
Interview Questions
- html-interview-questions

How to Change Link color in Html

If we want to change the link color using an inline style attribute which is used for linking to another page then we have to follow the steps which are given below. Using these steps, we can easily change the color of the link.

Step 1: Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want to use the style attribute for changing the link color.

<!Doctype Html>
<Html>   
<Head>    
<Title>   
Change Link color using style attribute
</Title>
</Head>
<Body> 
This page helps you to understand how to change the link color using the style attribute.
<br>
Click <a href="https://www.tutorialsinfo.com/">here</a> to move on the home page of our site. 
</Body>
</Html>

Step 2: Now, place the cursor within that starting anchor tag whose link color we want to change. And, then type the inline style attribute within that tag.

Step 3: Now, we have to type the color property in the style attribute. And, then we have to specify the name of color which we want to show.

Step 4: And, at last, we have to save the Html file and then run the file.

<!Doctype Html>
<Html>   
<Head>    
<Title>   
Change Link color using style attribute
</Title>
</Head>
<Body> 
This page helps you to understand how to change the link color using the style attribute.
<br>
Click <a href="https://www.tutorialsinfo.com/" style="color:red">here</a> to move on the home page of our site. 
</Body>
</Html>

Test it Now

The output of above Html code is shown in the following screenshot: