2016-08-15 2 views
0

私は初心者です。これまで、私は画像について学び、それらをHTMLに含める方法を学んだ。私は勉強している1つのサンプルWebプロジェクトを持っています。それはウェブサイトの「i」のアイコンについて

<li><a class="close-link"><i class="fa fa-close"></i></a> 
                </li> 

以下のようないくつかのHTMLコードを有しており、このコードは、フロントエンドの「CROSS」(X)画像/アイコンを作成します。

質問1:イメージが実際にフロントエンドで描画される方法。一般に画像を取得するには、私は"<img src = "image.jpg>"のようなことをします。だから、私はどのように "クロス"画像/アイコンが読み込まれている混乱しています。

質問2:プロジェクトフォルダ内で、この画像/アイコンを見つけることができます。私はプロジェクトフォルダ内でそれを見つけることができません。これらの画像/アイコンが保存される特別なフォルダはありますか?

質問3:これらの画像の拡張子は何ですか。 "jpg" "gif"または何?

質問4:私がこのプロジェクトで使用できるこれらの種類の画像はオンラインで入手できますか?

質問5:リストがオンラインで利用できない場合、どうすればそのような画像を作成し、iタグを使用して追加することができますか?

私をご案内ください。

+1

てきfa-5xとアイコンの大きさであるアイコン(アイコン)の名前を記述するために使用されます。 http://fontawesome.io/(あなたの主な質問に対する答えは「例」をクリックしてください)。 –

+1

@Michael_Bに追加するフォントAwesomeは実際のフォントを使用してフォントを作成しますが、イメージではありません。特殊なプライベート用のユニコード文字です。それで、なぜあなただ​​けのCSSで色を調整することができます。 –

+0

ニース。あなたが正しいです。しかし、私には他の質問もあります。どのように私が利用できるアイコンの完全なリストを見つけることができますように同様に、自分でアイコンを作成することはできますか?私を案内してください。 – Unbreakable

答えて

1

回答#1

あなたがここにfontawesomeのようなフレームワークのようなものを使用している私は薄い、インターネットからソースを取得するリンク(http://fontawesome.io/icon/times/)ですCDN content delivery networkです。あなたはそれをダウンロードしていないので、あなたが任意のフォルダ内の画像を見つけることができません

回答#2

。しかし、あなたはあなたが、あなたのhtml<head><link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">ようなもので、あなたのHTMLにそのパッケージをリンクここにあなたのfont-awesome.min.css.に場所を参照する必要がありますその後、パッケージ全体をダウンロードできます。指示(http://fontawesome.io/get-started/

回答#へのリンクです彼らはsvgファイル

回答4

そうです3

それらの束はあなたが探しているものだけを入力するだけで、それらのアイコンをアニメーション表示することさえできます。 (http://fontawesome.io/examples/)リンクの例 i class="fa fa-camera-retro fa-lg"></i> fa-lg <i class="fa fa-camera-retro fa-2x"></i> fa-2x <i class="fa fa-camera-retro fa-3x"></i> fa-3x <i class="fa fa-camera-retro fa-4x"></i> fa-4x <i class="fa fa-camera-retro fa-5x"></i> fa-5x
classだけで簡単に説明

fa-2xあなたはフォント恐ろしいコードを見ている最大の

関連する問題