How to add HTML <area> media orientation Attribute

orientation

Specifies the orientation of the target display/paper.
Possible values: "portrait" or "landscape"
Example: media="all and (orientation: landscape)"

index.html

Example: HTML


<!DOCTYPE html>
<html>
<body>
<h1>The area media orientation attribute</h1>
<p>Click on the sun to watch it closer:</p>
<img src="https://horje.com/avatar.png" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap"> <area shape="rect" coords="0,0,82,126" alt="Sun" href="https://horje.com" media="all and (orientation: landscape)">
</map>
</body>
</html>

Output should be:

Single Articles

How to create HTML <area> Tag	HTML Tag
Browser Support for HTML <area> Tag	HTML Tag
Attributes for HTML <area> Tag	HTML Tag
Another image map, with clickable areas for HTML <area> Tag	HTML Tag
How to set Default CSS Settings for HTML <area> Tag	HTML Tag
How to add HTML <area> alt Attribute	HTML Tag
How to add HTML <area> coords Attribute	HTML Tag
How to add HTML <area> coords x1,y1,x2,y2 Attribute	HTML Tag
How to add HTML <area> coords x,y,radius Attribute	HTML Tag
How to add HTML <area> download Attribute	HTML Tag
How to Specify a value for the download attribute HTML <area> download Attribute	HTML Tag
How to add HTML <area> href Attribute	HTML Tag
How to add HTML <area> hreflang Attribute	HTML Tag
How to add HTML <area> media Attribute	HTML Tag
How to add HTML <area> media width Attribute	HTML Tag
How to add HTML <area> media height Attribute	HTML Tag
How to add HTML <area> media device-width Attribute	HTML Tag
How to add HTML <area> media device-height Attribute	HTML Tag
How to add HTML <area> media orientation Attribute	HTML Tag
How to add HTML <area> media aspect-ratio Attribute	HTML Tag
How to add HTML <area> media device-aspect-ratio Attribute	HTML Tag
How to add HTML <area> media color Attribute	HTML Tag
How to add HTML <area> media color-index Attribute	HTML Tag
How to add HTML <area> media monochrome Attribute	HTML Tag
How to add HTML <area> media resolution Attribute	HTML Tag
How to add HTML <area> media scan Attribute	HTML Tag
How to add HTML <area> media grid Attribute	HTML Tag
How to add HTML <area> referrerpolicy Attribute	HTML Tag
How to add HTML <area> referrerpolicy no-referrer Attribute	HTML Tag
How to add HTML <area> referrerpolicy no-referrer-when-downgrade Attribute	HTML Tag
How to add HTML <area> referrerpolicy origin Attribute	HTML Tag
How to add HTML <area> referrerpolicy origin-when-cross-origin Attribute	HTML Tag
How to add HTML <area> referrerpolicy same-origin Attribute	HTML Tag
How to add HTML <area> referrerpolicy strict-origin-when-cross-origin Attribute	HTML Tag
How to add HTML <area> referrerpolicy unsafe-url Attribute	HTML Tag
How to add HTML <area> rel Attribute	HTML Tag
How to add HTML <area> rel alternate Attribute	HTML Tag
How to add HTML <area> rel author Attribute	HTML Tag
How to add HTML <area> rel bookmark Attribute	HTML Tag
How to add HTML <area> rel help Attribute	HTML Tag
How to add HTML <area> rel license Attribute	HTML Tag
How to add HTML <area> rel next Attribute	HTML Tag
How to add HTML <area> rel nofollow Attribute	HTML Tag
How to add HTML <area> rel noreferrer Attribute	HTML Tag
How to add HTML <area> rel prefetch Attribute	HTML Tag
How to add HTML <area> rel prev Attribute	HTML Tag
How to add HTML <area> rel search Attribute	HTML Tag
How to add HTML <area> rel tag Attribute	HTML Tag
How to add HTML <area> shape Attribute	HTML Tag
How to add HTML <area> shape default Attribute	HTML Tag
How to add HTML <area> shape rect Attribute	HTML Tag
How to add HTML <area> shape circle Attribute	HTML Tag
How to add HTML <area> shape poly Attribute	HTML Tag
How to add HTML <area> target Attribute	HTML Tag
How to add HTML <area> target _blank Attribute	HTML Tag
How to add HTML <area> target _self Attribute	HTML Tag
How to add HTML <area> target _parent Attribute	HTML Tag
How to add HTML <area> target _top Attribute	HTML Tag
How to add HTML <area> target framename Attribute	HTML Tag
How to add HTML <area> type Attribute	HTML Tag
How to add HTML <area> type media Attribute	HTML Tag

