FacebookやTwitterの登場で、SNSは私たちの生活の一部と言っても過言ではない状況となりました。 気に入ったブログ記事やWEBサイトがあったら、Facebookでいいね・シェアしたり、Twitterでつぶやい…
OGPを設定してサイトをSNSに最適化しよう
HTMLで半角スペースや円マーク等の特殊文字を表示する方法
例えば、「HTMLで段落を記述する場合、<p>を使います。」というような文章を書きたい時、そのままHTMLを記述すると、<p>の部分がタグとして扱われるため、”<p>…
p要素、div要素、span要素のそれぞれの違い
HTMLを書いていると、p要素とdiv要素どちらを使えばいいか、div要素とspan要素どちらを使えばいいか、等の悩みが出てくると思います。 これらの要素はHTMLの中である一定の範囲を指定する際に使います。特にdivや…
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のソースコードの中には、ブラウザで開いた時には表示されない”…