シューズノート0921

シューズノート0921

htmlの機能をすばやく体験

ここに画像の説明を挿入

タグの分類

  • 単一ラベル
  • 二重ラベル

ラベルの使用

必要に応じて単一ラベルを使用

二重ラベルはコンテンツをラップできます

より多くの単一ラベル

組版ラベル

hシリーズのラベル
h1-h6

タイトルです

タイトルです

タイトルです

ここに画像の説明を挿入

pタグ
段落タグ、テキストの折り返し、行間隔の拡大

pタグ、改行の間隔が大きい、
brタグも改行することができ、改行の間隔が小さい

pラベルは二重ラベルです。コンテンツをラップできます
。brラベルは単一ラベルです。コンテンツをラップできません。

divタグ
行の折り返し効果、テキストのスタイル変更なし

ここに画像の説明を挿入

spanタグが
ラップしていない、とテキストがスタイルで変更されません。

ここに画像の説明を挿入

テキスト書式タグ

ここに画像の説明を挿入

よく使うラベル

ラベル、ハイパーリンクラベル

リンクを作成します。テキストはバイドゥです。クリックすると、バイドゥニュースのホームページにジャンプします

<a href="https://news.baidu.com/">百度</a>

img画像タグ


<img src="https://m1-1253159997.image.myqcloud.com/imageDir/d94959b1170b593e601317e2362b2fab.jpg" alt="">

<img src="ws.jpg" alt="" width="500">

フォームラベル

tableはテーブルの範囲です

trは行です。テーブルは複数の行で構成されます

tdはセルで、行は複数のセルで構成されます

例、学生情報テーブルを描く


<table>
    <tr>
        <td>学生姓名</td>
        <td>年龄</td>
        <td>分数</td>
    </tr>

    <tr>
        <td>张三</td>
        <td>18</td>
        <td>60</td>
    </tr>
    
    <tr>
        <td>李四</td>
        <td>14</td>
        <td>66</td>
    </tr>

</table>

ここに画像の説明を挿入

需要、テーブルにはボーダーが必要です

次の効果を得るために、border属性値を1に設定

ここに画像の説明を挿入

ここに画像の説明を挿入

まだ需要を満たしていない

方法:

セル間隔の値を0にし、セルを互いに近づけます

セル間隔、セル間隔

ここに画像の説明を挿入

ここに画像の説明を挿入

パディングの間隔、セルパディング
テーブルの境界線とテキストの間の距離

ここに画像の説明を挿入

ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/ifubing/article/details/108704006