ホームページ > 記事 > ウェブフロントエンド > Html_html/css_WEB-ITnose の簡単な紹介

Html_html/css_WEB-ITnose の簡単な紹介

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

1. Html --- hypertext markup language の略称 ---

この技術とは何ですか

この技術で何ができるのか

その技術を上手に使う方法

2. HTML は Web ページを作成するために使用されます

html はハイパーテキストマークアップ言語を指しますが、これはプログラミング言語ではなくマークアップ言語です

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

html を使用します。 Web ページを記述するためのマークアップタグ

3. HTML の一部の仕様

HTML ファイルには独自の拡張子があります: .html、.htm

HTML タグは次の 2 つのタイプに分類されます。 : 単一ラベルは通常、特別な意味で使用されます。例:
は改行、

を意味します

二重ラベル: 通常、二重ラベルはデータをカプセル化し、特定のスタイルを表示するために使用されます。例: ようこそ

ラベルの書き方のルール

HTML では、シングルラベルでもダブルラベルでも、正しく閉じる必要があります。

どの HTML でも、それぞれページには固定コンテンツがあります:

HTML はルートタグとして html を使用する必要があり、その下に head タグと body タグがあります。一般的に、title タグと meta タグは head に記述され、タイトルが設定されます

。 HTML ページのタイトルコンテンツのメタは、HTML ページの特定の属性情報を指定するために使用されます。

4. よく使用されるタグ

HTMLタグの概要
... ファイル宣言●開始ファイルの全体的な情報を提供します< TITLE>●タイトルブラウザの上部に表示されるファイルのタイトルを定義します●この記事デザインファイル形式とコンテンツの場所植字マーク<--ノートソリューション-->○ 説明マークファイルに説明を追加しますが、表示されません ○段落マーク単語、写真、表などの間に空白行を入れます。
○改行マーク単語、写真を表示するには、テーブル次の行に、など

○水平線水平線を挿入 ●中心だから単語、写真、表などが中央に表示されます反対

●デフォルトの形式オリジナルに従うようにしますコードの配置は

●区切りマーク文字、写真、表などの配置を設定します。テキストの回り込みを防ぐ長すぎるため●推奨ラッピングデフォルトのラッピング位置フォントマーク●強調した口調太字フォントの効果を生成します ●太字マーク 太字フォント効果を作成します●強調マークフォントは斜体で表示されます●斜体マークフォントには斜体効果があります●タイピングフォント Courier フォント、文字幅は同じです●下線を追加下線を追加 異議 フォントを太くします、より大きく、より広く

●第3レベルのタイトルタグフォントを太く、大きく、幅を広くします●●●●○● ●下線を引いて削除をフォントとして取り消し線を1つ追加します反対●コードフォントは<のように少し幅が広くなります;TT>●述語定義斜体効果●住所マーク斜体効果●下付き文字インデックス^●subscriptsubscript Words リストマーカー

●順序付きリストリスト項目は数字、アルファベット順に並べられます

●順序なしリストリストアイテムはドット状に配置されます

○アイテムをリストします各マークはリストアイテムを示します ●メニュー一覧リスト項目は、などのドットで配置されますObjection●ディレクトリリストリスト項目は、などのドットで配置されます項目定義のタイトルをマークします定義内容をマークします●テーブルタイトルを埋めるための十数個の列を作成このテーブルの列を設定しますこのテーブルの列を設定します< ;フォーム>●フォームタグ単一の決定フォームの仕組み

