bluehost

Showing posts with label python.. Show all posts
Showing posts with label python.. Show all posts

Friday, 8 October 2021

How To Add A Favicon In To A HTML Website

 

  1. Favicon is an icon associated with a particular website, typically displayed in the address bar of a browser accessing the site or next to the site name in a user's list of bookmarks. It 
    serves as a branding for your website. Its main purpose is to help visitors locate your page easier.





  4. Favicon icon is added between the head tags, and it must be added into each and every page of a website.
  5. <head>
    </head>
You should start  with the link to connect the icon.


<link rel="icon">

Then the icon link from your project folder href="favicon.png"follows.

<link rel="icon" href="favicon.png" type="image/x-icon">
  1. This is the full link.
at 1 comment:
Labels: , , ,

Tuesday, 13 July 2021

CREATING A PROGRESS BAR USING HTML.



The unmated progress bar;HTML,CSS JS



The bar is at rest in 1%, and when you click on the button , it starts moving to 100%. The bar moves at an interval  of 10 squires until it reaches 100%.


html Progress Bar

1%

<body>

<h1>html Progress Bar</h1>

<div id="Progress">
<div id="Bar">1%</div>
</div>

<br>
<button onclick="move()">Click</button>

<script>
var i = 0;

function move() {
if (i == 0) {
i = 1;
var elem = document.getElementById("Bar");
var width = 10;
var id = setInterval(frame, 10);

function frame() {
if (width >= 100) {
clearInterval(id);
i = 0;
} else {
width++;
elem.style.width = width + "%";
elem.innerHTML = width + "%";
}
}
}
}
</script>



#Progress {
width: 100%;
background-color: rgb(165, 190, 106);
}

#Bar {
width: 1%;
height: 25px;
background-color: #0f04aa;
text-align: center;
line-height: 25px;
color: white;
}
at No comments:
Labels: ,
Subscribe to: Posts (Atom)

React vs Angular; Front-End Web Development

Angular and React  are two of the most popular Javascript tools for front-end development. React is a Javascript created by Meta...