ホームページ  >  記事  >  ウェブフロントエンド  >  HTML の基本_html/css_WEB-ITnose

HTML の基本_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:32:241385ブラウズ

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

1. HTML とは何ですか?

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

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

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

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

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

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

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

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

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

0d36329ec37a2cc24d42c7229b69747a

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

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

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

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。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。