<td> </td>● <tr>テキストエリア <td colspan="5"> </td>大量のテキストを入力するためのテキストボックスを提供する </tr> <tr> <td> </td> <td> </td> <td> ○</td> <td>タグ+TIONを入力></td> <td>○</td> </tr>オプション<tr> <td>Aマークはオプションを表します</td> <td> </td> <td> </td> <td>グラフィックマーク</td> <td> </td> </tr><IMG><tr> <td>○</td> <td>グラフィックマーク</td> <td>挿入に使用しますグラフィックスとグラフィックプロパティの設定</td> <td> </td> <td> </td> </tr>リンクタグ<tr> <td> </td> <td><A></td> <td>●</td> <td>リンクタグ</td> <td>リンクを追加</td> </tr>
<tr> <td> </td> <td><BASE></td> <td>○</td> <td>ベンチマークタグ</td> <td>相対URLを絶対URLに変換しリンク先を指定</td> </tr> <tr> <td colspan="5"> </td> </tr>フレームタグ<tr> <td> </td> <td><FRAMESET></td> <td>●</td> <td>フレーム設定</td> <td>フレームを設定</td> </tr>   <tr>    <td><FRAME></td>    <td>○</td>    <td>框窗设定</td>    <td>设定框窗</td>    <td> </td>   </tr>   <tr>    <td><IFRAME></td>    <td>○</td>    <td>页内框架</td>    <td>于网页中间插入框架</td>    <td>IE</td>   </tr>   <tr>    <td><NOFRAMES></td>    <td>●</td>    <td>不支援框架</td>    <td>设定当浏览器不支援框架时的提示</td>    <td> </td>   </tr>   <tr>    <td colspan="5">影像地图</td>   </tr>   <tr>    <td><MAP></td>    <td>●</td>    <td>影像地图名称</td>    <td>设定影像地图名称</td>    <td> </td>   </tr>   <tr>    <td><AREA></td>    <td>○</td>    <td>连结区域</td>    <td>设定各连结区域</td>    <td> </td>   </tr>   <tr>    <td colspan="5">多媒体</td>   </tr>   <tr>    <td><BGSOUND></td>    <td>○</td>    <td>背景声音</td>    <td>于背景播放声音或音乐</td>    <td>IE</td>   </tr>   <tr>    <td><EMBED></td>    <td>○</td>    <td>多媒体</td>    <td>加入声音、音乐或影像</td>    <td> </td>   </tr>   <tr>    <td colspan="5">其他标记</td>   </tr>   <tr>    <td><MARQUEE></td>    <td>●</td>    <td>走动文字</td>    <td>令文字左右走动</td>    <td>IE</td>   </tr>   <tr>    <td><BLINK></td>    <td>●</td>    <td>闪烁文字</td>    <td>闪烁文字</td>    <td>NC</td>   </tr>   <tr>    <td><ISINDEX></td>    <td>○</td>    <td>页内寻找器</td>    <td>可输入关键字寻找于该一页</td>    <td>反对</td>   </tr>   <tr>    <td><META></td>    <td>○</td>    <td>开头定义</td>    <td>让浏览器知道这是 HTML 文件</td>    <td> </td>   </tr>   <tr>    <td><LINK></td>    <td>○</td>    <td>关系定义</td>    <td>定义该文件与其他 URL 的关系</td>    <td> </td>   </tr>   <tr>    <td colspan="5">StyleSheet</td>   </tr>   <tr>    <td><STYLE></td>    <td>●</td>    <td>样式表</td>    <td>控制网页版面</td>    <td> </td>   </tr>   <tr>    <td><span></td>    <td>●</td>    <td>自订标记</td>    <td>独立使用或与样式表同用</td>    <td> </td>   </tr>   </table>  <p>注： </p>  <li>● 表示该标记属围堵标记，即需要关闭标记如 </标记>。 </li>  <li>○ 表示该标记属空标记，即不需要关闭标记。 </li>  <li>IE 表示该标记只适用于 Internet Explorer。 </li>  <li>NC 表示该标记只适用于 Netscape Communicator。 </li>  <li>反对 表示该标记不为 W3C 所赞同，通常这标记是 IE 或 NC 自订，且己为众所支 持，只是 HTML 标准中有其它同功能或更好的选择。 </li>  <li>弃用 表示该标记己为 W3C 所弃用，是过时的标记，但 HTML 具向下兼容的特 性，不用担心新浏览器不支援旧标记。 </li>  <li>新 表示该标记是 HTML 4.0 中新增的。 </li>  <br>  <p><strong>5、html的一些特殊符号</strong></p>  <p><strong></strong></p>  <p>只要你认识了 HTML 标记，你便会知道特殊字符的用处。 </p>  <table>    <tr>    <td>HTML 原始码</td>    <td>显示结果</td>    <td>描述</td>   </tr>   <tr>    <td><</td>    <td><</td>    <td>小於号或显示标记</td>   </tr>   <tr>    <td>></td>    <td>></td>    <td>大於号或显示标记</td>   </tr>   <tr>    <td>&</td>    <td>&</td>    <td>可用於显示其它特殊字符</td>   </tr>   <tr>    <td>"</td>    <td>"</td>    <td>引号</td>   </tr>   <tr>    <td>®</td>    <td>?</td>    <td>己注册</td>   </tr>   <tr>    <td>©</td>    <td>?</td>    <td>版权</td>   </tr>   <tr>    <td>™</td>    <td>?</td>    <td>商标</td>   </tr>   <tr>    <td> </td>    <td> </td>    <td>半方大的空白</td>   </tr>   <tr>    <td> </td>    <td> </td>    <td>全方大的空白</td>   </tr>   <tr>    <td> </td>    <td> </td>    <td>不断行的空白</td>   </tr>   </table>
<p></p> <p><br> </p> <p><strong>6. よく使用されるタグの紹介 </strong></p> <p></p> <p>1)、フォントタグ: </p> <p><FONT> は、ファイルのコンテンツ部分、つまり <BODY> に適用されます。 ;/BODY> それらの間の位置はマークされた単語にのみ影響し、包含マークになります。 </p> <p></p> <p><FONT> 例: <font face="Arial" size="+2" color="#008000">Web ページの作成</font>テキストのフォントの形。 Arial は一般的に使用されるグリフです。Windows の組み込みグリフ以外は使用しないでください。 Gb2312 エンコーディングに設定されていない中国語の Web ページの場合、Netscape Net vigator はこのタグで指定された中国語のグリフを表示しません。 size="+2" はテキストのサイズを設定します。値は絶対値または相対値にすることができ、マークがテキストのサイズを独自に決定し、<BASEFONT> の影響を受けないことを意味します。たとえば、size="5" はサイズが 5 であることを意味します。 html のデフォルト値は 3 です。つまり、 size="3" は設定なしと同じです。 相対とは、デフォルト値の 3 に基づいてサイズ シリーズを増減することを意味します。たとえば、size="+2" は絶対表現では size="5" と同等ですが、<basefont size="n が設定されている場合は、 " <BASEFONT> color="#008000"> </p>
<p> </p>2)、IMG タグ <p> & lt; img & gt; は、主に Web ページに画像を挿入するために使用されます <br> & & ="logo.gif" width=100 height= 100 hspace=5 vspace=5 border=2 align="top" alt="PenPals Garden のロゴ" lowsrc="pre_logo.gif"> </p> <p>src="logo.gif" </p> 画像ソース、.gif を受け入れます。 jpg と .png 形式は長い間人気があり、後者は 1996 年に開発が始まり、将来的には前 2 つに置き換わる予定です。画像ファイルが HTML ファイルと同じディレクトリにある場合は、ファイル名のみを記述する必要があります。そうでない場合は、相対パスまたは絶対パスを追加する必要があります。 <p> </p>width=100 height=100 <p> 幅と高さは通常ピクセル単位で設定します。通常、歪みを避けるために画像の実際のサイズにのみ設定します。画像のサイズを変更したい場合は、事前に画像編集ツールを使用することをお勧めします。 <br> </p> hspace=5 vspace=5 <p> テキストや他の画像が近づきすぎないように画像の余白を設定します。 hspace は画像の周囲のスペースを設定するもので、vspace は画像の上下のスペースを設定するもので、高さはピクセル単位です。 </p> <p>border=2 </p> 画像の境界線の太さ。 <li> <br>align="top" </li> 画像の横にあるテキストの位置を調整して、テキストが画像の上、中央、下、左、右などに表示されるように制御できます。オプションの値: top、middle、下、左、右、デフォルトは下です。 Netscape は texttop、baseline、absmiddle、absbottom もサポートします。 <li> texttop は、画像とテキストが上の行に従ってペアになることを意味します。 <br> ベースラインは、画像が現在のテキスト行の最後の行とペアになることを意味します。画像は現在のテキスト行の絶対的な中央とペアになります。 </li> absbottom は、画像が現在のテキスト行の絶対的な下部であることを意味します (絶対的な下部は、y、g などの単語の下端を考慮することを意味します)。 、qなど）。 <li> <br>alt="PenPal Garden のロゴ" </li> これは、グラフィックを説明するために使用されるテキストです。ユーザーがテキスト ブラウザを使用している場合、画像はサポートされていないため、画像の代わりにこれらのテキストが表示されます。ブラウザが画像表示をサポートしている場合は、画像上にマウスを移動するとテキストも表示されます。 <li> <br>lowsrc="pre_logo.gif" </li> 大きな画像が追加され、ダウンロードに時間がかかる場合、閲覧の興味を失わないよう、この低解像度の画像が最初に表示されるように設定します。通常は元の画像のグレースケール バージョンです。 <li> <br> <br> <br> <br> 3)、テーブル タグ <br> </li> <li> <br> </li> <TABLE> は、これがテーブルであることを宣言するために使用され、他のテーブル タグはそのスコープ内でのみ適用できることを意味します。はコンテナです 他にもマークが付いています。   <li> <TR> テーブルの列 (行) をマークするために使用します <br> <TD> セル (セル) をマークするために使用します </li> <table> パラメータ設定 (一般的に使用されます): 例: <table width="400" border ="1" cellpacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark ="#00FFFF"cols="2"> <p class="sycode"> <br></p> <p class="sycode">width="400" </p> テーブルの幅。絶対値 (80 など) と相対値 (80% など) を受け入れます。 <p class="sycode"><br> </p> <p class="sycode">border="1" <br> 表の枠線の太さ、ブラウザごとにデフォルト値が異なるため、指定してください。 <br></p>
<p> </p>
<li>cellspacing="2" <br> テーブルのグリッドの厚さは、例 3 を参照してください。これは、グリッドが 5 に太くなっています。 <p></p> </li> <li>cellpadding="2" <br> テキストとグリッドの間の距離は、例 4 を参照してください。つまり、パディングが 10 に追加されます。 <p></p> </li> <li>align="CENTER" <br> テーブルの配置位置 (水平)、オプションの値は次のとおりです: left、right、center。例 5 または 6 を参照してください。恐れ入りますが、テーブルは中央に配置されています一部のブラウザではサポートされていないため、センターマーク <center> が追加されています。 もちろん、<center> のみを使用することもできます。 <p></p> </center>
</center>
</li> <li>valign="TOP" <br> テーブル内での書道と絵画の配置位置 (垂直)、オプションの値は、上、中、下です。 <p></p> </li> <li>background="myweb.gif" <br> フォーム用紙。bgcolor と一緒に使用しないでください。 <p></p> </li> <li>bgcolor="#0000FF" <br> テーブルの背景色。背景と一緒に使用しないでください。例 6 を参照してください。 <p></p> </li> <li>bordercolor="#FF00FF" <br> テーブルの境界線の色、NC と IE には異なる効果があります。例 6 を参照してください。 <p></p> </li> <li>bordercolorlight="#00FF00" <br> テーブルの境界線の部分に面するライトの色は、例 2 を参照してください。 『IE のみに適用』 <p></p> </li> <li>bordercolordark="#00FFFF" <br> 表の境界線のバックライト部分の色。例 2 を参照してください。bordercolorlight または bordercolordark を使用する場合、bordercolor は無効になります。 『IE のみに適用』 <p></p> </li> <li>cols="2" <br> テーブル フィールドの数により、ブラウザはテーブルをダウンロードする前にテーブル全体を描画できるようになります。 </li> <p><TR> パラメータ設定 (一般的に使用されます): <br> 例: <tr align="RIGHT" valign="MIDDLE" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#808080" bordercolordark= "#FF0000"> </p>align="RIGHT" <li> この列に書道と絵画を配置する位置 (水平) は、左、中央、右です。 <br><p> </p> </li>valign="MIDDLE" <li> この列の書道と絵画の配置の位置(垂直)、オプションの値は: 上、中、下です。 <br><p> </p> </li>bgcolor="#0000FF" <li> この列の背景色については、例 5 を参照してください。 <br><p> </p> </li>bordercolor="#FF00FF" <li> この列の境界線の色については、例 3 を参照してください。 『IEのみ適用』 <br><p> </p> </li>bordercolorlight="#808080" <li> この列の枠線の明るい部分の色については、例 3 を参照してください。 『IE のみに適用』 <br><p> </p> </li>bordercolordark="#FF0000" <li> この列の境界線のバックライト部分の色は、例 3 を参照してください。bordercolorlight または bordercolordark を使用する場合、bordercolor は無効になります。 『IE のみに適用』 <br> </li><TD> パラメータ設定 (一般的に使用されます): <p> 例: <td width="48%" height="400"colspan="5" rowspan="4" align="右" valign="BOTTOM" bgcolor="#FF00FF" bordercolor="#808080" bordercolorlight="#FF0000" bordercolordark="#00FF00" background="myweb.gif"> <br> </p>width="48%" <li>絶対値 (80 など) と相対値 (80% など) を受け入れるセル幅。 <br><p> </p> </li>height="400" <li> このセルの高さ。 <br><p> </p> </li>colspan="5" <li> このセルの右側に開く列の数。例 6 を参照してください。 <br><p> </p> </li>rowspan="4" <li> このセルが下向きに開いている列の数。例 6 を参照してください <br><p> </p> </li>align="RIGHT" <li> このセル内の書道と絵画の配置の位置 (水平)、オプションの値は、左、中央、右です。 <br><p> </p> </li>valign="BOTTOM" <li> このセル内の書道と絵画の配置の位置 (垂直) オプションの値は、上、中、下です。 <br><p> </p> </li>bgcolor="#FF00FF" <li> このセルの背景色については、例 4 を参照してください。 <br><p> </p> </li>bordercolor="#808080" <li> セルの枠線の色については、例 3 を参照してください。 『IEのみ対応』 <br><p> </p> </li>bordercolorlight="#FF0000" <li> セル枠の明るい部分の色については、例3を参照してください。 『IEのみ適用』 <br><p> </p> </li>bordercolordark="#00FF00" <li> セル枠のバックライト部分の色です。例3を参照してください。bordercolorlightまたはbordercolordarkを使用する場合、bordercolorは無効になります。 『IEのみ対応』 <br><p> </p> </li>background="myweb.gif" <li> この方眼紙はどちらのbgcolorでも使用できます。 <br> </li> <br>  4)、ハイパーリンク <p class="sycode"> </p> <p class="sycode"> <br> <A> はリンクタグと呼ばれ、<A> と </A> で囲まれた文字や画像などがリンクになります。   </p><A> 一般的なパラメータ設定: <p class="sycode"> </p>
<p>例: <a href="index.html" name="hello" target="_top"></p>
<li>href="index.html" <br> このパラメータを別のパラメータ名と一緒に使用して、クリック可能なリンクを作成することはできません。 </li> <li>
<strong>外部リンクとして使用する場合: </strong> href 設定は、リンク先のファイルの名前です。ファイルが html ファイルと同じディレクトリにない場合は、適切なパスを追加してください。相対的または絶対的にすることができます。 </li> <li>
<strong>内部リンクとして使用する場合: </strong> href は同じ文書内の参照点、またはリンク先の指定された文書の参照点に設定され、単語や画像を囲まずに追加するだけです。 <a href="#there"></a> 、 <a href="index.html#there"> </a> などの終了記号は機能します。 <a href="http://www.school.net.hk/~chris55/index.html#there"></a> には参照点があり、記号 # が先頭に追加されます。参照点は次のパラメータによって決まります。名前はあらかじめファイルに埋め込まれています。 </li> <p></p> <li>name="hello" <br> このパラメータは、ファイルの参照点を埋め込むためのものであり、リンクとしては表示されません。したがって、内部リンクを作成するには、<A> リンク タグを 2 回使用します。 1 つはパラメータ名を使用してあらかじめファイルに参照点を埋め込む方法、もう 1 つはパラメータ href を使用してこの参照点に接続する方法です。 <p></p> </li> <li>target="_top" <br> リンクをクリックしたときに表示されるウィンドウを設定します。オプションの値は、_blank、_parent、_self、_top、フレーム ウィンドウ名です。 <p></p> </li> <li>target="フレーム名" <br> これが設定されている場合、フレーム名はフレームタグで指定されたフレームウィンドウに表示されます。前進。 。 </li> <li>target="_blank" または target="new" <br> リンクされた画面コンテンツを新しい閲覧ウィンドウで開きます。 </li> <li>target="_parent" <br> リンクされた画面のコンテンツをドキュメントの前の画面として扱います。 </li> <li>target="_self" <br> リンクされた画面コンテンツを現在のウィンドウに表示します。 (デフォルト) </li> <li>target="_top" <br> フレーム内にリンクされている画面コンテンツをフレームなしのウィンドウに表示します。 (つまり、フレームが削除されます) </li> 5) form タグ  <p class="sycode"> <br> </p> <p class="sycode"> <FORM> は、フォーム タグと呼ばれ、コンテナ タグに属することを示します。他のフォーム タグはそのタグで囲む必要があります。<input> はその 1 つであり、さまざまなデータ入力方法を設定するために使用されます。空のタグです。   </p>
<p><FORM> パラメータ設定 (一般的に使用されます): <br> 例: <form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> ="http://your.isp.com/cgi-local/example.cgi" </p> フォームは通常、CGI と組み合わせて使用され、データが入力されるように CGI プログラムの場所を指定します。この形式でのみ、処理のために CGI に正しく渡すことができます。テスト用の CGI がない場合は、このパラメータを ACTION="mailto:your@email.com" に設定すると、フォームに入力された情報がこの電子メール アドレス (赤い部分) に送信されます。 <li> <br>method="POST" </li> CGI へのデータ送信方法。オプションの値は POST と GET です。 POST では大量のデータの送信が可能ですが、GET では 1K 未満のデータしか受け入れられないことに注意してください。そのため、他の人のフォームのソース コードを見たことがある場合は、アプリケーション フォームでは POST が使用され、検索エンジンでは得る 。 <li> <br><INPUT> パラメータ設定 (一般的に使用されます): </li> 最初のパラメータ タイプには多くのオプションがあり、異なる選択肢は異なる入力方法を示し、他のパラメータもそれに応じて変化するため、次のようになります。独自に紹介しました。 <p> <br>type="Text" </p> オプションの値は、テキスト、ラジオ、チェックボックス、パスワード、送信/リセット、画像、ファイル、非表示、ボタンです。 <li> <br> </li> <br>  <p class="sycode"> <br></p>
</table></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="CSS の旅 - 第三の目的地 強力な Pseudo-Selector_html/css_WEB-ITnose" href="http://m.php.cn/ja/faq/274007.html">CSS の旅 - 第三の目的地 強力な Pseudo-Selector_html/css_WEB-ITnose</a></span><span>次の記事：<a class="dBlack" title="CSS の旅 - 第三の目的地 強力な Pseudo-Selector_html/css_WEB-ITnose" href="http://m.php.cn/ja/faq/274009.html">CSS の旅 - 第三の目的地 強力な Pseudo-Selector_html/css_WEB-ITnose</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>関連記事</h2><em><a href="http://m.php.cn/ja/article.html" class="bBlack"><i>続きを見る</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"
     data-ad-layout-key="-6t+ed+2i-1n-4w"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="8966999616"></ins><script>     (adsbygoogle = window.adsbygoogle || []).push({});
