What is Favicon in HTML?
- A favicon is an image displayed before the title of web page.
- <link> tag with attribute rel="icon" is used to add a favicon on the web page.
HTML Favicon Syntax
<link rel="icon" type="image/x-icon" href="./favicon.ico">
HTML Favicon Syntax Examples
<!DOCTYPE html>
<html>
<head>
<title> Geeks Help </title>
<link rel="icon" type="image/x-icon" href="./favicon.ico">
</head>
<body>
<!-- Body Content Goes Here -->
</body>
</html>
What is HTML Entities?
- HTM Entities are used to display reserved characters on web page.
- HTML entities start with (&) and end with a semicolon (;).
HTML Entities list
Entity Name | Description | Result |
& | ampersand | & |
< | less than | < |
> | greater than | > |
| non-breaking space |
|
£ | pound | £ |
© | copyright | © |
® | registered trademark | ® |
¢ | cent | ¢ |
' | single quotation mark (apostrophe) | ' |
¥ | yen | ¥ |
€ | euro | € |
≈ | almost equal to | ≈ |
" | double quotation mark | " |
™ | Trademark symbol | ™ |
° | Degree symbol | ° |
&raque; | Right angle quotation mark | » |
« | Left angle quotation mark | « |
½ | One-half fraction | ½ |
§ | Section sign | § |
– | En dash | – |
Code Described in the video
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Favicon and HTML Entities </title>
<link rel="shortcut icon" href="./assets/geekhelpIcon.png" type="image/x-icon">
</head>
<body>
<!-- HTML Entities -->
<p>
©
&
£
'
</body>
</html>
