HTML学習メモその1-htmlチュートリアル-php.cn

HTML学習メモその1

不言

リリース： 2018-04-19 14:29:40

オリジナル

1676 人が閲覧しました

この記事の内容は HTML 学習ノート 1 に関するもので、必要な友達は参照できるようにしています。

概要を学ぶには、リンクをクリックしてください。

よく使われるHTMLタグと説明

1. 基本的なフォーマットのフレームワーク

<html>
<body>
<h1>标题</h1>
<p>段落</p>
</body>
</html>

ログイン後にコピー

3. リンク

<b>粗体</b>
<big>大号字</big>
<em>着重字（粗）</em>
<i>斜体字</i>
<strong>加强语气（粗）</strong>
<sub>下标</sub>
<sup>上标</sup>
<ins>插入字</ins>
<del>删除字</del>

ログイン後にコピー

それら、 href = ハイパーリンク、 target="_blank" は、新しいウィンドウでファイルを開くことを意味します。

2 つの間にはスペースを使用してください。

name 属性を使用する特殊なケースがあり、name 属性で定義されたアンカーにジャンプできます。

<a href="URL" target="_blank"> this is a link </a>

ログイン後にコピー

アンカーを引用する場合は、名前の前に # を追加することに注意してください。

4. 画像

<a name="tips">基本的注意事项 - 有用的提示</a>
.
.
.
<a href="#tips">跳转到tips标签处</a>

ログイン後にコピー

このうち、 src は画像のアドレスを格納します。つまり、画像が読み込めない場合に表示されるテキストの説明です。 width と height は、画像の長さと幅を設定するために使用されます

さらに、画像には、画像の境界線の幅を指定するために使用される属性 border もあります。

5. 属性を変更する一般的な方法 - style

<img src="boat.gif" alt="Big Boat" width="104" height="102" />

ログイン後にコピー

その中で、背景色を設定するために使用されます

。 color は (タイトル) フォントの色を設定するために使用されます。

font-size はフォントサイズを設定するために使用されます。

6. 引用

最初のタイプ: は "" と同等です。

<body style="background-color:yellow">
<h2 style="font-family:arial;color:red;font-size:20px;text-align:center;">
标题
</h2>
</body>

ログイン後にコピー

2 番目のタイプ: 長い引用、自動インデント、引用はソースアドレスを示します (省略可能)。

<q>所要引用的话</q>

ログイン後にコピー

3 番目のタイプ: 略語の上にマウスを置くと、完全な内容、つまりタイトルが表示されます。

<blockquote cite="URL">......</blockquote>

ログイン後にコピー

4 番目のタイプ: 住所 (連絡先情報)、自動的に斜体になり、前後に自動的に改行が追加されます。

<abbr title="world health organization">WHO</abbr>

ログイン後にコピー

<br/>

ログイン後にコピー

5 番目のタイプ: 本のタイトル、自動斜体。

<address>我是地址</address>

ログイン後にコピー

特別な双方向の書き換え、dir="rtl"は右から左に書かれます

<cite>老人与海</cite>

ログイン後にコピー

7. コンピュータコード

<bdo dir="rtl">从右向左</bdo>

ログイン後にコピー

その中で、最初のもの3 スペースも改行も保持されません。テキストの元の形式を維持したい場合は、4 番目の方法である

を使用してください。

8. イメージマップを作成します

键盘输入
计算机输出示例
代码
文本
数学公式

ログイン後にコピー

その中で、は一般的に定義されていると思います。画像マップを定義しますのクリッカブル領域には次の属性が含まれます:

形状は領域の形状を指定します

coords は領域の (x, y) 座標を指定します。左上隅は (0, 0) です。例 (x, y, z)、xy は円の中心を表し、z は半径を表します

の usemap 属性は、地図。

9. その他

-----改行

-----横line

--------コメント

以上がHTML学習メモその1の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。