一緒に学ぶ！HP制作

テキストの載せ方や画像の載せ方、リンクの載せ方などHTMLでよく使うコードの使い方を少し紹介していきます。

これから紹介するコードは基本的に『html』ファイルの「body」内に入力していきます。「body」に入力しなくても大丈夫なコードもあるので注意して確認しましょう。

※1 コードが長いものは途中で改行しているので注意してください。
※2 ここにあるコードは基礎を知るためのものなので入力しなくてもサイト作りに影響はありません。


<body>

  <p>ここに文章を入力します。</p>

</body>

//<p>で囲むとそれが1つの段落になります


<body>

  <p>ここに文章を入力します。
  <br>ここから改行されます。</p>

</body>

//改行したいところに<br>を入力すると改行可能


  <img src="画像ファイル">

//「img」は「image」という意味

//「src」は「source」という意味

//画像ファイルのところは○○.jpgや○○.pngなど拡張子
　を忘れずに入力しましょう


  <a href="ここにURLを貼る">タイトル</a>

//「a」は「anchor」という意味

//「href」は「hypertext reference」という意味

//タイトルのところは表示させたいもの
　例：Yahoo!のリンクならタイトルを「Yahoo!」
　　にすると分かりやすい


  <a href="ここにURLを貼る" title="説明文">タイトル</a>

//「title」を追加することによってマウスカーソルを
   合わせると説明文が表示されるようになる


  <a href="ここにURLを貼る" target="_blank">タイトル</a>

//「_blank」の「_」を忘れずに

少しは基礎を学ぶことができましたか？
次の段階へ行ってみましょう！

サイトを作ってみよう

2.基礎