この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

眺める: 14116|答える: 1

[HTML/HTML5] 3日間の学習HTML:HTML言語学習の概要(初心者に必見)

[リンクをコピー]
掲載地 2014/12/22 23:05:45 | | |


共通コードのコンピレーション

1. タイトルテキスト <h#>......</h#> #=1~6;h1は最大の単語、h6は最小の単語です

2. フォントの変更<font>......</font>

[1] フォントサイズ <font size=#>......</font> #=1~7;数字が大きいほど文字も大きくなります

[2] フォントを指定します <font face ="font name">......</font>

[3] テキストカラー <font color=#rrggbb>......</font> rr: テーブル 赤色コード gg: テーブル 緑色コード BB: テーブル 青色コード

3. 小さなフォント<small>の表示......</small>

4. 大きなフォント<big>の表示......</big>

5. 大胆<b>な......</b>

6. 斜体 <i>......</i>

7. タイプライターフォント<tt>......</tt>

8. 結論<u>......</u>

9. 取り消しの<strike>つき......</strike>

10. 添字<sub>......</sub>

11. ラベル<sup>......</sup>

12. テキストの点滅効果<blink>......</blink>

13. <br>改行

14. <p>セグメンテーション

15. テキストアラインメント方向 <p align="#"> #号可为 左:テーブルが左に揃え(デフォルト値) センター:テーブルが中央右に揃えられている:テーブルが右に揃えられている P.S.<p align="#"> その後のテキストはアライメントセットに表示されます

別の<p align="#">アライメント方向を変え、<hr>または <h#>ラベルに遭遇すると自動的にデフォルトの左アライメントに戻されます。

16. 仕切り<hr>

[1] 分流器の厚さ<hrサイズ=点の数>

[2] 区切りの幅 <hr サイズ=ポイント数またはパーセンテージ>

[3] ディバイダーのアライメント方向 <hr align="#"> #号可为 左:テーブルは左に揃い(デフォルト値) 中心:中央に揃えている 右中央:右に

[4] 仕切りの色 <hr color=#rrggbb>

[5] ソリッドディバイダー< no shade>

17. 中心整列<center>......</center>

18. 元の様式での展示<pre>......</pre>

19. <body>命令の属性

[1] 背景色 -- bgcolor <body bgcolor=#rrggbb>

[2] 背景パターン -- 背景 <body background="graphic file name">

[3] 背景パターンはスクロールしません -- bgproperties <body bgproperties=fixed>

[4] ファイル内容内のテキストの色 -- テキスト <本文テキスト=#rrggbb>

[5] ハイパーリンクテキストカラー -- リンク <本文リンク=#rrggbb>

[6] 選択されるハイパーリンクテキストの色 -- vlink <body vlink=#rrggbb>

[7] ハイパーリンクテキストの色 -- alink <body alink=#rrggbb>

1. 写真

1. 画像を挿入します <img src=「graphic filename」>

2. フレームを設定する -- border <img src="graphic file name" border=points>

3. グラフのサイズを設定します -- width, height <img src="drawing file name" width=width, points, height=height points>

4. グラフィックを上下、左、右、左右、-- vspace, hspace <img src=「グラフィックファイル名」vspace=上下のスペースポイント hspace=左右の空欄>

5. グラフィックノート <img src="graphic file name" alt="caption">

6. プリロード画像

<img src=「高解像度グラフィックスファイル名」 lowsrc=「low-resolution graphicsファイル名」>追伸 2つのグラフのグラフィックサイズは同じであるべきです

7. 画像マップ <img src="グラフィックファイル名" usemap="#图的名称" > <map name ="画像名">

<area shape=shape coords=area coordinates=area coordinates list href="URL of the link point">

<area shape=shape coords=area coordinates=area coordinates list href="URL of the link point">

<area shape=shape coords=area coordinates=area coordinates list href="URL of the link point">

<area shape=shape coordinates=領域座標一覧 href="リンクのURL"> </map>

[1] 形を定義する――形

shape=rect:rectangle shape=circle:circle shape=poly:poly:poly

[2] 領域を定義する――座標

a. 長方形:4つの数字を使う必要があり、最初の2桁は左上の座標、最後の2桁は右下の座標です

例えば:<area shape=rect coords=100,50,200,75 href="URL">

b. 円:3つの数字を使う必要があり、最初の2つは円の中心座標、最後の数字は半径の長さです

例えば、<area shape=circle coords=85,155,30 href="URL">

c. 任意の図形(多角形):図の各転角点の座標を順番に埋める

例えば: <area shape=poly coordinates=232,70,285,70,300,90,250,90,200,78 href="URL"

2. 表関連

1. 表のタイトル

<caption>......</caption>

テーブルヘッダーの位置 -- 揃え

<caption align="#"> #号可为 top: テーブルタイトルがテーブルの上に置かれます(デフォルト値)

下部:表のタイトルは表の下に配置されます

2. <tr>列の定義

3. 列 《1》を定義<td>する:左に揃う

《2》<th>: Align ii. 太字

[1] 水平位置 -- < 番目の揃え="#">

