リンクの貼り方 | アメブロカスタマイズ｜amebloカスタマイズはここから
Amebaホームピグアメブロ
芸能人ブログ人気ブログ
新規登録
ログイン

アメブロカスタマイズ｜amebloカスタマイズはここから

現役のwebクリエイターによる、アメブロカスタマイズをcss、プラグイン、フリースペースから見ていくのはもちろん。記事の書き方、色使いなどの日々の記事の更新などのお手伝いとなる情報を配信中です。

リンクの貼り方

見出しに文章を付けたら、外部とのリンクや各ページのリンクを挿入して、ホームページの幅を広くしましょう。

外部ページへのリンク


外部のサイトへのリンク方法です。

解説
<a href="リンク先アドレス">リンク先表示名</a>


使用例
<body>
<h1>文章の書き方</h1>
<p>まず、文章の構成を考えます。その構成は、<a href="http://ameblo.jp/makeinfo/">起承転結</a>に基づいて作っていきます。作成過程において、あまりに抽象的な事柄は具体例を使いわかりやすくしていきます。<br>ここでのポイントは、一文をだらだら長くしないことです。具体的には、「。」で一文が短く終わるようにする。そうすれば、勢いの読みやすい文章になっていきます。</p>
</body>


内部へのリンク


同じページ上でのリンク方法です。

解説&使用例
まず、リンク元に名前を付けます。
<a href="#zikken">実験リンク</a>


次に、リンク先にタグを付けます。
<h3 id="zikken">実験リンク</h3>


この内部へのリンクは見出しに付けるようにします。そうすると、読み手が誤解することなく読むことが可能になります。

具体的使用例
実験リンク

















































実験リンク



このように、一瞬にして移動することが可能です。