ディレクトリ
HTML入門
1.HTML（ハイパーテキストマークアップ言語）：HTML、またWebページの言語として知られています。
ハイパーテキスト：テキストの範囲を超えて、HTMLは簡単にこの操作を使用することができます
マークを：HTMLすべての操作をマークすることによって実現され、標識は、<ラベル名>、ラベルです
2.ファイル名を指定して実行：HTML拡張子が.htmlを.htmのです。直接通じブラウザを実行することができます
3. HTML仕様は、以下の仕様は、書き込み従わなければならない
）HTMLファイルの開始タグと終了タグ <HTML> </ HTML>
2）の2つの部分から成り、HTML
の<head>情報提供</ HEAD>
<本体>ページの内容に表示が> </体内の体で書かれている
3）HTMLタグは開始タグ、終了タグ、一つ一つを持っている必要があります持っています。
- <ヘッド> </ head>の
。4）HTMLコード小文字を区別しない
5）いくつかのラベル、ラベルは、ラベルの終わりを終了していません。<BR/>ような改行として分割線<HR />
4.html 操作のアイデアを
データのページ数は、効果は、属性値のタグを変更することによってタグデータパターンの変化、（カプセル化された）パケットにラベルを使用する必要が一緒に動作するように、異なるデータは異なる表示を必要とする可能性があります。ラベルは、コンテナ、あなたがデータを変更したいコンテナスタイルに相当し、あなただけのデータパターン内のコンテナの変更を達成することができ、コンテナのプロパティ値を変更する必要があります。
テキストラベルと注釈タグ
テキストラベルは、テキストスタイルを変更することです。
<font></font>プロパティ：
サイズ：1-7、7のうち、デフォルトまたは7の範囲内のテキストのサイズ
カラー：テキストカラー
-二つの表記法である
英単語：赤、緑、青灰色黄色白黒 ......
進数を使用して番号システムは#FFFFFFを表し：RGB
コメントタグがコメントを追加することです
<!-- html的注释 --><html>
<head>
<title>初学html</title>
</head>
<body>
<font size = 10 color = "red">红色的十号字体</font><br/>
<font size = 20 color = "yellow">黄色的二十号字体</font><br/>
<font size = 30 color = "green">绿色的三十号字体</font><br/>
<!--注释 -->
</body>
<hr/>
</html>
タイトルタグ、ラベルや特殊文字の地平線
タイトルタグ
- <H1> </ H1> <H2> </ H2> <H3> </ H3> ....... <H6> </ H6>
- H1からH6、順次小さいサイズに、そしてそれがラップします
水平タグ
- <HR />
-項目の
サイズ：水平線1-7の範囲の厚
色：カラー
<hr size="5" color="blue"/> 特殊文字
ラベルが表示され、競合があるされている場合は、特殊文字をエスケープする必要があります
| < | ＆LT; |
| > | ＆GT; |
| ブランク | ＆NBSP; |
| ＆ | ＆＃038; |
リスト]タブ
1. <DL> </ DL> ：表しリストの範囲を
DL <DT> </ DT>た上部コンテンツ
DL <DD> </ DD>ここで：低いコンテンツ
<html>
<head>
<title>HTML示例</title>
</head>
<body>
<dl>
<dt>笑一下</dt>
<dd>哈哈</dd>
<dd>嘻嘻<dd>
<dd>嘿嘿</dd>
</dl>
</body>
</html>
2.あなたは、ページに表示したい場合は数実効
<オール> </ OL>：範囲リストを命じた
-プロパティのタイプ：ソート1セット（デフォルト）I A
-どのラベルオール<LI>詳細ます。</ liで>
<html>
<head>
<title>HTML示例</title>
</head>
<body>
<dl>
<dt>笑一下</dt><br/>
<ol type = "a">
<li><dd>哈哈</dd></li>
<li><dd>嘻嘻</dd></li>
<li><dd>嘿嘿</dd></li>
</ol>
</dl>
</body>
</html>
3.ページに表示したいの特殊文字効果の前に
順不同リストの範囲を表す：<UL> </ UL>
タイプ：中空丸い円、黒丸ディスク（デフォルト）、正方形の黒四角、デフォルトのディスク-属性を
-これでラベルUL <LI>詳細ます。</ li>
<html>
<head>
<title>HTML示例</title>
</head>
<body>
<dl>
<dt>笑一下</dt><br/>
<ul type = "a">
<li><dd>哈哈</dd></li>
<li><dd>嘻嘻</dd></li>
<li><dd>嘿嘿</dd></li>
</ul>
</dl>
</body>
</html>
画像タグ
<img src="图片的路径"/>
- src: 图片的路径
- width：图片的宽度
- height：图片的高度
- alt: 图片上显示的文字，把鼠标移动到图片上，停留片刻显示内容。图片显示出错，提示的内容 <img src="w02.jpg" width="300" height="400" alt="这是图片上的文字">
パスについて
1.絶対パス、ファイルへの最も完全なパス。例えば：
- http://www.baidu.com/b.jpg
2.相対パス
パス中1）のhtmlファイルや画像は、ファイル名に直接書き込むことができます
の下のhtmlディレクトリにある2）画像を
、htmlファイルa.jpgの下のimgフォルダを使用します。IMG \ a.jpg [HTMLを同じパスとにIMG
親ディレクトリHTMLファイル3）画像
../と、上部パスを表します
ハイパーリンクのラベル
1.リソースリンク
<a href="链接到资源的路径"> 显示在页面上的内容 </a> HREF：アドレスリソースのリンク
ターゲット：セットの道を開くために、デフォルトは現在のページで開いている
_blank：新しいウィンドウで開いて
_self：オープン、現在のページのデフォルト
のハイパーリンクは、hrefの内部プラス＃の任意のアドレスを必要としないとき
- <a href="#">这是一个超链接2</a>2.リソースを見つけ
、あなたがリソースを検索したい場合：
この場所に位置バックを定義します+
<a name="top">顶部</a>
<a href="#top">回到顶部</a>タグプリ：出力されています
表タグ
表タグがデータをフォーマットすることができ、データをより明確に示します
1.フォーム文言：
<TABLE> </ TABLE>の範囲を示すテーブル
境界を表の行
はBorderColor：カラーフォームライン
CELLSPACING：直接細胞から
テーブルの幅：幅
高さ：テーブルの高さ
表中の<TR> </ TR>（行）
の左中央右：アライメントALIGNを提供
内部TR <TD> </ TD>（セル）
設定された表示ALIGN：左中央右
PS：番目の使用は、センタリングと大胆を達成することができ、細胞を表すことができます
<html>
<head>
<title>HTML示例</title>
</head>
<body>
<!--4行，每行有3个单元格 -->
<table border="1" bordercolor="blue" cellspacing="0" width="200" height="150">
<caption>人员信息</caption>
<tr align = "center"> <!--这一行居中-->
<td>姓名</td>
<td>性别</td>
<td>年龄</td>
</tr>
<tr>
<td align = "right">小白</td> <!--这一个单元格居右-->
<td>女</td>
<td>18</td>
</tr>
<tr>
<td>小黑</td>
<td>男</td>
<td>80</td>
</tr>
<tr>
<th>小红</th> <!--th默认加粗居中-->
<th>女</th>
<th>8</th>
</tr>
</table>
</body>
</html>
2.フォームのタイトル：
<キャプション> </キャプション>
3.マージ細胞
ROWSPAN：インターバンク
<TD ROWSPAN = "3">個人情報</ TD>
COLSPAN：列にわたって
<TD COLSPAN = "3">個人情報</ TD>
<html>
<head>
<title>HTML示例</title>
</head>
<body>
<table border="1" bordercolor="blue" cellspacing="0" width="200" height="150">
<caption>人员信息</caption>
<!--3行
第一个行：3个单元格
第二行和第三行都是：2 按行合并年龄那一列-->
<tr>
<td>小白</td>
<td>女</td>
<td rowspan="3">18</td>
</tr>
<tr>
<td>小黑</td>
<td>男</td>
</tr>
<tr>
<td>小红</td>
<td>女</td>
</tr>
</table>
</body>
</html>FORMタグ
フォームタグは、サーバーにデータを送信することができます
1.フォームの範囲
<フォーム> </フォーム>：フォームの範囲に定義
する属性の
アクション：アドレスに提出し、現在に提出デフォルトページ
方法：フォームの提出
-二つの一般的なGETとPOSTがありますが、デフォルトでは、GETとPOSTリクエストの間の差が得るある
1を、ポストは運ばない、要求データが送信運ぶアドレスバーを取得する（リクエストボディ内部を。7日目のプロトコル、時間ときのhttpを言う）
2は、セキュリティ・レベルの低い要求を取得し、高いポスト
、上限3を要求されたデータのサイズを取得、制限の投稿ない
のenctypeを：あなたは、このプロパティを設定する必要がある場合、ファイルのアップロードを行います
2.エントリ：入力されたコンテンツは、コンテンツまたはその一部を選択することができる
使用しての<input type =「エントリのタイプを」/>ほとんどのエントリを、データ送信するには、name属性を持つエントリが必要
1）通常の入力アイテム：の<input type = "text" />
2）パスワードの入力：<入力タイプ= "パスワード" />
3）ラジオエントリ：<INPUT TYPE = "ラジオ" />
-内部の必要なプロパティ名
-名属性値は同じでなければなりません
-の価値価値がなければならない
デフォルト選択した属性を実装する：チェックする=「確認」
4）チェック項目：<入力タイプ=「チェックボックス」/>
-属性名を必要とする内部
-の属性値の名前同じでなければなりません
-の価値価値がなければならない
デフォルトの実装が属性を選択：確認=「確認」
。5）ファイルエントリ：の<input type =「ファイル」/>
6）プルダウン入力しないタグ内部のエントリ（）。
<SELECT名前= "誕生">
<オプション値=" 1997" > 1997 </オプション>
<オプション値= "1998"> 1998 </オプション>
<オプション値= "1999"> 1999 </オプション>
</ select>の
=デフォルト選択は、 "選択"が選択され
7）テキストフィールド：<TextAreaのCOLS = "10"行= "10"> </のTextArea>
8）隠されたアイテム：ページに表示するが、HTMLコードの<input type中に存在するしません=「隠れた」/>
9）ボタン提出。
提出するための画像を：<INPUT TYPE =「画像」 SRC =「 画像パス」/>
リセットボタン：先頭の<input type =「リセット」/のエントリの初期状態に >
正常ボタン：<入力タイプ= "ボタン"値= "" />
<html>
<head>
<title>HTML示例</title>
</head>
<body>
<form action = "mall\images">
手机号码：<input type = "text" name = "num"/><br/>
密码：<input type = "password"/><br/>
性别：<input type = "radio" name = "sex" value = "nv"/> 女
<input type = "radio" name = "sex" value = "nan"/>男<br/>
爱好：<input type = "checkbox" name = "love" value = "a"/>羽毛球
<input type = "checkbox" name = "love" value = "b"/>乒乓球
<input type = "checkbox" name = "love" value = "c">篮球<br/>
文件：<input type = "file" name = "file"/><br/>
生日：<select name="birth">
<option value="0">请选择</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
</select>
<br/>
自我描述：<textarea cols="10" rows="10" name = "tex"></textarea><br/>
隐藏项：<input type="hidden" name = "hid"/><br/>
<input type="submit" value="注册"/>
<input type="reset" value="重置注册"/>
<input type="button" value="普通按钮"/>
<br/>
<!-- <input type="image" src="a.jpg"/>-->
</form>
</body>
</html>他の一般的に使用されるタグの使用
B：太字
S：三振
Uを：下線
I：イタリック
プレ：として出力される
添字：サブ
SUP：上付き文字
P：段落タグライン、複数の比BRタグ
DIV：ラップ
スパン：1行の
フレームタグ
1. <フレームセット>
-行：列に応じて分割されている
< "* 80、フレームセットの行= ">
- COLS：列に分割
<フレームセットCOLS = "80、*">
2 <フレーム>特定のページには、<フレーム名= "lower_left" SRC表示 = "b.htmlを">
NOTE： フレームラベルを使用して、我々は書くことはできません体内に、タグは、体を除去する必要がフレームを使用しています
3.左側のハイパーリンク希望内容のページは、ページの右側に表示された場合。目標値は、属性名に設定されている内にハイパーリンクが提供されている
<a href="http://www.baidu.com" target="right">ハイパーリンク1 </a>の
<frameset rows="80,*"> //把页面划分成上下两部分
<frame name="top" src="a.html"> //上面页面
<frameset cols="150,*"> //把下面部分划分成左右两部分
<frame name="lower_left" src="b.html"> //左边的页面
<frame name="lower_right" src="c.html"> //右边的页面
</frameset>
</frameset> 必要に応じて、他のラベルを確認し、公式のドキュメントにアクセスしてください。
