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

※本ページにはプロモーション(広告)が含まれています

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

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

HTMLのレファレンスとは？

HTMLのレファレンスとは、HTMLの使い方を学ぶことができる参考書になります。

ウェブサイトと本が主な形態であり、最新情報や手軽さであればサイトを、体系的かつ専門的であれば本のレファレンスを用意しておくと便利です。

HTMLもバージョンが上がっており、現在はHTML5が主流となってきておりますので、レファレンスを元に最新技術をキャッチアップしていけるようにしましょう！

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

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

１.HTMLタグボード

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

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

http://www.dspt.net/

２.TAGindex

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

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

https://www.tagindex.com/

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

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

http://www.tohoho-web.com/how2/index.htm

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

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

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

http://www.htmq.com/

５.MDN HTMLリファレンス

1 2