HTMLを書いていると、p要素とdiv要素どちらを使えばいいか、div要素とspan要素どちらを使えばいいか、等の悩みが出てくると思います。 これらの要素はHTMLの中である一定の範囲を指定する際に使います。特にdivや…
p要素、div要素、span要素のそれぞれの違い
WEBページにフォームを設置する方法2
WEBページにフォームを設置する方法1のつづきで、フォームの設置方法についての説明です。 チェックボックス 複数の選択肢の中から、複数を選択してもらいたいような時はチェックボックスを使います。チェックボックスは、inpu…
WEBページにフォームを設置する方法1
様々なWEBサイトでお問い合わせフォームは見たことがあるかと思います。WEBサイトの利用者にとって、お問い合わせフォームがあるとわからないことを聞くことができるので、助かりますよね。 そんなフォームの設置方法について説明…
WEBページに表を入れる方法
HTMLで表を作る場合、tableタグを使います。<table>～</table>で囲まれた中が表になります。 例えば、3×3の表を作りたい場合は以下のように書きます。 これをブラウザで表示すると…
WEBサイトにリストを表示しよう
HTMLでリストを作る方法をご紹介いたします。 リストには箇条書きリストと番号付きリストがあります。 箇条書きリスト まず、箇条書きリストを作る方法を説明します。 箇条書きリストを作るには、このように<ul>…
WEBサイトにリンクを設置する方法
WEBサイトを作るにあたって、リンクは非常に重要な項目になります。リンクとは、クリックすると他のWEBページを表示してくれるアレです。 例えば、トップページとプロフィールページ、お問い合わせページの3ページを作ったとしま…
WEBページに画像を挿入しよう
文字だけのWEBページって少ないですよね？文字だけだとなんだか寂しい気もします。 ほとんどのWEBページでは、写真やイラスト等の画像が挿入されていて、画像が入ることで華やかさやそのサイトのイメージがガラリと変わります。 …
HTMLの基礎「コメント/見出し/段落/改行」
このページでは、 HTML内にコメントを残す 見出しをつける 段落を分ける 改行を入れる について説明します。 HTML内にコメントを残す HTMLのソースコードの中には、ブラウザで開いた時には表示されない”…
headタグの基礎を理解しよう
今回のテーマはheadタグです。 以下のソースコードをもとに説明していきます。 <head>～</head>の部分がheadタグと呼ばれています。headにはメタ情報というサイトの情報を記述するこ…
HTMLを覚えるコツはとにかく書いてみること
HTMLを覚えるコツはとにかく書いてみて、自分が書いた内容がどのように表示されるか確認することで理解を深めていくことです。 ということで、早速HTMLを記述してみましょう。 まずは、テキストエディタを開いて…