0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

VScodeで指定した範囲にdivタグをつける

Posted at

こんにちは、テリスです!

webでデザインをしていたら、役立つショートカットを知りましたので残しておきます。

HTMLをコーディングしているときにこのようなことはないでしょうか。

<body>
    <h1>title</h1>
    <div>
        <ul>
            <ls>a</ls>
            <ls>b</ls>
            <ls>c</ls>
        </ul>
    </div>
</body>

bodyの中身の最初と最後にdivタグをつけたい!と

そんな時は、divタグをつけたい範囲を選んで
〈Mac〉command+shift+p
〈Windows〉control+shift+p
を押すと、コマンド一覧が開けます。

その後、検索欄に'wrap'と打つと
Emmet: Wrap with Abbreviation
と出てくるのでクリック、Enter。

そして、再度記入する欄が現れるので'div'と入力してEnter。

これでbodyの中身の最初と最後にdivタグがつきました!

調べていて使えると思いましたので、皆様も是非使ってみてください!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?