ホームページ  >  記事  >  バックエンド開発  >  PHP ノート (HTML)、php ノート html_PHP チュートリアル

PHP ノート (HTML)、php ノート html_PHP チュートリアル

WBOY
WBOYオリジナル
2016-07-13 10:07:12903ブラウズ

PHP ノート (HTML)、php ノート html

私は多くの言語を学習してきましたが、最近ついに PHP を学習することにしました。

PHPを学ぶにはまずHTMLを学ばなければなりませんので、私もHTMLから始めます!

まずはプログラミング言語を学びましょう。何冊読んでも、それなしではいられない - ヘルプドキュメント

HTML ヘルプドキュメント: http://pan.baidu.com/s/1hqxOymo

近年普及しているHTML5は、HTMLの発展方向としては次のようなものがあります。もう一方は標準化された XML であり、その過程で XHTML も派生します。

PHP ノート (HTML)、php ノート html_PHP チュートリアル Webページを作る際に色を使うのは避けられませんが、色を表現する方法には単語表現と16進数表記があります。その中でも16進数表記は比較的完全な色を表現するための記事もまとめました。レビュー。

RGB カラーテーブル: http://blog.csdn.net/u010849590/article/details/43339473

プログラミング言語にはテキストとして直接表示できない特殊な記号が常にあり、HTML も例外ではありません。これらの特殊な記号は HTML ではエンティティと呼ばれます。ブロガーは緊急用に HTML エンティティ比較表も作成しました。

エンティティ比較表: http://blog.csdn.net/u010849590/article/details/43380181

Web ページのコードはブラウザによって直接解析されます。Web ページを作成するには、UTF-8、GBK、GD2312 などのエンコードを選択する必要があります。ブラウザは、コードを解析するためにエンコードを選択することもできます。ウェブページ。そこで問題は、ブラウザによって選択されたエンコーディングが Web ページの作成に使用されたエンコーディングと一致しない場合はどうなるかということです。 解決策は 3 つあります:

明らかに、1 つのエンコーディングがすべての人に適合するわけではなく、ユーザーがブラウザーのエンコーディングを変更できるほど賢明ではありません。したがって、最初の 2 つの方法は症状を治療するだけで根本原因は治療しません。3 番目の方法は次の方法です。行く。

は単一のタグであり、その使用法は

UTF-8を例に挙げます:

タグのその他の使用方法については、ヘルプドキュメントをご覧ください。

タグは、相対パスから絶対パスへの変更、メソッドを開くなどのハイパーリンクの設定に使用できます。 は単一のタグです。具体的な使用法についてはヘルプドキュメントを参照してください。

の属性設定は、Web ページ全体のデフォルト設定になります。フォントの色 (text)、背景の色 (bgcolor)、背景画像 (background)、背景のプロパティ (bgproperties)、など、またはヘルプドキュメントを確認してください。

このタグは非常に特殊で、単一タグまたは二重タグとして使用できます。二重ラベルとして使用すると、ラベル間のコンテンツがセクションとして表示され、単一ラベルとして使用すると、ラベルから改行が始まります。二重ラベルの使用は比較的標準的で一般的です。

 タグは二重タグです。 とは異なり、<pre class="brush:php;toolbar:false"> タグ内のタグは解析できます。 xmp> 解析できずテキスト形式で出力されます。 </span></p>
