画像やリンクの挿入

画像やリンクの挿入

マークアップしてみる

  1. 大事な語句を強調する
    <em>強調テキスト</em>
    <strong>より強い強調テキスト</strong>
    強調テキスト
    より強い強調テキスト
  2. 画像を挿入する
    <img src="../HTML-CSS/img/sakura.jpg" width="320" height="100" alt="桜">
    
    
    1. src属性 目的の画像までのパスを記述
    2. width属性・height属性 必須ではないが、指定しておかないとレンダリング(Webページの画面表示)が遅くなるので極力していること。
    3. alt属性 画像が表示されない環境で閲覧した際、代わりに表示するテキスト。 altテキストを見れば何の画像かがわかるようなテキストを入力する。 SEOに影響すると言われている。
  3. リンクを設定する
    <a href="../HTML-CSS/01-002.html">今回の出来上がりページ</a>
    今回の出来上がりページ
    
    
    1. ページ内ジャンプをする <a href="#リンク先のID名">リンクテキスト</a>
    2. メールアドレスにリンクを貼る <a href="mailto:info@hogehoge.com">info@hogehoge.com</a> 「mailto:」を「tel:(ハイフン無しの番号)」にすると直接電話がかけられる。

今回の出来上がりページ


トラブルが発生した場合はすぐにお電話(050-5532-9970)ください。
迅速なトラブル解決だけでなく、パソコン購入アドバイスもしております。

パソコンレスキュー
三鷹市周辺のパソコン修理・トラブル解決ならお任せください!

返信を残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA