HTML--HTML学習ノート

3486 ワード

HTML5
  • コンテンツタイトルh 1-h 6フォントは、大きいから小さいまで1行のフォントで上下の余白を太くし、align=「left/right/center」
  • 段落ラベルpは、1行の上下外縁
  • を独占する.
  • 水平分割線hr
  • 改行br
  • リストラベル
  • 無秩序リスト:ul:type li
  • 秩序リスト:ol:type start reversed li
  • 定義リスト:dl dt dd
  • リストネスト:秩序と無秩序は任意に無限にネストできる
  • パーティション要素
  • div:ブロックレベルパーティション要素独占行
  • span:行内パーティション要素が1行
  • を占めます.
  • h5: header article footer
  • 要素分類
  • ブロックレベル要素:divh 1-h 6 phr
  • 行の要素:span strongとbemとi delとs u
  • エンティティ参照
  • スペース
  • より小さい番号<
  • より大きい番号>
  • ピクチャラベルimg
  • src:パス
  • 相対パス:サイト内リソースへのアクセス
  • 同ディレクトリ直接書き込みファイル名
  • 親ディレクトリ…/ファイル名
  • 下位ディレクトリフォルダ名/ファイル名
  • 絶対パス:局外リソースへのアクセス
  • メリット:サイトのリソースを節約する
  • 悪いところ:画像が見つからない可能性があります

  • alt:画像が正常に表示されない場合に表示されるテキスト
  • title:マウスのサスペンション時に表示されるテキスト
  • width/height:2つの付与方式1.画素2.親要素の割合
  • ピクチャーマップmap
  • name一意識別結合画像内のusemapは
  • を使用する
  • サブタブarea:shape(形状rect/circle)coords(座標、矩形対角線点の座標、円形円心座標+半径)href:リソースパス、ページリソース直接アクセスファイルリソース(閲覧できる場合は閲覧できない場合はダウンロード)
  • ハイパーリンクa
  • href属性を書かなければ純テキスト
  • である.
  • target="_blank"新しいウィンドウにページ
  • を表示
  • aラベルラップテキストはテキストハイパーリンクラップ画像はピクチャハイパーリンク
  • である.
  • ページの内部転送機能は、宛先に要素がある場合は要素にid属性を追加し、要素がない場合は空のaラベルをアンカーとして追加し、別のaラベルを介して
      
      トップに る
    
  • にジャンプする.
    ###テーブルラベルtable
  • tr:table row td:table data th:table headヘッダ中央太字
  • 行間:rowspan row(行)
  • 跨列:colspan column(列)
  • captionテーブルタイトル
  • パケットラベル:thead tbody tfoot###フォームform
  • フォームの役割:ユーザーの各種データを取得してサーバ
  • に提出する.
  • formフォームの各種コントロール:テキストボックス、パスワードボックス、ラジオ、マルチ選択、ドロップダウン選択、テキストドメインなど
      
    :
    :
    :
    :


    :