HTML+CSS勉強記(4)

1. タグを使用して別のページにリンクします。

Web ページ制作では タグを使用します。リンクがある限り、このラベルが存在します。

構文:

<a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>

例:

<a  href="http://www.baidu.com"  title="点击进入百度">click here!</a>

上記の例の機能は、[ここをクリック] テキストをクリックすることであり、Web ページは次のリンクにリンクします。 http://www.baidu.com このページ。

title 属性の役割。リンク テキスト上でマウスをスライドすると、この属性のテキストの内容が表示されます。この属性は、実際の Web 開発において、主に、右側のケース コード (8 ～ 12 行目) など、リンク アドレスの内容 (意味的によりわかりやすい) を容易に理解できるようにします。

注: a タグをテキストに追加すると、テキストの色は自動的に青に変わります (クリックされたテキストの色は紫になります)。

2. 新しいブラウザ ウィンドウでリンクを開きます。

デフォルトでは、リンクされた Web ページを現在のブラウザ ウィンドウで開く必要がある場合があります。新しいブラウザ ウィンドウ ブラウザ ウィンドウで開きます。

次のコード:

<a href="目标网址" target="_blank">click here!</a>

3. mailto を使用して Web ページ内のメール アドレスをリンクします。

タグにはリンクする機能もあります。 Mailto を使用すると、訪問者は Web サイト管理者に簡単に電子メールを送信できます。 mailto を使ってできることは他にもたくさんあります。注: mailto の後に複数のパラメータがある場合、最初のパラメータは「?」で始まり、後続の各パラメータは「&」で区切られる必要があります。

以下は完全な例です:

<a href="mailto:shuai@163.com?cc=shuaishuai@163.com&bcc=xiaoshuai@163.com">

4. タグを認識し、Web ページに画像を挿入します

Web ページを魅力的にするためにウェブページの制作には美しい写真が不可欠です。 タグを使用して写真を挿入できます。

文法:

<img src="/static/imghwm/default1.png"  data-src="图片地址"  class="lazy" alt="下载失败时的替换文本" title = "提示文本">

例:

<img src = "myimage.gif" alt = "My Image" title = "My Image" />

説明:

1. 画像の位置を識別します。

2. alt: 画像が表示されない場合 (ダウンロードが失敗した場合)、この属性で指定されたテキストが表示されます。

3.画像が表示されている場合の画像の説明。説明 (マウスを画像の上に置くと表示されるテキスト)。

4. 画像は、GIF、PNG、または JPEG 形式の画像ファイルです。

---