見落とされているが便利な HTML タグ-htmlチュートリアル-php.cn

見落とされているが便利な HTML タグ

高洛峰

リリース： 2017-03-12 17:30:48

オリジナル

1456 人が閲覧しました

この記事では、無視されていますが非常に便利な html タグを紹介します

タグ

機能: このタグは、ページ内のすべてのリンクのデフォルトのリンクアドレスまたはリンクターゲットを指定します。ホームページ上のすべてのリンクを新しいウィンドウで開く必要がある場合、通常はこのようにリンクを作成しますが、このタグを使用するとそれを一度に行うことができます。

属性: Href: リンクアドレス Target: ターゲット、その値は _blank,_parent,_self,_top にすることができ、Strict モード以外で使用できます。

使用法:

<head><!—写在head标签之间-->
<base href="http://www.qq.com/"/> <!—将默认链接定义为http://www.qq.com/-->
<base target="_blank"/> <!—将默认链接目标定义为新窗口中打开-->
</head>
<body>
<a href="#">我可没写链接地址哦</a>
</body>

ログイン後にコピー

タグ

機能: テーブルのタイトルを定義するために使用されます。表の役割を説明してください。「セマンティック」があります。キャプションは表の後に記述する必要があり、デフォルトのスタイルでは表の上部の中央に表示されます。 CSS経由でスタイルを変更できます。

使用法:

<table width="200" border="1">
<caption><!--caption应该写在table之后--> 其实我是caption </caption>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

ログイン後にコピー

タグ、タグ

機能:thead、tfoot、tbodyタグはそれぞれテーブルです。ヘッダー (多くの人は単に th を使用します)、テーマ、下部を使用すると、テーブルをより

セマンティックにすることができ、テーブルのパフォーマンスをより簡単に制御することもできます。海外には、これら 3 つの表を非常に奇妙な方法で使用して、表に続くタイトルを作成したり、本文の高さを固定して余分な行にスクロールバーを表示したりする人がいます。興味があれば、検索するか、ここで実行してください。

使用法:

<table border="1">
  <thead>
    <tr>
        <th>科目</th>
        <th>分数</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>语文</td>
      <td>99</td>
    </tr>
    <tr>
      <td>数学</td>
      <td>60</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>总分</td>
      <td>159</td>
    </tr>
  </tfoot>
</table>

ログイン後にコピー

タグとタグ

機能:

要素は、フォーム内の要素を分類するために使用されます。 this グループはタイトルを定義します。以下のようなレイアウトを見たことがあるはずですどーも！ CSS 経由でスタイルを設定することもできます。

使用法:

<form>
  <fieldset>
    <legend>基本信息</legend>
    姓名: <inputtype="text"/> 
    性别: <inputtype="text"/>
  </fieldset></form>

ログイン後にコピー

^{タグと _{タグ
機能: _{タグと _{タグは、パフォーマンスはブラウザごとに異なるため、CSS を使用してスタイルを定義することもできます。
使い方:
<p>2<sup>我是上标</sup></p>
<p>2<sub>我是下标</sub></p>
ログイン後にコピー
Label
機能: ラベル label を使用すると、フォームのクリック領域を拡張してフォームの使いやすさを向上させることができます。次の使用法を見てください: テキストをクリックすることは、ラジコンをクリックすることと同じです。ユーザーエクスペリエンスは向上しますか?
使用法:
<form>
<label for="nan">先生</label><input type="radio" name="sex" id="nan"/><br/>
<label for="nv">女士</label><input type="radio" name="sex" id="nv"/></form>
ログイン後にコピー

ラベル
機能: ラベルは選択内のオプションをグループ化でき、ドロップダウン項目が多い場合に非常に便利です。 label label to 各グループに名前を付けます。 CSS を使用して、淘宝網などのグループごとに異なる色を定義することもできます。

使用法:
<select>
<optgroup label="自驾游">
<option>省内</option>
<option>省外</option>
</optgroup>
<optgroup label="旅行社">
<option>省内</option>
<option>省外</option>
<option>国外</option>
</optgroup></select>
ログイン後にコピー

実行結果:
以上が見落とされているが便利な HTML タグの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。}}}}