aタグを使ってページにリンクを作る【HTMLの書き方入門】 | SkillhubAI(スキルハブエーアイ)

aタグを使ってページにリンクを作る【HTMLの書き方入門】

リンク(anchor link)

表示されている部分とは別のページ、パートに移動するリンクは<a>タグで作ります。クリックした際の移動先はhrefという属性を使って指定します。

file

リンク(aタグ)にはhref以外の属性もあります。 target というリンク先のページを表示させる方法を決める属性もよく使われます。

file

題材のサイトにリンクを作ってみましょう。 ```html

自社プロダクト

開発・運営しているプロダクトです

ビジネスができるオンラインスクールのプラットフォーム

ただのeLearningサービスではありません。誰もがオンラインスクールをかんたんに運営することができます。講座を販売したり、サブスクリプションサービスを提供することができる今までにない教育プラットフォームです。

https://edbase.jp

革新的テストの作成・結果の分析サービス

従来のテスト作成方法は面倒で修正が大変でした。Qeditorは革新的なテスト作成エディターを使って素早くテスト作成ができます。それだけではなく詳細な分析が可能。素早くクオリティの高いテスト作成のためのツールです。

https://qbase.biz


<p class="pt-1"></p>

保存して、ブラウザで見てみると、aタグで囲った文字の色が変わっています。
クリックすると新規タブが立ち上がり、リンク先のページが開きます。

![file](https://popshub.s3.amazonaws.com/uploads/ckeditor/pictures/7931/content_image-1629183502069.png)

先程リスト形式にマークアップした「会社概要」などもリンクですが、まだページを作っていません。一旦置いておきましょう。