[TIL 07] self-introduction ②

6450 ワード

TIL CSS html テキストリンク

上記のコードプリラーニングを行う過程で、学習および学習した2479142、2479142の内容に基づいて、自己紹介ページを作成する.

What I learned

HTMLのプロパティ値を使用して、対応するEメールアドレスにEメールを直接送信できます.

<a href="mailto:[email protected]"></a>

スクロール時間が長くなるページにトップボタンを作成することにしました.

a hrefタグの使用
移動する要素のIDにリンクで移動できます.

<div id="head"> head</div>
...
<a href="#head">탑버튼</a>

ページをリフレッシュできません.アドレスの後にCSSを追加します.

onclickプロパティの使用
座標を入力して指定した位置に移動できます.

<div class="top-btn" onclick="window.scrollTo(0,0);"></div>

詳細な座標設定が可能で、アドレスウィンドウにはa hrefは添付されていません.
ページが更新されます.

ページ全体に適用する場合はbodyラベルに挿入します.

<body oncontextmenu='return false'
      onselectstart='return false'
      ondragstart='return false'>
</body>

#:右マウス禁止#:選択禁止ブロックoncontextmenu='return false':ドラッグ禁止

favicon (Favorites icon)
アドレスウィンドウの横に小さなアイコンで表示される画像です.
サイトのロゴの役割を果たす.

バビコンを適用するには、jpg、pngファイルなどをicoファイルに変換する必要があります.
以下のサイトで変換できます.
https://www.favicon-generator.org/
変換したicoファイルをダウンロードし、indexページに次のソースを挿入します.

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">

一部のブラウザはショートカットiconで実行され、もう1つはiconで実行されます.
2行のコードを使用すると、ほとんどのブラウザでバビコンで表示できます.

この問題について([TIL 07] self-introduction ②), 我々は、より多くの情報をここで見つけました https://velog.io/@nsunny0908/TIL-07-self-introduction

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol