diadia

興味があることをやってみる。自分のメモを残しておきます。

HTMLのメモ まとめ

関連記事



本題

<title>タグ

ブラウザに表示されるタブの文字を変更するにはどうすればいいのか?

→htmlのheadのタイトルを変更するだけ。

そのほか、ブックマークの表示名や検索エンジンの検索結果のタイトルになる

 

<form>タグ関連

  • 種類<input>,<textarea>,<select>がある。
  • <input>は閉じタグいらないけど、<textarea>は閉じタグが必要という違い
  • <input>の内容を示すには外からを使う。
  • <input>内ではplaceholder=""を使う。
    • 参考<label>使い方

      <label for="name">お名前</label>
      
      <input id="name" type="text" >
      

      <select>について

      選択肢として選ばせることができる機能。

      簡単な使い方:

      <select>
      
      <option>オプション1</option>
      
      <option>オプション2</option>
      
      </select>
      

       

      ラジオボタンについて

      比較的選択肢が少ない場合、セレクトを用いるよりラジオボタンを導入するほうがユーザにとっては使いやすくなる。

      簡単な使い方

      <label>区分</label>
      
      <input id="personal" type="radio" name="区分" value="個人の方">
      <label for="personal">個人の方</label>
      <input id="corporation" type="radio" name="区分" value="企業の方">
      <label for="corporation">企業の方</label>
      

      ブラウザ上で<>の表示をさせる方法

      &lt;  &gt;

       


      ブラウザ上からクリックでダウンロードさせる方法

      ブラウザ上にある画像をユーザーがクリックすることでダウンロードする仕組みを作る場合は、

      <a>中にhrefとdownloadを記述してやれば良い

      <a href="path" download="path">
      <a href="image/001.jpg" download="image/001.jpg">
      <li><a href="image/001.jpg" download="image/001.jpg"><img src="image/001.jpg"</a></li>