-5

次の文で名前をイタリック体で表示して、コードを更新する必要があります。タグ
は innerHTML のどこに配置しますか? 

`enter code here`
<html>
 <head>
  <title>
   Greetings
  </title>
  <meta charset="us-ascii">
 </head>
 <body>
  <h2>Greetings</h2>
  <p>
   Enter your name:
   <input type="text" id="nameBox" size=12 value="">
  </p>
  <input type="button" value="Click for Greeting"
   onclick="
    document.getElementById('outputDiv').innerHTML=
     'Hello '
     + document.getElementById('nameBox').value
     + ', welcome to my page.<br>Do you mind if I call you '
     + document.getElementById('nameBox').value
     + '?';
    ">
   <hr>
   <div id="outputDiv">
  </div>
 </body>
</html>
4

2 に答える 2

1

斜体のタグは<i>. 要素を囲んで斜体で表示することができます。 your name is <i> unknown to us </i>

このタグは使用しないでください。

これは、(1) 各バイトを保存する必要があるアプリケーション、または (2) Netscape 1.0 のような古いブラウザーをサポートする必要がある状況では許容されます。
電子メール クライアントでさえ、<em>タグまたは埋め込み CSS をサポートしています。

より良い方法は、<em>タグを使用することです。
「強調する」という意味です。ほとんどのブラウザは、そのようなテキストを斜体で表示します。違いは、斜体をレンダリングできないブラウザーにあります。そのようなブラウザが遭遇<i>すると、タグをスキップし、そのコンテンツを効果なくレンダリングします。遭遇<em>すると、利用可能なあらゆる手段でテキストを強調します。代わりに太字を使用したり、テキストの色を変更したり、スペースを挿入したり... . スクリーン リーダーの場合、「速度を 10% 下げて音量を 5% 上げる」ことを意味します。

最新の方法は、セマンティクスでタグ付けし、CSS でスタイルを設定することです。

your name is <span class="name"> unknown to us </span>

別のCSSファイルで

span.name { font-style: italic; }
于 2012-10-17T04:15:13.390 に答える
1

次のコードをテストしました。返信がイタリック体になるは​​ずです。参考までに、出力の外観に対するすべての変更は、CSS (スタイル タグ) を使用して行うことができます。また、HTML、JavaScript、および CSS コンポーネントを互いに分離しておくことをお勧めします。

<!DOCTYPE html>
<html>
     <head>
        <title> Greetings</title>
        <meta charset="us-ascii">
        <script type="text/javascript">
            function greeting(){
                document.getElementById('outputDiv').innerHTML=
                'Hello <span class="name">'
                + document.getElementById('nameBox').value
                + '</span>, welcome to my page.<br>Do you mind if I call you <span class="name">'
                + document.getElementById('nameBox').value
                + '</span>?';
           }
        </script>
         <style type="text/css">
            span.name{
                font-style:italic;
            }
         </style>
     </head>
     <body>
         <h2>Greetings</h2>
         <p>
            Enter your name:<input type="text" id="nameBox" size=12 value="">
         </p>  
         <input type="button" value="Click for Greeting" onclick="greeting()">
          <hr>
          <div id="outputDiv">
         </div>
     </body>
</html>
于 2012-10-17T04:08:01.400 に答える