ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5の自習メモ
HTML5の自習メモ
- 黄舟オリジナル
- 2016-12-28 17:09:241453ブラウズ
1. HTML を学ぶ理由
Hype テキスト マークアップ言語
2. HTML の基本単位
タグ
(単一タグと二重タグ)
サイトの作成:フォルダ
ホームページ:index.html
home.html
html基本構造
文書ステートメント
charset文字セット「UTF-8」国際エンコード「GB2312」簡体字中国語エンコード
<!doctype html> <html> <head> <meta charset="UTF-8"/> <title>京东</title> </head> <body> <h1>京东618</h1> <h2>party on</h2> </body> </html>
4. 一般的に使用されるタグ
h1 タグ ダブルタグ 大きなタイトルタグ
dfb4d23c807e8ce66d86a7db2dd1cbbbcontent473f0a7621bec819994bb5020d29372a h1 タグはページ内に 1 回のみ使用できます
align-attribute 水平配置
left/right/センター属性値
h1-h6 合計6段の見出し
pタグ段落ダブルタグ
特殊記号スペース
076402276aae5dbec7f672f8f4e5cc81 単一タグ改行
f32b48428a809b51f04d3228cdf461fa title
の終わり64a2cb68e05c71618763482b0c22ed86
5a8028ccc7a7e27417bff9f05adf593272ac96585ae54b6ae11f849d2649d9e6tilt
907fae80ddef53131f3292ee4f81644b 0fcc9a421f31cf83e79fe56c0bce8e79 斜線強調の意味
8e99a69fbe029cd4e2b854e244eab143128dba7a3a77be0113eb0bea6ea0a5d0 太字強調の意味
45a2772a6b6107b401db3c9b82c049c254bdf357c58b8a65c66d7c19c8e4d114特別な扱い テキストのインライン要素
dc6dce4a544fdca2df29d5ac0ea9906b16b28748ea4df4d9c2150843fecfba68 ブロックレベルの要素は主に CSS で使用されます
a1f02c36ba31691bcfe87b2722de723b画像を挿入する単一のタグ
7c6c011a317f54156b227975b77c3d4d
3種類のリスト
順序なしリスト
<ul type="disc"> disc:圆点 circle：圆圈 square 正方形 <li>列表项</li> </ul>
順序付きリスト
<ol type="a" start="只能写数字"> a 1 I A <li>列表项</li> </ol>
定義リスト
<dl> <dt>列表项</dt> <dd>描述项</dd> </dl>
a タグ、ハイパーリンク タグ、Web ページ内のリンクと Web サイト外のリンク。
<a href="资源地址" target="_self(自身窗口打开）/_blank（新窗口打开）">文字或者图片</a>
リソースアドレス:
内部リンク: htmlファイル、写真、映画、音楽、圧縮ファイル、Wordドキュメント、PPT、、、
外部リンク: http://www.baidu.com
パス:
相対パス
1: 2つのファイルが同じフォルダー下にある場合、ファイル名を直接記述します。
2: 2 つのファイルは異なるフォルダーの下にあり、上位レベルのファイルを表すには ../ を使用します。
3: 1 つのファイルはフォルダー内にあり、もう 1 つのファイルはフォルダー外にあります。フォルダー名を直接書きます
絶対パス
ローカルマシン: E: Zuo Linの勉強ノート
ネットワーク: http://www.xxx.com/xxx/xxx
Webページでよく使われる画像形式:
gif : アニメーションをサポート、透明度をサポート、最大 256 色を保存、非可逆圧縮
jpg (jpeg): アニメーションをサポートせず、透明度をサポートせず、より豊富な色、非可逆圧縮をサポート
png: アニメーションをサポートせず、透明度をサポート、カラー リッチ、ロスレス圧縮
注釈タグ
2a9744bde09a00aee4e6ccb6d5e77cc7
Photoshop のカットキーとショートカット キー
ctrl+r ルーラーを表示
F8 情報を表示
ctrl+alt +z 複数ステップで元に戻す
ctrl+z 1ステップで元に戻す
ctrl+N 空白のキャンバスを新規作成
ctrl+D 選択を解除
ctrl+o 開く
ctrl+t 自由変形
以上は HTML5 の自習ノートの内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。