<p> </p>
<p><span class="Apple-style-span"><li> タグは <ol> および <ul> とともに使用されます。 <li> タグ間の内容はリスト内の項目として表示されます。 ; <ol> タグは、順序付きリストに変換するために <li> とともに使用されます。これらのタグのプロパティについては、ヘルプ ドキュメントを参照してください。 <span class="Apple-style-span"></span></span>
</p> <p>
</p>
<p><sub> と <sup>、下付きタグと上付きタグは両方とも二重タグです。 <span class="Apple-style-span"></span>
</p> <p>
</p>
<p><img> は画像タグと呼ばれ、src 属性は画像のリンクを設定し、title 属性はマウスを置いたときに表示される名前を設定します。 alt 属性は、画像の読み込みに失敗したときに表示される名前を設定します。他のプロパティについては、ヘルプ ドキュメントを参照してください。 <span class="Apple-style-span"></span>
</p> <p></p>
<p><span class="Apple-style-span"><a> はリンク タグであり、ハイパーリンクに使用され、二重タグです。 href 属性はリンクのアドレスを設定し、title 属性はラベルを配置したときに表示される名前を設定し、target 属性はリンクを開く方法を設定します。その他の属性については、ヘルプドキュメント <span class="Apple-style-span"> を参照してください。 </span></span></p>
<p><span class="Apple-style-span"><a> タグは、name 属性を使用して、特定の領域にリンクするためのアンカー ポイントを設定します。 <span class="Apple-style-span">name は名前を設定し、<span class="Apple-style-span">href 属性は "#<span class="Apple-style-span">" + <span class="Apple-style-span">name の名前に設定され、href が Web ページのパス + "#" + に設定されている場合は、このページの名前にリンクできます。 name の名前。リンク先の Web ページの名前です。herf 属性が「#」または空に設定されている場合は、このページのヘッダーにジャンプします。 </span></span></span></span></span></p>
<p><span class="Apple-style-span"><img  alt="PHP ノート (HTML)、php ノート html_PHP チュートリアル" ><span class="Apple-style-span"><span class="Apple-style-span">現在のページジャンプ</span></span></span></p>
<p><img src="http://img.blog.csdn.net/20150205000000815?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDg0OTU5MA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt=""></p>
<p><span class="Apple-style-span"><span class="Apple-style-span">他のページにジャンプします</span></span></p>
<p> </p>
<p><span class="Apple-style-span"><span class="Apple-style-span">URL: ユニフォームリソースロケーター</span></span></p>
<p><span class="Apple-style-span"><span class="Apple-style-span">URL 構成: http://i.cnblogs.com/EditPosts.aspx?postid=4275104&update=1 を例に挙げます</span></span></p>
<ul>
<li>プロトコル名: http://、ftp://、https://、file://など(http://)</li>
<li>ホスト名: (i.cnblogs.com) (cnblogs.com はドメイン名です)</li>
<li>ポート番号:80、8080など(範囲:0~65535)(80)</li>
<li>リソース名: アクセスされたファイル (EditPosts.aspx)</li>
<li>パラメータ: "?" の後のキーと値のペア、複数のパラメータは "&" で接続されます (get パラメータが渡され、パラメータは表示されます。post パラメータが渡され、パラメータは非表示になります) (postid=4275104&update=1)</li>
</ul>
<p> </p>
<p><span>URLへの相対パス: </span></p>
<ul>
<li><span>./: ローカルパスを表します</span></li>
<li><span>../: 上位パスを表します</span></li>
<li><span> ../../: 上位パス (など) を表します </span></li>
</ul>
<p> </p>
<p><span><table> タグはテーブルの構築に使用され、二重タグです。 width 属性はテーブルの幅を設定し、height 属性はテーブルの高さを設定し、border 属性はテーブルの境界線を設定し、cellspacing 属性はセル間の幅を設定し、cellpadding 属性はセルのコンテンツ間の距離を設定します。そして国境。 </span></p>
<p><span><tr> ラベルのネスト <table> ラベルはテーブルの行をデザインするために使用されます。これは二重ラベルです。 </span></p>
<p><span><td> ラベルのネスト<tr> ラベルの使用は、テーブルのセルを表すために使用されます。 rowspan 属性は行全体に設定され、属性値は複数の行にまたがる数を示します。colspan 属性は複数の列にまたがって設定され、属性値は複数の列にまたがる数を示します。 </span></p>
<p><span> </span></p>
<th> ラベルのネスト </th>
<tr> ラベルはテーブルのヘッダーを表すために使用され、セルの内容は太字で中央に配置されます。 
<p><span>その他の属性については、ヘルプドキュメントを確認してください。 </span></p>
<p><img src="http://img.blog.csdn.net/20150207010615583?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDg0OTU5MA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt=""></p>
<p> </p>
<p>HTML フレームはフレーミングとも呼ばれ、複数のページを 1 つのページに結合して表示します。 </p>
<ul>
<li>利点:
<ul>
<li>ページをリロードするときに、ページ全体をリロードする必要がないため、Web ページのダウンロード速度が向上します</li>
<li>ナビゲーションバーを簡単に作成</li>
</ul>
</li>
<li>短所:
<ul>
<li>ページが複数あるため管理が難しい</li>
<li>コードが複雑なので、検索エンジンにインデックス付けできません</li>
<li>マルチフレームページはサーバーの http リクエストを増加させます</li>
<li>小型モバイルデバイスでは完全に表示できません</li>
</ul>
</li>
<li>上記の欠点のため、標準的な Web デザインの概念に準拠していないため、放棄されました。ただし、バックグラウンドで使用できるため、まだ学習する必要があります。 </li>
</ul>
<p>フレームタグ: </p>
<ul>
<li><frameset> タグ、二重タグ
<ul>
<li><frameset> タグは <body> タグを置き換えて、<frameset> タグを使用する必要がなくなります。
</li>border属性はフレーム枠のサイズを設定します<li>
</li> rows 属性は、フレームの行数と高さを設定します。「*」は残りのスペースを「,」で区切って記述します。
<li>cols 属性は、フレームの列の数と幅を設定します。「*」は残りのスペースを「,」で区切って記述します。
</li>をネストしてフレーム形式を多様化できます<li>
</li>
<li>
</li>タグ、二重タグ
</ul>
</li><frameset> にネストされた各ページのコンテンツを表示するために使用されます。
<li> src 属性は、コンテンツを表示するページのパスを設定します<ul>
<li>name属性でリンク表示用のフレームの名前を設定できます</li>
<li><a>タグのtarget属性で表示ページのフレームを指定できます</li>
<li><a>タグのtarget属性が「_parent」に設定されている場合はその上位フレームが表示されることを意味し、「_top」に設定されている場合は最上位フレームが表示されることを意味します。ウェブページ全体</li>
<li>
</li>
<li>
 </li>
