CodeW3C verkkokurssit
  • HTML-sarja opastuksia
  • 浏览器脚本
  • 服务器脚本
  • Ohjelmointi opastuksia
  • XML-sarja opastuksia
  • Verkkosivuston opas
  • Viittausopas

课程表

Viittausopas

  • HTML 元素(字母排序)
  • HTML 元素(功能排序)
  • HTML 浏览器支持
  • HTML-yleiset ominaisuudet
  • HTML 事件
  • HTML-värit
  • HTML 画布
  • HTML 视频/音频
  • HTML-merkistö
  • HTML 文档类型
  • HTML-URL-koodaus
  • HTML 语言代码
  • HTML 国家代码
  • HTTP 消息
  • HTTP 方法
  • Näppäimistönopeudet

HTML 标签

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

    Kurssivihjeet:

    • CodeW3C.com:n avatustarjous

    HTML <area> coords ominaisuus

    HTML-<area>-tagi

    Määritelmä ja käyttö

    coords Ominaisuus määrittää kuvamappauksen alueen koordinaatit.

    coords Ominaisuus shape-ominaisuus Yhdessä niiden avulla määritellään alueen koko, muoto ja sijainti.

    Vinkki:Alueen ylävasemman koordinaatit ovat 0,0.

    Huomioitavaa:Jos jossakin area-tagin koordinaateissa tapahtuu ristiriita muiden alueiden kanssa, ensimmäinen esiintyvä area-tagia käytetään ensisijaisesti. Selain ohittaa kuvan reunien ulkopuolelle sijoittuvat koordinaatit.

    Esimerkki

    Määritä kuvamappauksen jokaisen alueen koordinaatit coords-ominaisuuksella:

    <map name="planetmap">
    <area shape="rect" coords="0,0,114,576" href="sun.htm" alt="Sun">
    <area shape="circle" coords="190,230,5" href="mercur.htm" alt="Mercury">
    <area shape="circle" coords="228,230,5" href="venus.htm" alt="Venus">
    </map>
    

    Kokeile itse

    Syntaksi

    <area coords="value">
    

    Ominaisuusarvo

    Arvo Kuvaus
    x1,y1,x2,y2 Määritä suorakulmion ylävasemman ja oikean alakulman koordinaatit (shape="rect").
    x,y,radius Määritä pyöreän keskipisteen koordinaatit ja säde (shape="circle").
    x1,y1,x2,y2,...,xn,yn

    Määritä polygonin reunien koordinaatit.

    Jos ensimmäinen ja viimeinen koordinaattipari eivät ole samat, selain lisää viimeisen koordinaattiparin sulkeakseen polygonin (shape="poly").

    Yksityiskohtainen selitys:

    <area>-tagin coords-ominaisuus määrittää asiakasohjelmistossa olevan kuvamappauksen hiirellä herkän alueen koordinaatit. Koordinaattien numerot ja niiden merkitys riippuvat alueen muodosta, jota shape-ominaisuus määrittää. Voit määrittää asiakasohjelmistossa olevan kuvamappauksen hyperlinkkialueen suorakulmioksi, pyöreäksi tai polygoniksi.

    Alla luetellaan jokaisen muodon sopivat arvot:

    Pyöreä: shape="circle", coords="x,y,z"

    Tässä x ja y määrittävät pyöreän keskipisteen sijainnin ("0,0" on kuvan vasemman yläkulman koordinaatit), r on pyöreän säde kuvapisteinä.

    Polygoni: shape="polygon", coords="x1,y1,x2,y2,x3,y3,..."

    Jokainen pariskunta "x,y" koordinaatit määrittää polygonin yhden kulman ("0,0" on kuvan vasemman yläkulman koordinaatit). Triangelin määrittämiseen tarvitaan vähintään kolme koordinaattiparia; korkean etäisyyden polygoni tarvitsee enemmän kulmia.

    Monikulmio suljetaan automaattisesti, joten ensimmäinen koordinaatti ei tarvitse toistaa listan lopussa koko alueen sulkeakseen.

    Suorakulmio: shape="rectangle", coords="x1,y1,x2,y2"

    Ensimmäinen koordinaatti on suorakulmion yhden kulman koordinaatit, toinen koordinaatti on vastakkaisen kulman koordinaatit, "0,0" on kuvan vasemman yläkulman koordinaatit. Huomaa, että suorakulmion määrittäminen on monikulmion neljä kulmaa määrittävän yksinkertaistettu tapa.

    Esimerkiksi, seuraava XHTML-osa määrittelee oikeassa alakulmassa 100x100 pikselin kuvan neljänneksessä herkän alueen ja keskipisteessä kiertokulman alueen kuvassa.

    <map name="map">
      <area shape="rect" coords="75,75,99,99" nohref="nohref">
      <area shape="circ" coords="50,50,25" nohref="nohref">
    </map>
    

    Selaimen tuki

    Chrome Edge Firefox Safari Opera
    Chrome Edge Firefox Safari Opera
    Tuki Tuki Tuki Tuki Tuki

    HTML-<area>-tagi

    Työkalupakka

    HTML-käyttöohje
    HTML-esimerkit
    HTML-kokeilu
    HTML-opas

    Sponsorointilinkit

    CodeW3C.com tarjoaa sisältöä koulutukseen ja testaukseen, emme takaa sisällön oikeellisuutta. Käyttämällä tätä sivustoa syntynyt riski ei ole sivuston vastuulla. Kaikki oikeudet pidätetään.

    Tietoja CodeW3C.com:sta Apua CodeW3C.com:sta Käyttöehdot Tietosuojalauseke Voimaannut Ce4e.com