ホームページ > 記事 > ウェブフロントエンド > HTML学習メモその1
この記事の内容は 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" は、新しいウィンドウでファイルを開くことを意味します。
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 もあります。
<img src="boat.gif" alt="Big Boat" width="104" height="102" />その中で、背景色を設定するために使用されます
6. 引用
最初のタイプ:
は "" と同等です。
<body style="background-color:yellow"> <h2 style="font-family:arial;color:red;font-size:20px;text-align:center;"> 标题 </h2> </body>
2 番目のタイプ: 長い引用、自動インデント、引用はソースアドレスを示します (省略可能)。
<q>所要引用的话</q>
<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 番目の方法である
を使用してください。 <br><p></p>8. イメージマップを作成します<p><br><pre class="brush:html;toolbar:false;"><kbd>键盘输入</kbd> <samp>计算机输出示例</samp> <code>代码</code> <pre class="brush:php;toolbar:false">文本数学公式
その中で、dab9f699790ab0922e596ecb9f6677d5 は一般的に定義されていると思います。画像マップを定義します のクリッカブル領域には次の属性が含まれます:
coords は領域の (x, y) 座標を指定します。左上隅は (0, 0) です。例 (x, y, z)、xy は円の中心を表し、z は半径を表します
076402276aae5dbec7f672f8f4e5cc81-----改行
fa8fd94cc4b4d9671e4ee513ae2a31d1-----横line
4076f45813f09859b5fb876c8aa570ce--------コメント
以上がHTML学習メモその1の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。