動画の読み込みに失敗しました。しばらく待ってからリロードしてみてください。解決しない場合は ヘルプ「動画が見られない場合について」 もご覧ください。
Play
Current Time 0:00
/
Duration Time 0:00
Remaining Time -0:00
Stream TypeLIVE
Loaded: 0%
Progress: 0%
0:00
00:00
Mute
Playback Rate
    1
    Subtitles
    • subtitles off
    Captions
    • captions off
    Chapters
    • Chapters
    シアター
    • シアター
    • ピクチャ
    • 全画面
    x1.0
    • プレミアム会員になると動画の速度を変更できます
    男性ボイス
    • プレミアム会員になると講義音声を切り替えられます
    HD
    Loaded: 0%
    Progress: 0%
    0:00
    The video could not be loaded, either because the server or network failed or because the format is not supported.
    この動画には 2 件の補足情報があります。

    レッスンで分からないところはありましたか?

    プレミアムプランに登録すると現役エンジニアに質問できます。

    詳しくはヘルプ「質問機能とは?」をご覧ください。

    さて、続きをやっていきましょう。
    せっかく index.html を作ったので簡単な Web ページを作りながら開発の流れを見ていきたいと思います。

    文字起こしはプレミアムプラン向けの機能です

    詳しくみる

    Visual Studio Codeに標準搭載されているEmmet記法について紹介していきます。

    • Emmet記法
    • !
    • ul>li*3
    2022年7月13日

    VS CodeのVersion: 1.69.0以降にて「!」によるHTMLの雛形が入力できなくなったようです。かわりに「html:5」と打ってからタブキーで入力するようにしてください。

    2019年7月25日

    Emmet記法については以下のレッスンで詳しく解説しています。
    興味がある方は参照してみてください。

    このレッスンの問題を報告する

    プレミアムプランに登録すると、わからないところを現役エンジニアに質問できます。

    質問機能とは?

    素材ファイルをダウンロードするにはプレミアムプランへの登録が必要です

    詳しくみる

    ソースコードを閲覧するにはプレミアムプランへの登録が必要です

    詳しくみる

    このレッスンの問題を報告する