入門から応用まで！HTMLの学習に役立つリファレンスサイト10選
初心者向けにHTMLの学習に役立つおすすめのリファレンスサイトを紹介しています。初心者向けの内容から上級者向けの情報など目的に応じて探すことができるので、お気に入りのリファレンスサイトをブックマークしておきましょう。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
監修してくれたメンター
Mak Tak
4年間Web制作会社にてフロントエンドを担当したのち、現在はフリーランスとして活動。居場所に縛られない働きかたを謳歌しています。
HTMLで作りたい機能があるのに方法がわからない時、大きな味方になってくれるのが、リファレンスサイトです。
今回はそんなHTMLのリファレンスサイトを10サイト紹介します。HTMLでの作業に確実に役立つサイトばかりなので、ぜひ参考にしてみてください。
目次
そもそもHTMLの記述方法がわからない場合は、 HTMLの書き方について解説した記事を読むとさらに理解が深まります。
HTMLにおけるおすすめのリファレンスサイト
本記事では、下記のおすすめのHTMLリファレンスサイトにおける特徴を解説します。
- HTMLクイックリファレンス
- 逆引きHTMLリファレンス
- TAGindex
- HTMLタグボード
- MDN HTMLリファレンス
- サルワカ
- とほほのWWW入門
- HTMLリファレンス
- HTML5 & CSS3 リファレンス
- HTMLリファレンス（２）
HTMLで使えるタグを網羅しているWebサイトから、目的に応じて検索できるWebサイトまで実にさまざまな種類があります。
利用シーンや、ご自分の目的に合わせて、活用するWebサイトを適宜見つけていきましょう。
HTMLクイックリファレンス
HTMLを書いていて何度もお世話になるサイトです。
HTMLのリファレンスの他にも、CSSやJavaScriptなどの、Webデザインで使用される言語のリファレンスも載っています。
サイト作成における全般で役立つので、困ったらこのサイトを見に来ると良いでしょう。
逆引きHTMLリファレンス
Webデザイン初心者向けのリファレンスサイトです。
リファレンスサイトと聞くと、言葉が難しく中級者向けのイメージがありますが、このサイトはそうではなく、初心者向けに分かりやすく書いてあります。
他のリファレンスサイトがとっつきにくいと感じた方にオススメです。
TAGindex
基本的なリファレンスの他にカラーチャートなど、色に関わるリファレンスも多いのが特徴です。
さらには、色の組み合わせチェックも行うことができるので、デザインに困ったときにも使用したいリファレンスサイトです。
図やソースコードと共に実際の表示を確認しながら学習できるので、知らないタグが出てきてもイメージしやすいでしょう。
HTMLタグボード
初級者から中級者まで広く使えるリファレンスサイトです。
初心者向けのホームページ作成講座や、Webデザインの基礎、さらには収益化の方法など、HTMLを学ぶ上で知っておいた方が良い情報が詰まっています。
自分でオリジナルサイトを作ってみたいという人は参考になるはずです。
MDN HTMLリファレンス
HTMLの隅から隅まで情報が載っているリファレンスサイトです。見やすいデザインもオススメです。
各タグごとに仕様やブラウザでの実装状況を確認できるので、IEなど様々なブラウザを相手にする作業を行う場合に役立つでしょう。
サルワカ
HTMLやCSSの解説を、とてもわかりやすいUIと共に紹介しているWebサイトです。
他サイトと比較しても特にCSSに関する記事が豊富なので、HTMLと併せてCSSも学習したい初心者の方に最適でしょう。
とほほのWWW入門
HTMLタグについて、1つひとつ丁寧に解説しているWebサイトです。
HTML以外にも、JavaScriptやCSS、その他のプログラミング言語など、Webサイト制作全般に関する非常に多くの情報が載っています。
HTMLリファレンス
mainなどの要素の他に属性情報も多く載っています。
また、階層毎に分かれた見やすいページデザインになっているのも特徴です。
HTML5 & CSS3 リファレンス
HTMLにおける基礎情報の他、CSS3に関する膨大な量のデータを有するWebサイトです。
セレクタの使い方に留まらず、HTMLの歴史や文書構造を丁寧に解説しています。
現代のWeb制作の知識だけでなく、過去の知識も吸収したい方向けにおすすめです。
HTMLリファレンス
すべてのリファレンスは載っていませんが、よく使用されるタグが載っているリファレンスサイトです。
リファレンスですが情報として見やすく、あまり混乱したくない初心者の方におすすめのリファレンスサイトです。
単純に知識をつけるという意味でも役立てられるはずです。
まとめ
以上、HTMLでの作業に役立つリファレンスサイトをまとめました。
- HTMLクイックリファレンス
- 逆引きHTMLリファレンス
- TAGindex
- HTMLタグボード
- MDN HTMLリファレンス
- サルワカ
- とほほのWWW入門
- HTMLリファレンス
- HTML5 & CSS3 リファレンス
- HTMLリファレンス（２）
リファレンスサイトを把握することで、今後のHTML学習に役立てられます。
上記でご紹介したWebサイトをぜひチェックしていただき、ご自分に合ったリファレンスサイトを活用していきましょう。
今回の記事は以上です。
HTMLを学習中の方へ
これで解説は終了です、お疲れさまでした。
- つまずかず「効率的に」学びたい
- 副業や転職後の「現場で使える」知識やスキルを身につけたい
HTMLを学習していて、このように思ったことはありませんか？
テックアカデミーのWebデザインコースでは、第一線で活躍する「プロのWebデザイナー」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。
合格率10%の選考を通過した、選ばれたWebデザイナーの手厚いサポートを受けながら、オリジナルのWebサイト制作を学べます。
まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役Webデザイナーから教わること」を実感してみてください。
時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！
プログラミングを独学で学習していて、このように感じた経験はないでしょうか？
- ・調べてもほしい情報が見つからない
- ・独学のスキルが実際の業務で通用するのか不安
- ・目標への学習プランがわからず、迷子になりそう
テックアカデミーでは、このような
学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供
しています。
30分間、オンラインでどんなことでも質問し放題です。
「受けてよかった」と感じていただけるよう
カウンセラーやエンジニア・デザイナー
があなたの相談に真摯に向き合います。
「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」
こんなささいな悩みでも大丈夫です。
無理な勧誘は一切ありません
ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）
