jinlipub コミュニティ!
1.構造的定義
ファイルタイプ <html></html> (ファイルの先頭と末尾に配置)
ファイルテーマ <title></title> (「ヘッダー」ブロック内に配置する必要があります)
ヘッダー <head></head> (説明的な情報、例えば「テーマ」)
本文 <body></body> (ファイルの本体)
(ブラウザによって制御される表示スタイル)
タイトル <h?></h?> (1から6まで、6つの選択肢があります)
タイトルの整列 <h? align=left|center|right></h?>
区分 <div></div>
区分の整列 <div align=left|right|center|justify></div>
引用ブロック <blockquote></blockquote> (通常はインデントされます)
強調 <em></em> (通常はイタリック体で表示されます)
特別強調 <strong></strong> (通常は太字で表示されます)
引用 <cite></cite> (通常はイタリック体で表示されます)
コード <code></code> (元のコードを表示するために使用)
サンプル <samp></samp>
キーボード入力 <kbd></kbd>
変数 <var></var>
定義 <dfn></dfn> (一部のブラウザでは提供されていません)
住所 <address></address>
大文字 <big></big>
小文字 <small></small>
外観に関連するタグ(作者がカスタマイズした表現方法)
太字 <b></b>
イタリック <i></i>
下線 <u></u> (一部のブラウザでは提供されていません)
取り消し線 <s></s> (一部のブラウザでは提供されていません)
下付き文字 <sub></sub>
上付き文字 <sup></sup>
タイプライター体 <tt></tt> (単一スペースフォントで表示)
プレフォーマット <pre></pre> (ファイル内のスペースのサイズを保持)
プレフォーマットの幅 <pre width=?></pre>(文字数で計算)
中央揃え <center></center> (テキストと画像の両方に使用可能)
点滅 <blink></blink> (歴史上最も嘲笑されたタグ)
フォントサイズ <font size=?></font>(1から7まで)
フォントサイズの変更 <font size=+|-?></font>
基本フォントサイズ <basefont size=?> (1から7まで; デフォルトは3)
フォントカラー <font color="#$$$$$$"></font>
2.リンクと画像
リンク <a href="url"></a>
アンカーへのリンク <a href="url#***"></a>(アンカーが別のファイルにある場合)
<a href="#***"></a> (アンカーが現在のファイルにある場合)
ターゲットフレームへのリンク <a href="url" target="***"></a>
アンカーを設定 <a name="***"></a>
画像 <img src="url">
画像の整列方法 <img src="url" align=top|bottom|middle>
画像の整列方法 <img src="url"
align=left|right|texttop|absmiddle|baseline|absbottom>
代替テキスト <img src="url" alt="***"> (画像が表示できない場合はこのテキストを表示)
クリック可能な画像 <img src="url" ismap> (cgiプログラムが必要)
n2.0 クリック可能な画像 <img src="url" usemap="url">
n2.0 マップ <map name="***"></map>(マップの説明)
n2.0 領域 <area shape="rect" coords=",,," href="url"|nohref>
3.0 サイズ <img src="url" width="?" height="?">(ピクセル単位) n1.0 画像の境界 <img src="url" border=?> (ピクセル単位)
n1.0 画像の境界スペース <img src="url" hspace=? vspace=?> (ピクセル単位)
n1.0 低解像度画像 <img src="url" lowsrc="url">
n1.1 ユーザーサイドリフレッシュ <meta http-equiv="refresh" c>(クライアント側で自動更新)
n2.0 埋め込みオブジェクト <embed src="url"> (ページにオブジェクトを挿入)
n2.0 埋め込みオブジェクトのサイズ <embed src="url" width="?" height="?">
3.区切り
段落 <p> (通常は2回のリターン)
3.0 段落 <p></p> (新しくコンテナ型タグとして定義)
3.0 テキストの整列方法 <p align=left|center|right></p>
改行 <br> (1回のリターン)
n1.0 テキスト部分の整列方法<br clear=left|right|all>(画像と併用する場合)
横線 <hr>
n1.0 横線の整列 <hr align=left|right|center>
n1.0 横線の太さ <hr size=?> (ピクセル単位)
n1.0 横線の幅 <hr width=?> (ピクセル単位)
n1.0 横線の比率幅 <hr width=%> (ページ幅は100%)
n1.0 実線 <hr noshade> (立体効果なし)
n1.0 改行しない <nobr></nobr> (改行しない)
n1.0 改行可能な場所 <wbr> (必要に応じてここで改行)
列挙 (ネストされた列挙が可能)
無順序列挙 <ul><li></ul> (<li>は各項目の前に置く)
n1.0 公開列挙 <ul type=disc|circle|square>(すべての列挙項目を定義)
<li type=disc|circle|square>(この項目およびその後の項目を定義)
有順序列挙 <ol><li></ol> (<li>は各項目の前に置く)
n1.0 数字形式 <ol type=a|a|i|i|1> (すべての列挙項目を定義)
<li type=a|a|i|i|1> (この項目およびその後の項目を定義)
n1.0 開始番号 <ol value=?> (すべての列挙項目を定義)
<li value=?> (この項目およびその後の項目を定義)
定義列挙 <dl><dt><dd></dl>(<dt>項目, <dd>定義)
フォーム列挙 <menu><li></menu>(<li>は各項目の前に置く)
ディレクトリ列挙 <dir><li></dir> (<li>は各項目の前に置く)
背景と色
3.0 繰り返し背景 <body background="url">
n1.1+ 背景色 <body bgcolor="#$$$$$$"> (赤、緑、青の順)
n1.1+ テキスト色 <body text="#$$$$$$">
n1.1+ リンク色 <body link="#$$$$$$">
n1.1+ 訪問済みリンク <body vlink="#$$$$$$">
n1.1 現在のリンク <body alink="#$$$$$$">
4.特殊文字(以下のタグは小文字で記述する必要があります)
特殊記号 &#?; (?はiso 8859-1のエンコーディングを表します)
< < > > & & " "
登録商標tm ?
n1.0+ 登録商標tm ?
著作権記号 ?
n1.0+ 著作権記号 ?
5.フォーム (通常はcgiプログラムと連携する必要があります)
フォームの定義 <form action="url" method=get|post></form>
n2.0 ファイルアップロード <form enctype="multipart/form-data></form>
入力フィールド <input type="text|password|checkbox|radio|image|hidden|submit|reset">
フィールド名 <input name="***">
フィールドのデフォルト値 <input value="***">
選択済み <input checked> (checkboxesおよびradio boxesに適用)
フィールド幅 <input size=?> (文字数単位)
最大文字数 <input maxlength=?> (文字数単位)
ドロップダウンリスト <select></select>
ドロップダウンリスト名 <select name="***"></select>
選択項目数 <select size=?></select>
複数選択リスト <select multiple> (複数選択)
オプション <option>
デフォルトオプション <option selected>
テキスト入力エリア <textarea rows=? cols=?></textarea>
入力エリア名 <textarea name="***"></textarea>
n2.0 入力エリアの改行方法 <textarea wrap=off|virtual|physical></textarea>
6.テーブル
3.0 テーブルの定義 <table></table>
3.0 テーブルの枠線 <table border></table> (有無)
n1.1 テーブルの枠線 <table border=?></table>(数値を設定可能)
n1.1 セルの左右の余白 <table cellspacing=?>
n1.1 セルの上下の余白 <table cellpadding=?>
n1.1 テーブルの幅 <table width=?> (ピクセル単位)
n1.1 幅の比率 <table width=%> (ページ幅は100%)
3.0 テーブル行 <tr></tr>
3.0 テーブル行の内容の整列 <tr align=left|right|center valign=top|middle|bottom>
3.0 セル <td></td>(単元)
(行と一緒に使用する必要があります)
3.0 セル内容の整列 <td align=left|right|center valign=top|middle|bottom>
3.0 改行しない <td nowrap>
n3.0 セルの背景色 <td bgcolor=#$$$$$$>
3.0 セルの横方向結合 <td colspan=?>
3.0 セルの縦方向結合 <td rowspan=?>
n1.1 セルの幅 <td width=?> (ピクセル単位)
n1.1 セルの幅の比率 <td width=%> (ページ幅は100%)
3.0 テーブルヘッダー <th></th> (<td>と同様ですが、中央揃えで太字になります)
3.0 テーブルヘッダーの整列 <th align=left|right|center valign=top|middle|bottom>
3.0 テーブルヘッダーで改行しない <th nowrap>
3.0 テーブルヘッダーが占める列数 <th colspan=?>
3.0 テーブルヘッダーが占める行数 <th rowspan=?>
n1.1 テーブルヘッダーの幅 <th width=?> (ピクセル単位)
n1.1 テーブルヘッダーの比率幅<th width=%> (ページ幅は100%)
3.0 テーブルキャプション <caption></caption>
3.0 テーブルキャプションの整列 <caption align=top|bottom>(テーブルの上/下)
フレーム (画面上の特定の領域を定義および制御)
n2.0 フレームセットの全定義 <frameset></frameset> (<body>の代わりに使用)
n2.0 フレーム行の長さの割り当て <frameset rows=,,,></frameset>(ピクセルまたは%)
n2.0 フレーム行の長さの割り当て <frameset rows=*></frameset> (* = 相対サイズ)
n2.0 フレーム列の幅の割り当て <frameset cols=,,,></frameset>(ピクセルまたは%)
n2.0 フレーム列の幅の割り当て <frameset cols=*></frameset> (* =相対サイズ)
n2.0 個別フレームの定義 <frame> (個別フレームを定義)
n2.0 個別フレームの内容 <frame src="url">
n2.0 個別フレームの名前 <frame name="***"|_blank|_self|_parent|_top>
n2.0 マージン幅 <frame marginwidth=?> (「左」と「右」の境界)
n2.0 マージン高さ <frame marginheight=?> (「天井」と「床」の境界)
n2.0 スクロールバー <frame scrolling="yes|no|auto">
n2.0 サイズ変更不可 <frame noresize>
n2.0 フレームがない場合の内容 <noframes></noframes>(ブラウザがフレーム機能を提供しない場合)
7.雑多
説明 <!-- *** --> (ブラウザには表示されません)
<!--スクロールバーの変更-->
<style type="text/css">
body {
scrollbar-face-color: #330033;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #330033;
scrollbar-arrow-color: #ffffff;
}
</style>
<!--スクロールバーの変更終了-->
上記のコードを葉コードの<head></head>の間に置き、色は自分の必要に応じて変更できます。
スクロールバーのコードの意味は以下の通りです:
scrollbar-face-colorはスクロールバーの表面の色を設定します;
scrollbar-track-colorはスクロールバーの底板の色を設定します;
scrollbar-darkshadowはスクロールバーの下辺と右辺の色を設定します;
scrollbar-highlight-colorはスクロールバーの上斜面と左斜面の色を設定します;
scrollbar-shadow-colorはスクロールバーの下斜面と右斜面の色を設定します;
scrollbar-3dlight-colorはスクロールバーの上辺と左辺の境界の色を設定します;
scrollbar-arrow-colorはスクロールバーの両端の矢印の色を設定します。
<!> マルチメディア
<marquee>...</marquee>通常のスクロール
<marquee behavior=slide>...</marquee>スライド
<marquee behavior=scroll>...</marquee>デフォルトのスクロール
<marquee behavior=alternate>...</marquee>往復スクロール
<marquee direction=down>...</marquee>下にスクロール
<marquee direction=up>...</marquee>上にスクロール
<marquee direction=right></marquee>右にスクロール
<marquee direction=’left’></marquee>左にスクロール
<marquee loop=2>...</marquee>スクロール回数
<marquee width=180>...</marquee>幅を設定
<marquee height=30>...</marquee>高さを設定
<marquee bgcolor=ff0000>...</marquee>背景色を設定
<marquee scrollamount=30>...</marquee>スクロール距離を設定
<marquee scrolldelay=300>...</marquee>スクロール時間を設定
<!--このコードスニペットは: http://www.outofmemory.cn/codes/html/6664から取得しました-->