HTML学習に便利なHTMLのリファレンスサイト10選

LINEで送る
Pocket

b26d6b6a13880f74746b57bbcf9e78c1_s

HTMLを勉強する際には何を参考にしていますか。リファレンスサイトを使うことで、より効率的に学習ができ、サイトなどを作成できます。多くのHTMLリファレンスサイトがあり、それぞれでカバーしている内容や使いやすさが異なります。

ここでは、「HTML学習に便利なHTMLのリファレンスサイト10選」について、紹介いたします。これからHTMLの学習を始める予定の方は、参考にご覧ください。

スポンサーリンク

1.学習に便利なHTMLのリファレンスサイト

7db31374cd6acc081841120be4643e36_s%e3%81%ae%e3%82%b3%e3%83%92%e3%82%9a%e3%83%bc

ここでは、HTML学習をしていくうえで、おすすめのHTMLリファレンスサイト10選を紹介します。

  1. 1.HTMLタグボード
  2. 2.TAGindex
  3. 3.逆引きHTMLリファレンス
  4. 4.HTMLクイックリファレンス
  5. 5.MDN HTMLリファレンス
  6. 6.HTMLリファレンス
  7. 7.HTML5.jp
  8. 8.しらぎぐのウェブサイト作成入門
  9. 9.HTMLリファレンス
  10. 10.HTML5入門

1.HTMLタグボード

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2017-04-02-19-01-12

出典:http://www.dspt.net/

HTMLタグボードは、HTML学習初心者〜中級者まで使うことができるリファレンスサイトです。HTMLタグ一覧、スタイルシート一覧、ゼロから始めるホームページ作成講座、訪問者優位のWEBデザインTipsなどの項目があり、HTMLを勉強するうえで知っておくと便利な情報がすべて詰まっています。

アフィリエイトなどでインターネットで小遣い稼ぎをするための方法についても学べますので、効果的なホームページの宣伝テクニックも身に付きます。オリジナルのサイトを早く作ってみたい方におすすめのリファレンスサイトです。

2.TAGindex

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2017-04-02-19-03-01

出典:http://www.tagindex.com/

TAGindexは、HTML5リファレンス、HTMLタグ、CSS、Web便利ツール、テンプレートなどの基本的なリファレンス以外にも、カラーチャートのリファレンスもあるのが特徴です。147色のカラーネームやWebSafeカラー、カラーグラデーション、12色の色相環と補色、配色パターンなど、実際の色を見ながら学習できます。

また、サイトを作っていくなかで、配色デザインなどに困った際の参考にもできます。幅広い内容のリファレンスサイトになっており、HTMLとCSSの両方を勉強できます。デザインに関するリファレンスも掲載された特徴的なサイトです。

3.逆引きHTMLリファレンス

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2017-04-02-19-05-27

http://www.hajimeteno.ne.jp/html32/

逆引きHTMLリファレンスは、HTML学習初心者向けのリファレンスサイトです。何をしたいか?に沿って必要なタグの割り出しができる逆引きタイプになっていますので、便利で分かりやすいです。ホームページとは?、HTMLファイルの作り方、タグについて、基本構成、フォント、改行、背景、、、など、のメニューがあります。他のリファレンスサイトでは、難しく感じた方におすすめのサイトです。

4.HTMLクイックリファレンス

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2017-04-02-19-06-39

http://www.htmq.com/

HTMLクイックリファレンスは、サイトを作るうえで必要な情報が多く載っており、サイトを作る過程で非常に役立つサイトです。目的別やABC順にHTMLタグリファレンスやHTML5リファレンス、スタイルシートリファレンス、CSS3リファレンス、WEBカラーリファレンス、特殊文字リファレンス、優良デザインサイトなど、多くのメニューがあります。

基礎的な内容だけでなく、WEBセーフカラーやカラーネーム、モノトーンなどカラーのリファレンスや特注文字などもありますので、サイトを作っていきたい方におすすめですし、デザインに困った時にも役立ちます。シンプルなリファレンスサイトながらも、長く使っていけます。

5.MDN HTMLリファレンス

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2017-04-02-19-07-54

