HTML 5 の紹介
HTML5はWorld Wide Webコンソーシアム完了(W3C)標準で2014年10月には、最新のHTMLのリビジョンです。
HTML5は、モバイルデバイス上のマルチメディアをサポートするように設計されています。
簡単に学べるHTML5。
1.単純なHTMLと書き込みを理解します。
<!DOCTYPE HTML>
<! - ステートメントのHTML
- >
<HTML>
<ヘッド>
<! - ウェブページの定義に関するいくつかの基本的な情報を - >
<メタ文字セット= "UTF-8">
<! - 文字セット符号化文字集合 - >
<! - UTF-8のUnicode
2312中国の標準条2312中国語、韓国語、....ほとんどのアジア言語(繁体字中国語がサポートされていません)
上記に基づき、GBK展開は複雑な文字をサポートすることができます
より大きなメモリユニコード
UTF-8 - >
<タイトル> </ TITLE>
</ head>の
<身体>
</ BODY>
</ HTML>
<! - コンテンツのコメント
コメントはありません参照するには、ユーザーのために、開発者を探しています。ブラウザでは、コメントはありません解決するために、スキップします触れる彼の
巣のコメントはしないでください注意事項
- >
<! - ダブルタグ - >
<! - <HTML属性名= "属性値" 2属性名= "属性値2"> </ HTML>
<HTML>
<ヘッド> </ head>の
</ HTML> - >
<! - 単一ラベル - >
<! - <メタ属性名= "属性値" 2属性名= "属性値2" /> - >
2. ブラウザ学びます
<!DOCTYPE HTML>
<HTML>
<ヘッド>
<メタ文字セット= "UTF-8">
<タイトル>学習を開始するために、HTMLタグ</ TITLE>
</ head>の
<身体>
<! - コメントのショートカット
選択したコンテンツのCTRL + /
- >
<! - すべて一緒にスペースや改行をスペースに解析されます - >
<! - エスケープ文字
&NBSP;スペース
&LT; <
&GT; >
&コピー;著作権記号
<br />タグは、単一の改行を表します
- >
<! - 今&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;天天气真
<br />
<br />
非常に適切な、グッド
<br />
<br />
<br />一緒に学びます!!! - >
<! - 今すぐ開始&LT; BR /&gt;タグが!!!&コピー; - >
一般的なブラウザとは何ですか?
IE
グーグル
Firefoxの
捜狐
そごう
UC
360
ヨーロッパの友人
hao123
Kingsoftの
...
わずか5ブラウザ
IE
グーグル
Firefoxの
アップル
ヨーロッパの友人
ブラウザのカーネル(エンジン)
車:
ガソリン/ディーゼル - >運動エネルギー
ポータビリティ
行うにはブラウザのカーネル
コードを書く - >マシンコード/ 01010101バイトコード
ポータビリティ
360:効率的、安全、二核(グーグル急速モード、IEの互換モード。)
</ BODY>
</ HTML>
3. タグ(タグラインとブロック・レベルのタグ)を学びます
<!DOCTYPE HTML>
<HTML>
<ヘッド>
<メタ文字セット= "UTF-8">
<タイトル> </ TITLE>
</ head>の
<身体>
インラインタグ(タグ、要素、ノード(それはJSで呼び出されます))
1行目では、この行が表示されている場合にのみ、ラップを表示する時間を下回りません
要素は、内容にまで保持するために、幅と高さ、幅と高さを設定することはできません。
行ブロックタグ:一行に、幅と高さを提供することができます
ブロックレベルのタグ
自分の別の行
幅と高さができ
<I>これは、いくつかのテキストです。</ I>
<S>これは</ s>をいくつかのテキストです
<U>これは、いくつかのテキストです。</ U>
<B>これは、いくつかのテキストです。</ B>
<フォントの色= "グリーン" サイズ= "7">文字标签</ FONT>
<I> <S> <U> <B> <フォント色= "赤" サイズ= "7">これは、マルチスタイルテキスト</ FONT> </ B> </ U> </ S> </ I>
<DIV>これはdivタグ</ div>
<P>これは段落タグ</ P>
<H1>タイトルタグ1 </ H1>
<H2>タグヘッダ2 </ H2>
<H6>タイトルタグ6 </ H6>
<H1>これは、いくつかのテキストです</ H1>
<B> <フォントサイズ= "6">これは、いくつかのテキストである</ FONT> </ B>
SEO検索エンジン最適化
Baiduの検索Baiduのクモキーワード
主な要素は、SPAN、DIV Baiduの小さなクモは触れません。
1-999 元 /次
Baiduの入札
タイムロック
IPロック
</ BODY>
</ HTML>
4.(テーブルのプロパティを作成する)テーブルを理解します
<!DOCTYPE HTML>
<HTML>
<ヘッド>
<メタ文字セット= "UTF-8">
<タイトル>表</ TITLE>
</ head>の
<身体>
<! - フォームがきれいでなければなりません - >
<テーブル境界= "1ピクセル" 幅= "700px" 高さ= "500pxなど" ALIGN = "センター">
<! - Trのそれはラインを書くことを意味します - >
<TR ALIGN = "センター">
<! - セルを示し、2行目の細胞の数の最初の行番号を持っている必要があり、TDに書き込み - >
<TD> <B>姓名</ B> </ TD>
<TH>性別</目>
<TD>年齢</ TD>
<TD>趣味</ TD>
<TD>婚否</ TD>
</ TR>
<TR>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
</ TR>
<TR>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
</ TR>
<TR>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
</ TR>
<TR>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
</ TR>
</ TABLE>
<テーブル境界=「1ピクセル」幅=「500pxなど」高さ=「400ピクセル」>
<! - テーブルヘッダを省略することができます - >
<キャプション>表のガールフレンド</キャプション>
<! - テーブルの先頭を省略することができます - >
<THEAD>
<TR>
<TH>名前</目>
<TH>年齢</目>
<TH>高さ</目>
<第BGCOLOR = "アクア">体重</目>
</ TR>
</ THEAD>
<! - フォームbodyを省略することができます - >
<TBODY>
<TR = "中心" BGCOLOR = "ビスク" を整列>
<TD VALIGN = "トップ"> Cuihua </ TD>
<TD> 18 </ TD>
<TD> 165センチ</ TD>
<TD> 100KG </ TD>
</ TR>
<TR ALIGN = "センター">
<TD>花</ TD>
<TD> 20 </ TD>
<TD>身長170cm </ TD>
<TD> 80kgの</ TD>
</ TR>
</ TBODY>
</ BODY>
</ HTML>
テーブル、行および列の除去中の細胞の内側と外側の余白。
<!DOCTYPE HTML>
<HTML>
<ヘッド>
<メタ文字セット= "UTF-8">
<タイトル> </ TITLE>
</ head>の
<身体>
<表ボーダー= "1ピクセル" CELLSPACING = "0" CELLPADDING = "30">
<! - これは、コンテンツ単位ジェリーセルの境界線の表面からの距離であるCELLPADDING - >
<! - これは、細胞と細胞との間の距離であるCELLSPACING - >
<! - テーブルは、一般的にはこれら2つのプロパティを設定した後、幅と高さを設定する必要はありません - >
<TR>
<TD COLSPAN = "2" ROWSPAN = "2"> </ TD>
<! - <TD> </ TD> - >
<TD> </ TD>
<TD> </ TD>
<TD ROWSPAN = "2"> </ TD>
<TD> </ TD>
</ TR>
<TR>
<! - <TD> </ TD> - >
<! - <TD> </ TD> - >
<TD> </ TD>
<TD> </ TD>
<! - <TD> </ TD> - >
<TD> </ TD>
</ TR>
<TR>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
<TD> </ TD>
</ TR>
<TR>
<TD ROWSPAN = "2" COLSPAN = "4"> </ TD>
<! - <TD> </ TD> - >
<! - <TD> </ TD> - >
<! - <TD> </ TD> - >
<TD> </ TD>
<TD> </ TD>
</ TR>
<TR>
<! - <TD> </ TD> - >
<! - <TD> </ TD> - >
<! - <TD> </ TD> - >
<! - <TD> </ TD> - >
<TD COLSPAN = "2"> </ TD>
<! - <TD> </ TD> - >
</ TR> </ TABLE>
</ BODY>
</ HTML>