#号可为 左:左に合わせる

センター:中心に合わせる 右:右に合わせる

[2] 垂直位置 -- < 番目の位置="#"> #号可为

上:中央に合わせて:中心に合わせて

下:下に合わせる

[3] 欄幅 -- 幅

<幅=得点数またはパーセンテージ>

[4] 列の垂直統合 -- 行幅

<行幅=列数を統合したい>

[5] 柱の水平合流 -- コルスパン

<番目のcolspan=列の数を統合したいです>

3. フレーム

1. スプリットウィンドウコマンド<frameset>......</frameset>

[1] 縦(上下)分割 -- 行

<frameset rows=#> #号可为点数: 3つのウィンドウに分割したいなら、100、200、300

<フレームセット行=100、200、300>; また、<フレームセット行=*,500,*>

パーセンテージ:例えば<フレームセット行=30%、70%>、各アイテムの合計は100%にすべきです

[2] 水平(左右)分割 -- cols <フレームセット cols = ポイントまたはパーセンテージ>

2. ウィンドウの内容を指定する <frame>--

<frameset cols=30%70%> <frame> <frame> </frameset>

[1] ウィンドウのファイル名を指定してください -- src <frame src=HTMLファイル名>

[2] ウィンドウの名前を定義してください ― 名前

<フレーム名=ウィンドウ名>

[3] ファイルと上下の境界線の距離を設定する -- マージン高さ

<フレームマージンハイト=得点数>

[4] ファイルと左右の境界線の距離(マージン幅)を設定する

<フレームマージン幅=得点数>

[5] 分割ウィンドウスクロールを設定してください ― スクロール中

<フレームスクロール=#> #号可为はい:固定スクロールリール

いいえ:スクロールが表示されません 自動:スクロールに必要なファイルサイズ(デフォルト値)を自動的に判定します

[6] 分割ウィンドウのサイズをロックする ― ノレサイズ<フレームノレサイズ>

マーク型翻訳または意味関数注記

ファイルタグ付け

<HTML> ● ファイル宣言 これはHTMLファイルであることをブラウザに知らせる

<HEAD> ● 開始 文書の全体的な情報を提供する

<TITLE> ● タイトル ファイルのタイトルを定義し、ブラウズの上部に表示されます

<BODY> ● 本記事はファイル形式および本文の内容を設計します

タイポグラフィマーク

<!-- 注記 --> ○ 説明マーク ファイルに説明を追加しますが、表示されません

<P> ○ 段落マークアップ 単語、図、表などの間を空欄にする

<BR> ○ 改行記 次の行に単語、図、表などを表示させる

<HR> ○ 横線 横線を挿入してください

<CENTER> ● 中央に置いて単語、図、表などを中央に配置します 対立

<PRE> ● プリセット形式はソースコードの配置に従ってファイルを表示します

<DIV> ● 別々のマーカー 単語、図、表などの配置を決める

<STRONG> ● 強調トーン フォントの効果を生み出します 太字

<B> ● 太字のマークアップはフォントの太字化効果を生み出します

<EM> ● 強調マークフォントにはイタリック体の効果があります

<I> ● イタリックマークアップ フォントにはイタリック体の効果があります

<TT> ● 同じ文字幅のCourierフォント

<U> ● 底値を加えて 底値

<H1> ● 第一レベルの称号は太く、大きく、幅広くなり、その度数はシリーズ数に反比例します

<H2> ● 二次タイトルマーカーはフォントをより厚く、大きく、幅広くします

<H3> ● 三段階のタイトルマーカー:フォントを太く、大きく、幅広くする

<H4> ● フォントを太く大きく、幅広くするための4層のタイトルマーカー

<H5> ● 5レベルのタイトルマーカーはフォントをより厚く、大きく、幅広くします

<H6> ● フォントをより太く大きく、幅広くするための6段階のタイトルマーカー

<FONT> ● グリフマーカー グリフ、サイズ、色をそれらに合わせる

<BASEFONT> ○ 基本グリフマーカーはすべてのグリフ、サイズ、色を対立するものに設定します

<BIG> ● フォント拡大 フォントを少し大きくする

<SMALL> ● フォント縮小 フォントを少し小さくする

<STRIKE> ● 削除用の線を引く フォントに取り線を追加する 反対

<CODE> ● プログラムコードフォントはやや幅広めで、例えば<TT>

<KBD> ● キーボードフォントフォントはやや広げられ、1つの空白があります

<SAMP> ● 例 フォントがやや広がっています。例えば<TT>

<VAR> ● 可変斜体効果

<CITE> ● 斜体効果付きの伝記的引用

<BLOCKQUOTE> ● 引用テキストブロックインデントフォント

<DFN> ● 述語定義 イタリック効果

<ADDRESS> ● アドレスマーカーのイタリック効果






先の:Wireshark Network Analyticsはそれほど簡単です
次に:Linux アンチDDoS攻撃ツール(D)DoS-Deflate
掲載地 2014/12/25 23:42:59 |
3日間というHTMLは少し誇張された見方です
免責事項:
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。

Mail To:help@itsvse.com