</ul>
</li>
</ul>レイアウト表示<img src="file:///C:UsersAdministratorAppDataRoamingTencentUsers952433622QQWinTempRichOleWNYRJ8%24%7D7%6039%XA7F%60O%24ECY.jpg" alt="">
​
<br><img src="http://img.blog.csdn.net/20150209002149214?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDg0OTU5MA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt=""><span>
</span>ハイパーリンク<span>

<img src="http://img.blog.csdn.net/20150209002743821?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDg0OTU5MA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">
</span><span><noframes> タグ、二重タグ</span>
<ul>
<li>
<span>ブラウザがフレームを読み込めない場合、<noframes> タグ内のコンテンツが表示されます</span><ul>
<li>
<span> <frameset> タグ内でネストして使用され、<body> タグとともに使用されます。
</span>
</li>
<li><span></span></li>
</ul>
</li>フレームのその他のプロパティと使用法については、ヘルプドキュメントをご覧ください。 <li>
<span> <img  alt="PHP ノート (HTML)、php ノート html_PHP チュートリアル" >
<img src="http://img.blog.csdn.net/20150209225828597?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDg0OTU5MA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">フォーム: 入力データをサーバーサイドプログラムに送信できるHTML要素
<p>
</p><form>タグ、二重タグ
<p>
</p>はHTMLフォームを意味します<p>
</p>action属性はデータ送信先を設定します<ul>
<li>method 属性は送信方法を設定します。取得および投稿に設定できます。
<ul>
<li>get は送信する情報が少なく、より高速です。送信された情報はアドレス バーに表示されますが、これは安全ではありません</li>。
<li>投稿するとより多くの情報が転送されますが、速度が遅くなります。送信された情報はアドレスバーに表示されないため、より安全です</li>。