出典:https://developer.mozilla.org/ja/docs/Web/HTML/Element

MDN HTMLリファレンスは、非常に見やすく細かいHTMLの情報まで載ったリファレンスサイトです。基本要素から、ドキュメントメタデータ、コンテンツセクショニング、テキストコンテンツ、インラインテキストセマンティクス、画像とマルチメディア、

埋め込みコンテンツ、スクリプティング、テーブルコンテンツ、フォーム、インタラクティブ要素など、項目別に分かりやすく解説してあります。実践的に使えますし、一つひとつ分かりやすく掲載されていますので、初心者の方にもおすすめのリファレンスサイトです。

6.HTMLリファレンス

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2017-04-02-19-09-43

出典:http://www.tohoho-web.com/html/

HTMLリファレンスは、階層毎に見やすい構成となっています。ルート、メタデータ、セクション、グルーピング、テキスト、エディト、エンベッドィッド、テーブル、フォーム、インタラクティブなど、さまざまな項目が載っているなかで、特に属性については非常に多く載っているのが特徴です。極めてシンプルなサイトながらも、情報量の多いリファレンスサイトで、初心者の方の学習にも便利に使えます。

7.HTML5.jp

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2017-04-02-19-17-17

出典:http://www.html5.jp/tag/elements/

HTML5.jpは、HTML5で規定されている全部の要素のリファレンスサイトです。各要素の具体的な使い方なども分かりやすく解説されているため、HTML初心者の方の学習にも使えます。

ルート要素やドキュメントのメタデータ、セクション、コンテンツのグループ化、テキストレベルの意味づけ、訂正、組込コンテンツ、リンク、テーブルデータ、フォーム、スクリプティングなどのメニューに分かれています。リファレンスだけでなく、具体例が多く載っているので勉強しやすいサイトです。

8.しらぎぐのウェブサイト作成入門

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2017-04-02-19-12-35

出典:https://www.marguerite.jp/Nihongo/WWW/RefCSS/

しらぎぐのウェブサイト作成入門は、不思議なキャラクターが載っているリファレンスサイトになっており、非常に見やすいデザインに仕上がっています。まるで辞書のようにアルファベット順で要素を見つけることができるため、分からないこともすぐに調べられます。アルファベット順以外にも、基本構造関連の要素、メタデータ関連の要素、ブロック関連の要素、語句関連の要素など、カテゴリ別の索引もできます。サイトを作りながら、簡単に索引できる便利サイトです。

9.HTMLリファレンス

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2017-04-02-19-14-11

出典:http://www5.plala.or.jp/vaio0630/hp/html_r.htm

HTMLリファレンスは、初心者向けに情報が絞られているリファレンスサイトになっており、基本的なタグなどを中心に掲載しています。他のリファレンスサイトでは情報が多すぎて迷ってしまったり、勉強しにくいと感じた方におすすめです。載っている情報量が限られる分、希望の情報にすぐ辿り着けます。

10.HTML5入門

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2017-04-02-19-15-25

出典:http://html5.imedia-web.net/

HTML5入門は、HTMLの特徴やサンプル、テンプレート、タグリファレンスなどについて、情報が載っているサイトです。HTML5入門というタイトル通り、学習初心者の方向けのサイトです。シンプルで分かりやすく、探している情報をすぐに見つけられます。情報量は突出して多いわけではありませんが、量が限られている分、初心者の方にも使いやすい仕上がりになっています。

まとめ

いかがでしたでしょうか。今回は、「HTML学習に便利なHTMLのリファレンスサイト10選」について、紹介いたしました。ここで紹介した10のリファレンスサイトは、どれも使いやすく効率的に学習を進めれます。これから、HTMLの学習をする予定の方は、気になるリファレンスサイトがあれば、ぜひ使ってみましょう。

サイトごとに特徴の違いや使い勝手が異なりますので、自分に合ったリファレンスサイトを使うのがポイントです。学習だけでなく、サイトを作り始めてからも役立つ情報がたくさん載っています。

スポンサーリンク

LINEで送る
Pocket

Facebookでのご購読が便利です