HTML - HTML研究ノート - コードワールド

免責事項：この記事はブロガーオリジナル記事です、続くBY-SAのCC 4.0を著作権契約、複製、元のソースのリンクと、この文を添付してください。

このリンク： https://blog.csdn.net/qq_44779847/article/details/102742976

HTML5

コンテンツタイトルH1-H6フォントマージンをダウン降順別々の行に太字フォント、=「右/左/中央」を揃えます
段落タグ別ラインの垂直マージンP
水平分割ラインの時間
ラップBR
リスト]タブ

順序なしリスト：UL：型リチウム
順序付きリスト：オール：タイプの開始は、Liを逆転しました
定義リスト：DL、DTのDD
ネストされたリスト：秩序と無秩序が任意に無制限にネストすることができます

パーティション要素

DIV：ブロックレベルのパーティション別の行要素
スパン：インライン要素は、一緒に分割線を占め
H5：ヘッダ記事のフッター

要素の分類

ブロックレベル要素：divのH1-H6のp時間
インライン要素：スパン強いとB EMと私デルとのsu

エンティティ参照

ブランク
<未満
>より大きい

画像タグIMG

SRC：パス
1. 相対パス：アクセスステーションのリソース内
  - 直接書き込み、ファイル名とディレクトリ
  - ...親ディレクトリ/ファイル名
  - 低レベルのディレクトリのフォルダ名/ファイル名
2. 絶対パス：駅の外のリソースへのアクセス
  - 利点：サイトのリソースを節約
  - 短所：画像が見つからないかもしれません
ALT：テキスト表示画像は表示できません
上にマウスを移動する際、テキストが表示される：タイトル
幅/高さの2つの割り当て方法1. 2.パーセンテージより高い画素要素

地図・マップ

名前は一意USEMAP内部の写真との併用を特定します
サブタブ領域：形状（形状RECT /円）COORDS（座標、矩形の対角点の座標、円の中心は+半径座標）HREF：リソースパス、ページ・リソース・ファイル・リソースへの直接アクセス（ブラウザは、ブラウザのダウンロードを閲覧することができません）

ハイパーリンク

あなたはhref属性を記述しない場合は、プレーンテキストであります
ターゲット=「_ブランク」のページが新しいウィンドウに表示されています
パッケージのラベルテキストがハイパーリンクされたテキストの折り返しの画像は、画像ハイパーリンクです
要素の場所id属性に先要素が追加された場合、内部なったページの機能は、空の要素を追加することなく、アンカーとしてタグであり、かつ、ラベル過去さらにジャンプすることにより
```
  <a id="top"></a>
  <a href="#top">回到顶部</a>
```

###テーブルタグテーブル

TR：表行TD：表データ番目：表ヘッド中心太字ヘッダ
インターバンク：ROWSPAN行（ライン）
COLSPAN列（カラム）：列にわたって
キャプションテーブルのキャプション
パケット（パーティション）タグ：thead要素のtbody TFOOT
###フォームフォーム
フォームの役割：サーバーへのユーザーデータの多様性を提出します

コントロールの様々な形態を形成する：など、テキストボックス、パスワードボックス、ラジオ、チェックボックス、ドロップダウン選択、テキストフィールド、

  <form action="http://www.tmooc.cn">
  <!-- name:对传递参数的介绍，如果不写则不会传递数据
  所有的控件都需要添加name属性 
  placeholder：占位文本 
  maxlength:最大字符长度
  value：修改文本框的值
  readonly： 只读 只能看不能改-->
  用户名:<input type="text" name="username"
  placeholder="请输入您的用户名"
  maxlength="5" value="xxx"
  readonly="readonly"><br>
  密码:<input type="password" name="password"
  placeholder="请输入密码"><br>
  <!-- 两个控件必须有相同的name
  	checked设置默认选中
  	value：设置提交的数据不写则提交的是on -->
  性别:<input type="radio" name="gender" 
  	checked="checked" id="m" value="m"><label for="m">男</label>
  <input type="radio" name="gender" id="f" value="f"><label for="f">女</label> <br>
  爱好:<input type="checkbox" 
  name="hobby" value="code" id="code">
  <label for="code">撸代码</label>
  <input type="checkbox" 
  name="hobby" value="wz" checked="checked">王者农药
  <input type="checkbox"
   name="hobby" value="gdx">搞对象<br>
   <!-- 隐藏域：当需要给服务器传递一个数据这个数据又
   不希望给用户看的时候使用隐藏域 -->
  <input type="hidden" name="xxx" value="yyy">
  <!-- 日期选择器 -->
  生日：<input type="date" name="birthday"><br>
  <!-- 文件选择器 -->
  靓照：<input type="file" name="pic"><br>
  所在城市:<select name="city">
  	<option>请选择</option>
  	<option value="bj">北京</option>
  	<option selected="selected">上海</option>
  	<option>广州</option>
  </select><br>
  自我介绍：<textarea rows="3" cols="20" 
  name="intro" placeholder="说点啥。。。"
  	></textarea><br>
  	
  <input type="submit" value="注册">
  <input type="reset" value="啦啦啦">
  <input type="button" value="自定义按钮">  
  </form>

HTML - HTML研究ノート

おすすめ