ホームページ > ウェブフロントエンド > htmlチュートリアル > 見落とされているが便利な HTML タグ

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

高洛峰
リリース: 2017-03-12 17:30:48
オリジナル
1537 人が閲覧しました

この記事では、無視されていますが非常に便利な 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>
ログイン後にコピー
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート