HTML5はコードで学びます

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

       QQ

       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>

 

おすすめ

転載: www.cnblogs.com/wangdongwei/p/10932112.html