---
# System prepended metadata

title: VSCode で HTML を記述するときの `省略記法` 2023-05-26
tags: [Visual Studio Code, VSCode, HTML, CSS]

---

---
lang: ja-jp
breaks: true
---
# VSCode で HTML を記述するときの `省略記法` 2023-05-26

## `!` HTML雛形生成

![](https://hackmd.io/_uploads/r18hd3aH3.png)

## `html:5` HTML雛形生成

![](https://hackmd.io/_uploads/rkUpO2aBh.png)

## `link:css`

![](https://hackmd.io/_uploads/SkeZY3aBn.png)

```htmlembedded=
<link rel="stylesheet" href="style.css">
```

## `lorem` 適当な単語列を生成

![](https://hackmd.io/_uploads/ByaBE-k83.png)

```htmlembedded=
    <div>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium nemo ad tenetur minus maxime nisi sapiente, voluptatum illo debitis nostrum, esse ex neque maiores laborum, voluptatem error est iusto ea.
    </div>
```

###### tags: `Visual Studio Code` `VSCode` `HTML` `CSS`