HTML <!--...--> Tag	HTML Tag
HTML <!DOCTYPE> Declaration	HTML Tag
HTML Elements and Doctypes	HTML Tag
HTML <a> Tag	HTML Tag
HTML <abbr> Tag	HTML Tag
HTML <acronym> Tag	HTML Tag
HTML <address> Tag	HTML Tag
HTML <applet> Tag	HTML Tag
HTML <area> Tag	HTML Tag
HTML <article> Tag	HTML Tag
HTML <aside> Tag	HTML Tag
HTML <audio> Tag	HTML Tag
HTML <b> Tag	HTML Tag
HTML <base> Tag	HTML Tag
HTML <basefont> Tag	HTML Tag
HTML <bdi> Tag	HTML Tag
HTML <bdo> Tag	HTML Tag
HTML <big> Tag	HTML Tag
HTML <blockquote> Tag	HTML Tag
HTML <body> Tag	HTML Tag
HTML <br> Tag	HTML Tag
HTML <button> Tag	HTML Tag
HTML <canvas> Tag	HTML Tag
HTML <caption> Tag	HTML Tag
HTML <center> Tag	HTML Tag
HTML <cite> Tag	HTML Tag
HTML <code> Tag	HTML Tag
HTML <col> Tag	HTML Tag
How to create HTML <colgroup> Tag	HTML Tag
HTML <data> Tag	HTML Tag
HTML <datalist> Tag	HTML Tag
HTML <dd> Tag	HTML Tag
HTML <del> Tag	HTML Tag
HTML <details> Tag	HTML Tag
HTML <dfn> Tag	HTML Tag
HTML <dialog> Tag	HTML Tag
HTML <dir> Tag	HTML Tag
HTML <div> Tag	HTML Tag
HTML <dl> Tag	HTML Tag
HTML <dt> Tag	HTML Tag
HTML <em> Tag	HTML Tag
HTML <embed> Tag	HTML Tag
HTML <fieldset> Tag	HTML Tag
HTML <figcaption> Tag	HTML Tag
HTML <figure> Tag	HTML Tag
HTML <font> Tag	HTML Tag
HTML <footer> Tag	HTML Tag
HTML <form> Tag	HTML Tag
HTML <frame> Tag	HTML Tag
HTML <frameset> Tag	HTML Tag
HTML <h1> to <h6> Tags	HTML Tag
HTML <head> Tag	HTML Tag
HTML <header> Tag	HTML Tag
HTML <hgroup> Tag	HTML Tag
HTML <hr> Tag	HTML Tag
HTML <html> Tag	HTML Tag
HTML <i> Tag	HTML Tag
HTML <iframe> Tag	HTML Tag
HTML <img> Tag	HTML Tag
HTML <input> Tag	HTML Tag
HTML <ins> Tag	HTML Tag
HTML <kbd> Tag	HTML Tag
HTML <label> Tag	HTML Tag
HTML <legend> Tag	HTML Tag
HTML <li> Tag	HTML Tag
HTML <link> Tag	HTML Tag
HTML <main> Tag	HTML Tag
HTML <map> Tag	HTML Tag
HTML <mark> Tag	HTML Tag
HTML <menu> Tag	HTML Tag
HTML <meta> Tag	HTML Tag
HTML <meter> Tag	HTML Tag
HTML <nav> Tag	HTML Tag
HTML <noframes> Tag	HTML Tag
HTML <noscript> Tag	HTML Tag
HTML <object> Tag	HTML Tag
HTML <ol> Tag	HTML Tag
HTML <optgroup> Tag	HTML Tag
HTML <option> Tag	HTML Tag
HTML <output> Tag	HTML Tag
HTML <p> Tag	HTML Tag
HTML <param> Tag	HTML Tag
HTML <picture> Tag	HTML Tag
HTML <pre> Tag	HTML Tag
HTML <progress> Tag	HTML Tag
HTML <q> Tag	HTML Tag
HTML <rp> Tag	HTML Tag
HTML <rt> Tag	HTML Tag
HTML <ruby> Tag	HTML Tag
HTML <s> Tag	HTML Tag
HTML <samp> Tag	HTML Tag
HTML <script> Tag	HTML Tag
HTML <search> Tag	HTML Tag
HTML <section> Tag	HTML Tag
HTML <select> Tag	HTML Tag
HTML <small> Tag	HTML Tag
HTML <source> Tag	HTML Tag
HTML <span> Tag	HTML Tag
HTML <strike> Tag	HTML Tag
HTML <strong> Tag	HTML Tag
HTML <style> Tag	HTML Tag
HTML <sub> Tag	HTML Tag
HTML <summary> Tag	HTML Tag
HTML <sup> Tag	HTML Tag
HTML <svg> Tag	HTML Tag
HTML <table> Tag	HTML Tag
HTML <tbody> Tag	HTML Tag
HTML <td> Tag	HTML Tag
HTML <template> Tag	HTML Tag
HTML <textarea> Tag	HTML Tag
HTML <tfoot> Tag	HTML Tag
HTML <th> Tag	HTML Tag
HTML <thead> Tag	HTML Tag
HTML <time> Tag	HTML Tag
HTML <title> Tag	HTML Tag
HTML <tr> Tag	HTML Tag
HTML <track> Tag	HTML Tag
HTML <tt> Tag	HTML Tag
HTML <u> Tag	HTML Tag
HTML <ul> Tag	HTML Tag
HTML <var> Tag	HTML Tag
HTML <video> Tag	HTML Tag
How to add HTML <wbr> Tag	HTML Tag

Type :	html
Category :	Web Tutorial
Sub Category :	HTML Tag
Uploaded by :	Admin