<li>




<ul>
<li>enctype 属性は、サーバーに送信されるデータのエンコードタイプを設定します
</li>
<li>application/x-www-form-urlencoded: フォーム データは、標準のエンコード形式、デフォルト値で名前と値のペアとしてエンコードされます</li>
</ul>multipart/form-data: フォーム データは、ページ上の各コントロールが情報の一部としてエンコードされます。ファイルをアップロードするときに使用します。




</li>




<li>




<ul>




<li>




</li>
<li>
</ul>
<ul>
<li><input> タグ、単一タグ
<ul>
<li>type、入力フィールドの表示モードを表します(入力タイプ、選択タイプ、クリックタイプに分かれます)
<ul>
<li>テキスト、単一行テキスト入力フィールド、入力タイプ</li>
<li>パスワード、パスワード入力欄、入力した文字は「*」で表示、入力タイプ</li>
<li>ファイル、ファイルアップロード、入力タイプ</li>
<li>チェックボックス、チェックボックス、選択タイプ</li>
<li>ラジオ、ラジオボタン、選択タイプ</li>
<li>hidden、隠しフィールド、通常はデフォルト値を渡すために使用されます。</li>
<li>ボタン、ボタン、クリックではフォームは送信されません。他の操作を実行できます。クリックタイプ</li>
<li>画像、写真ボタン、クリックしてフォームを送信、クリックしてタイプ</li>
<li>送信、送信ボタン、クリックしてフォームを送信、入力をクリック</li>
<li>リセット、リセットボタン、クリックタイプ</li>

</ul>

</li>
<li>name、フォーム項目の名前
<ul>
<li>通常はデータベース内の対応するフィールド名と同じに設定されます</li>
<li>クリックタイプにはこの属性は必要ありません</li>
<li>データ送信時の識別子</li>
<li>チェックボックスの名前の値は通常、配列で表されます</li>
<li>ラジオボタンボックスの名前の値が同じ場合、オプションは相互に排他的です</li>

</ul>

</li>
<li>value、フォーム項目の値
<ul>
<li> この属性値を選択して設定すると、フォームで送信できます</li>
<li>クリックタイプの画像に加えて、この属性、つまりボタンの表示名を設定します</li>
<li>入力タイプは属性値を設定し、デフォルト値を設定します</li>

</ul>

</li>
<li>maxlength、テキスト入力の長さを制限する</li>

</ul>

</li>
<li><textarea> タグ、二重タグ
<ul>
<li>複数行のテキストフィールド、複数行のテキストを入力できます</li>
<li>cols、列数を設定、列数を渡し、幅を設定</li>
<li>rows、行数を設定、行数を渡し、高さを設定</li>
<li>残りの属性は <input> タグの入力タイプと一致します</li>

</ul>

</li>
<li><選択>ラベル、ダブルラベル
<ul>
<li>ドロップダウンメニュー</li>
<li>name 属性はフォーム項目名を設定します。これは通常、データベースのフィールド名と一致します</li>
<li>multiple 属性はフォームを複数選択に設定します</li>

</ul>

</li>
<li><オプション>タグ、二重タグ
<ul>
<li> ドロップダウン メニューのオプションを表すために <select> タグ内でネストして使用されます</li>
<li> value 属性は、オプションの値を設定します。選択後、フォームで送信されます。
</li>選択した属性設定がデフォルトで選択されます<li>

</li>

</ul>
</li><lable> タグはテキストとオプションをバインドするように設定できるため、テキストをクリックして選択できます<li>

