Wednesday, 6 July 2022

URL bar color change in html -Simple Method

HOW TO CHANGE BROWSER THEME-COLOR / URL / ADDRESS BAR COLOR CHANGE

URL BAR COLOR CHANGE IN HTML

In HTML page URL/ADDRESS BAR section to change color or theme,

In this post, we will know how to change URL/Address bar theme color change in HTML document. If you designing dark theme based web document, but URL section only displayed white. We feel that section should same theme then good. Its very simple and easy method, Just add theme-color in Meta-tags attribute. 

META-TAG

the <meta> tag is used to inside the <head> tag. 

It defines meta-data about the HTML document.

HOW TO USE

<meta> tag used two attributes

name  attribute = name of the theme attribute - theme-color

content attribute = color of theme - Hexadecimal value

SYNTAX & EXAMPLE

<meta name="theme-color" content="#1bb566">

FULL CODE

<!DOCTYPE html>

<html>

  <head>

    <title>Easy Making Web Apps</title>

    <meta name="theme-color" content="#1bb566">

 </head>

  <body>

    <h1>Welcome To Easy Making Web Apps</h1>

</body>

  </html>


No comments:

Post a Comment

What is AI- Artificial Intelligence - தமிழில்

Artificial Intelligence : Artificial intelligence leverages computers and machines to mimic the problem-solving and decision-making capabili...