Visual Studio CodeでHTMLの基本テンプレートを呼び出す方法

ページに広告が含まれる場合があります。

 

アオウルサポート事務局です。Visual Studio CodeでHTMLの基本テンプレートを呼び出す方法をご紹介いたします。

「!」を入力して「Enter」キーを押す

ファイルを新規作成して、「!」を入力して「Enter」キーを押すと以下のテンプレートが自動入力されます。

lang =”ja”に変更する

lang属性がen(英語)になっていますので、ja(日本語)に変更します。

Visual Studio Codeに標準搭載されているEmmetという機能です。このEmmetを使った便利なコーディング方法がたくさんあります。下記に公式のEmmetチートシートをご案内いたします。

Emmet チートシート
https://docs.emmet.io/cheat-sheet/

 

最近の記事
おすすめ記事
人気の記事
  1. 電話対応を減らす!AI時代のIVR自動化設計術

  2. 【2026年版】「まだPHPファイルを触っていますか?」WordPressフルサイト編集(FSE)完全移行マニュアル

  3. 「Web会議が止まる…」その原因は“家庭用感覚”にあり?オフィスの快適・安全な無線LAN構築の極意

  4. 画像がぼやける問題を解決!TCDテーマでも崩れないRetina対応術

  5. Windows Updateで仕事が止まる!?2026年2月版アドイン動作不良の解決策

  1. ウェブサイト改善の特効薬!小さな変更で成果を出す「A/Bテスト」入門

  2. 「人がいないから」を言い訳にしない!Googleで実現する新しい働き方

  3. Google Driveだけで契約完了!ペーパーレス化を加速する電子署名機能とは?

  4. Google Driveの「承認機能」で情報共有を安全・確実に!使い方を徹底解説

  5. 新しいPCへの引っ越しも安心!Windowsバックアップでデータ移行がもっとスムーズに

  1. エクセル技!複数のシートの表を一瞬で合体させる方法

  2. プリインストール版Officeの簡単再インストール方法

  3. パソコン初期化後も大丈夫!「最初から入っていたOffice」の簡単な戻し方

  4. Microsoft 365「無限ログインループ」の謎

  5. その「警告」、本当に大丈夫? パソコン画面に突然現れる偽の警告にご用心!

関連記事