</li>
</ul>
<p><img src="http://img.blog.csdn.net/20150211000412100?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDg0OTU5MA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">
</p>その他のプロパティやフォームの使用法については、ヘルプドキュメントをご覧ください。 <p>
</p>
<div>タグ、二重タグ<p>
</p>
<ul>要素またはレイアウトを配置するためのレイヤーラベル<li>
</li>レイヤー内のコンテンツはブラウザ内のどこにでも配置でき、HTML 要素も配置できます <li>
</li>CSSと組み合わせてよく使用されます<li>
</li>
</ul>CSSと合わせて使われることが多いので、CSSを学ぶ際にはぜひ学んでください! <p>
</p> <p>
</p>
<p>この時点で、HTML の基本要素を学習し、単純な静的 Web ページの作成を開始できますが、動的な Web サイトにはまだ程遠いです。次はCSSを勉強しましょう! <span></span>




</p>
<img src="file:///C:UsersAdministratorAppDataRoamingTencentUsers952433622QQWinTempRichOleWNYRJ8%24%7D7%6039%XA7F%60O%24ECY.jpg" alt="">
<p align="left"></p>
<div style="display:none;">http://www.bkjia.com/PHPjc/956929.html<span id="url" itemprop="url"></span>www.bkjia.com<span id="indexUrl" itemprop="indexUrl"></span>tru​​e<span id="isOriginal" itemprop="isOriginal"></span>http://www.bkjia.com/PHPjc/956929.html<span id="isBasedOnUrl" itemprop="isBasedOnUrl"></span>技術記事<span id="genre" itemprop="genre"></span> PHP ノート (HTML)、php ノート html さまざまな言語を学習してきましたが、最近ついに PHP を学習することにしました。 PHPを学ぶにはまずHTMLを学ばなければいけないので、私もHTMLから始めます! 何事もまずは学んでください...<span id="description" itemprop="description"></span>
</div>
</div>
<div class="art_confoot"></div>
</li>
</ul>
</li>
</ul></span>
</li>
</ul>
</tr></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>声明:</span><div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div></div></div><div class="nphpSytBox"><span>前の記事:<a class="dBlack" title="PHP は FLV ファイルの時刻を取得する実装、_PHP チュートリアル" href="https://m.php.cn/ja/faq/292012.html">PHP は FLV ファイルの時刻を取得する実装、_PHP チュートリアル</a></span><span>次の記事:<a class="dBlack" title="PHP は FLV ファイルの時刻を取得する実装、_PHP チュートリアル" href="https://m.php.cn/ja/faq/292014.html">PHP は FLV ファイルの時刻を取得する実装、_PHP チュートリアル</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>関連記事</h2><em><a href="https://m.php.cn/ja/article.html" class="bBlack"><i>続きを見る</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/ja/faq/1.html" title="cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法" class="aBlack">cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/faq/1.html" title="cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法" class="aBlack">cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/faq/1.html" title="cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法" class="aBlack">cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/faq/1.html" title="cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法" class="aBlack">cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/faq/2.html" title="正規表現内のすべての式記号 (概要)" class="aBlack">正規表現内のすべての式記号 (概要)</a><div class="clear"></div></li></ul></div></div><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!</p></div><div class="footermid"><a href="https://m.php.cn/ja/about/us.html">私たちについて</a><a href="https://m.php.cn/ja/about/disclaimer.html">免責事項</a><a href="https://m.php.cn/ja/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p>                © php.cn All rights reserved
            </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) {
    var _times = times || -1, //100次
    _interval = interval || 20, //20毫秒每次
    _self = this,
    _selector = this.selector, //选择器
    _iIntervalID; //定时器id
    if( this.length ){ //如果已经获取到了,就直接执行函数
        func && func.call(this);
    } else {
        _iIntervalID = setInterval(function() {
            if(!_times) { //是0就退出
                clearInterval(_iIntervalID);
            }
            _times <= 0 || _times--; //如果是正数就 --

            _self = $(_selector); //再次选择
            if( _self.length ) { //判断是否取到
                func && func.call(_self);
                clearInterval(_iIntervalID);
            }
        }, _interval);
    }
    return this;
}
$("table.syntaxhighlighter").wait(function() {
    $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>");
});
$(document).on("click", ".cnblogs_code_footer",function(){
      $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide();
});
$('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}});
</script></body></html>