Scribd
Upload
15 views6 pages

HTML Favicon

The document explains how to create and add a favicon to a website, emphasizing the importance of using a simple, high-contrast image. It also details the HTML structure for creating tables, including the use of <tr>, <th>, and <td> tags to organize data into rows and columns. Additionally, it provides information on supported file formats for favicons across various browsers.

Uploaded by

Anees Ahmed
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
15 views6 pages

HTML Favicon

The document explains how to create and add a favicon to a website, emphasizing the importance of using a simple, high-contrast image. It also details the HTML structure for creating tables, including the use of <tr>, <th>, and <td> tags to organize data into rows and columns. Additionally, it provides information on supported file formats for favicons across various browsers.

Uploaded by

Anees Ahmed
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 6

HTML Favicon

A favicon is a small image displayed next to the page title in the


browser tab
 Should be a simple image with high contrast

How to Add Favicon:


 To add a favicon to your website, either save your favicon image to
the root directory of your webserver, or create a folder in the root
directory called images, and save your favicon image in this folder.
A common name for a favicon image is "favicon.ico".
<head>
<title>My Page Title</title>
<link rel="icon" type="image/x-icon" href="/images/
favicon.ico">
</head>
Favicon File Format Support
The following table shows the file format support for a favicon image:

Browser ICO PNG GIF JPEG SVG


Edge Yes Yes Yes Yes Yes
Chrome Yes Yes Yes Yes Yes
Firefox Yes Yes Yes Yes Yes
Opera Yes Yes Yes Yes Yes
Safari Yes Yes Yes Yes Yes
HTML Tables
 HTML tables allow web developers to arrange data into rows and
columns.
Student Name Contact Class
M.Saleem 76823482934 DIT 2nd Semester
Sohail Ahmad 97899089453 DIT 2nd Semester
Ahad 07998735 DIT 2nd Semester
Nabeel 76823482934 DIT 2nd Semester
Tanzil 97899089453 DIT 2nd Semester
Asim 07998735 DIT 2nd Semester
How to define HTML Table
 A table in HTML consists of table cells inside rows and columns

<table>
<tr>
<th>Student Name</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Ahad</td>
<td>Sohail</td>
<td>Tanzil</td>
</tr>
<tr>
<td>DIT 2nd Semester</td>
<td>DIT 2nd Semester</td>
<td>DIT 2nd Semester</td>
</tr>
</table>
 Each table cell is defined by <td>
 <td> stands for table data
 A table cell can contain all sorts of HTML elements: text, images, lists,
links, other tables, etc
Table Rows
Each table row starts with <tr> and ends with </tr>
<tr> stands for table row
<table>
<tr>
<td>Sohail</td>
<td>Ahad</td>
<td>Tanzil</td>
</tr>
<tr>
<td>DIT 2nd Semester</td>
<td>DIT 2nd Semester</td>
<td>DIT 2nd Semester</td>
</tr>
</table>
Table Headers
 Everything between <th> and </th> is table header
 <th> stands for table header

<tr>
<th>Student Name</th>
<th>Contact NO</th>
<th>Class</th>
</tr>

You might also like