</script><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/ja/faq/348757.html" title="HTMLの知識のまとめ" class="aBlack">HTMLの知識のまとめ</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/348804.html" title="HTMLを早く学ぶ方法" class="aBlack">HTMLを早く学ぶ方法</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/348873.html" title="html xhtml xml の違い" class="aBlack">html xhtml xml の違い</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/348884.html" title="src 属性と href 属性の違い" class="aBlack">src 属性と href 属性の違い</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/348902.html" title="HTML5とCSSの置き換え利用について" class="aBlack">HTML5とCSSの置き換え利用について</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="5027754603"></ins><script>     (adsbygoogle = window.adsbygoogle || []).push({});
</script><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/ja/"><b class="icon1"></b><p>ホームページ</p></a></li><li><a href="http://m.php.cn/ja/course.html"><b class="icon2"></b><p>コース</p></a></li><li><a href="http://m.php.cn/ja/wenda.html"><b class="icon4"></b><p>に質問</p></a></li><li><a href="http://m.php.cn/ja/login"><b class="icon5"></b><p>私の</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/ja/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/ja/"><b class="icon1"></b><span>ホームページ</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/course.html"><b class="icon2"></b><span>コース</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/article.html"><b class="icon3"></b><span>記事</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/wenda.html"><b class="icon4"></b><span>に質問</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/dic.html"><b class="icon6"></b><span>辞書</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/course/type/99.html"><b class="icon7"></b><span>マニュアル</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/xiazai/"><b class="icon8"></b><span>ダウンロード</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/faq/zt" title="特集"><b class="icon12"></b><span>特集</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/ja/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/ja/" >ホームページ</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/article.html" class="hover">記事</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/wenda.html" >に質問</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/course.html" >コース</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/faq/zt" >特集</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/xiazai"  >ダウンロード</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/game" >ゲーム</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/dic.html" >辞書</a></div><div class="clear"></div></div></div><div class="langadivs"  ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a  onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan "  href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a  onclick="javascript:setlang('en');" class="language course-right-orders chooselan "  href="javascript:;"><span>English</span><span>（EN）</span></a><a  onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan "  href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a  onclick="javascript:;" class="language course-right-orders chooselan chooselanguage"  href="javascript:;"><span>日本語</span><span>（JA）</span></a><a  onclick="javascript:setlang('ko');" class="language course-right-orders chooselan "  href="javascript:;"><span>한국어</span><span>（KO）</span></a><a  onclick="javascript:setlang('ms');" class="language course-right-orders chooselan "  href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a  onclick="javascript:setlang('fr');" class="language course-right-orders chooselan "  href="javascript:;"><span>Français</span><span>（FR）</span></a><a  onclick="javascript:setlang('de');" class="language course-right-orders chooselan "  href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script>            var swiper = new Swiper('.nphpNavSwiper1', {
                slidesPerView : 'auto',
                observer: true,//修改swiper自己或子元素时，自动初始化swiper
                observeParents: true,//修改swiper的父元素时，自动初始化swiper

});
        </script></div></div><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>

●
これがHTMLファイルであることをブラウザに知らせます





















レベル 4 タイトルタグ	を作成するフォントを太く、大きく、幅を広くします
レベル 5 タイトルタグ	フォントを太く、大きく、幅を広くします
6段階のタイトルタグ	フォントを太く、大きく、広くします
フォントタグ	フォントのスタイル、サイズ、色を設定します	オブジェクト
ベースライングリフマーク	すべてのフォント、サイズ、色を設定	オブジェクト
フォントサイズを拡大する	フォントサイズを線にするフォントを少し小さくします


	●	キーボードの単語	少し幅広のフォント、単一の空白
	●	例	フォントは`のように少し幅広です。`
	●	変数	斜体効果
	●	伝記の引用	斜体効果
	●	引用テキストブロック	インデントフォント









			○	項目を定義します
			○	定義内容
		テーブルマーク		< TABLE>
テーブルマーク	テーブルの各種パラメータを設定
テーブルタイトル

●	テーブルの列
				●	テーブルの列
				●	テーブルヘッダー
と同等ですが、内部のフォントが太くなります
		フォームタグ