![]()
HTML初心者におすすめの参考サイト
無料で使えるHTML初心者向けの勉強サイトを紹介します。Progate(プロゲート)、Schoo(スクー)、ドットインストール、SkillHub(スキルハブ)、CODEPREP(コードプレップ)、シラバス、paiza(パイザ)ラーニング、Codecademy(コードカデミー)です。
Progate(プロゲート)
Progateは初心者向けに分かりやすいスライド形式のレッスンを提供しています。コードを実際に書きながら学べるので、理解が深まります。
例:
        <!DOCTYPE html>
        <html lang="ja">
        <head>
            <meta charset="UTF-8">
            <title>Progate Example</title>
        </head>
        <body>
            <h1>こんにちは、世界!</h1>
        </body>
        </html>
    
Schoo(スクー)
Schooは動画講座を中心としたサイトで、プロの講師からHTMLの基礎を学ぶことができます。初心者でも分かりやすい解説が特徴です。
ドットインストール
ドットインストールは3分間動画で簡単に学べるレッスンが豊富にあります。短時間で効率的に学べるのが魅力です。
例:
        <!DOCTYPE html>
        <html lang="ja">
        <head>
            <meta charset="UTF-8">
            <title>ドットインストール Example</title>
        </head>
        <body>
            <p>これはドットインストールのサンプルです。</p>
        </body>
        </html>
    
SkillHub(スキルハブ)
SkillHubはインタラクティブなレッスンを提供しており、実践しながら学ぶことができます。質の高いコンテンツが揃っています。
CODEPREP(コードプレップ)
CODEPREPはコーディング挑戦を提供するサイトで、自分でコードを書いて学ぶスタイルです。問題を解決しながらスキルを磨けます。
シラバス
シラバスは無料で使える初心者向けの教材が豊富です。分かりやすいステップバイステップのガイドでHTMLを学べます。
paiza(パイザ)ラーニング
paizaラーニングは実践的なコーディングスキルを身につけることができるサイトです。初心者向けのコースも充実しています。
例:
        <!DOCTYPE html>
        <html lang="ja">
        <head>
            <meta charset="UTF-8">
            <title>paiza Example</title>
        </head>
        <body>
            <p>paizaラーニングのテストコードです。</p>
        </body>
        </html>
    
Codecademy(コードカデミー)
Codecademyは英語サイトですが、インタラクティブなレッスンでHTMLを学びたい人に最適です。実際に手を動かして学べるのが特長です。
その他の参考記事:html 練習 問題