HTML の基本_html/css_WEB-ITnose-htmlチュートリアル-php.cn

HTML の基本_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:32:24

オリジナル

1386 人が閲覧しました

はじめに: 私はしばらくフロントエンドを勉強していましたが、ブログを書く習慣がありませんでした。最近行われた学校主催の実習を利用して、再度知識を整理しました。知識ポイントのほとんどは、授業中の教師の学習ノートから得られます。

1. HTML とは何ですか?

HTML は、Web ページを記述するために使用される マークアップ言語 です。

1) HTML は、ハイパーテキストマークアップ言語 (Hyper Text Markup Language) を指します

2) HTML はプログラミング言語ではなく、マークアップ言語です )

3) マークアップ言語はマークアップタグのセットです

4) HTML はマークアップタグを使用して Web ページを記述します

2. HTML でできることは何ですか?

HTML マークアップタグは、通常、HTML タグと呼ばれます

1) HTML タグは、のように山かっこで囲まれたキーワードです

2) HTML タグは、通常、 などのペアで表示されます

3) タグペアの最初のタグは開始タグ、2 番目のタグは終了タグです

4) 大文字と小文字は区別されません (W3C はすべて小文字を推奨します)

5) 特殊なケース: start and end (コンテンツを含むタグは必要ありません)

3. コード例

 1 <!DOCTYPE><!—解决HTML5的兼容 --> 2 <html> 3     <head> 4         <title>第一个实例</title> 5         <meta charset="utf-8"/><!—注意charset与保存格式匹配 --> 6         <!—JS、CSS --> 7     </head> 8      9     <body>10         网站信息11         <!—JS 可以，但不建议-->12     13     14     </body>15 </html>

ログイン後にコピー

4. HTML の一般属性

classclassname 要素のクラス名を指定します (一意ではありません) ididname要素スタイルstyle_defining要素のインラインスタイルを指定しますtitletext要素の追加情報を指定します(ツールヒントに表示可能)

属性	Value	Description

5. レイアウト

1. テーブルレイアウト、DIV+CSS レイアウト、フレームレイアウト (Extjs、jQuery)

<!DOCTYPE><!—解决HTML5的兼容 --><html>    <head>        <title>基础 表格</title>        <meta charset="utf-8"/><!—注意charset与保存格式匹配 -->        <!—JS、CSS -->    </head>        <body>        <table border="1" height="300" width="300" align="center">            <caption>我的表格</caption>            <tr>                <th>1</th>                <th>2</th>                <th>3</th>                <th>4</th>                <th rowspan="4">5</th>            </tr>            <tr>                <td>1</td>                <td colspan="3" rowspan="2">2</td>            </tr>            <tr>                <td>1</td>                                                    </tr>            <tr>                <td>1</td>                <td>2</td>                <td>3</td>                <td>4</td>                            </tr>            <tr>                <td>1</td>                <td>2</td>                <td>3</td>                <td>4</td>                <td>5</td>            </tr>        </table>            </body></html>

ログイン後にコピー

6. フォーム

コンポーネント、アクション、メソッド (get、post) )

【注意喚起】フロントエンドに関するいくつかのヘルプドキュメントは、Baidu Cloud Disk からダウンロードできます。リンク: http://pan.baidu.com/s/1bhHPUI パスワード: ncav。