How to add Two different style sheets for two different media types (screen and print)
Link Example.
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="https://www.w3schools.com/tags/demo_screen.css">
<link rel="stylesheet" type="text/css" href="https://www.w3schools.com/tags/demo_print.css" media="print">
</head>
<body>
<h1>Horje Example</h1>
<p><a href="tryhtml_link_media.htm" target="_blank">Click here</a> to open this page in a new window (without the tryit part).</p>
<p>If you print this page, or open it in print preview, you will see that it is styled with the media="print" stylesheet. The "print" stylesheet contains black text on white background.</p>
</body>
</html>
Output should be:
| How to add A link with a media attribute | HTML Attribute |
| How to add An image map, with a clickable area | HTML Attribute |
| How to add Two different style sheets for two different media types (screen and print) | HTML Attribute |
| How to Use of the media attribute | HTML Attribute |
| How to add Specify the style to use for print | HTML Attribute |
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Attribute |
Uploaded by: | Admin |