リンクの貼り方

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

外部ページへのリンク

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

解説

<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>

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

具体的使用例
実験リンク

実験リンク

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

１ホームページ１フォルダー

作業をしやすいように、１ホームページ１フォルダーを徹底しましょう。ホームページの規模が大きくなればなるほど、このことが後々重要になってきます。

さらに、ここでのポイントはフォルダーの中にいれるファイル名をアルファベットの小文字に統一するということです。

そうしないと、ホームページとして読み取ってくれませんので、本当に重要なところです。

ここで、アルファベットと数字以外に使えるものが、「　‐　」ハイフンと「　_　」アンダーバーだということも押えておきましょう。

それでは、ドキュメントにフォルダーを作る手順を紹介しておきます。ドキュメントではなくて、デスクトップなど他の場所でもいいので、「ドキュメント」の部分を任意の場所に変えてやってみてください。

手順：(windows7の場合)
「スタート」→「ドキュメント」→「新しいフォルダー」→「フォルダー(半角)名入力」→「Enter」

以上になります。

見出しを付ける

本を読んでいると大小いろいろな見出しを見かけると思います。このような、見出しをホームページにも付けることが可能です。積極的に見出しを付けて読みやすくしておきます。

解説

使用例

<body>
<h1>ホームページ作り</h1>
<h2>見出しを付ける</h2>
</body>

基本的にはh1～h3ぐらいを使っていきます。

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

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