```jinja hl_lines="4"
{!../../docs_src/templates/templates/item.html!}
```

이 예제에서는 다음을 통해 `static/styles.css`에 있는 CSS 파일에 링크합니다:

```CSS hl_lines="4"
{!../../docs_src/templates/static/styles.css!}
```

그리고 `StaticFiles`를 사용하고 있으므로, 해당 CSS 파일은 **FastAPI** 애플리케이션에서 `/static/styles.css` URL로 자동 제공됩니다.

## 더 많은 세부 사항 { #more-details }

            if (MessageUtils.isColorEnabled()) {
                MessageBuilder buff = MessageUtils.builder();
                buff.a("Message styles: ");
                buff.trace("trace").a(' ');
                buff.debug("debug").a(' ');
                buff.info("info").a(' ');
                buff.warning("warning").a(' ');

{
    // Это пример блока кода на JSON
    "greeting": "Hello, world!" // Печать приветствия
}
```


### Блоки кода с комментариями, где язык использует другие стили комментариев { #code-blocks-with-different-comment-styles }

Следующие блоки кода содержат комментарии в разных стилях в зависимости от языка.
Инструмент исправления не будет сохранять комментарии в этих блоках.

```json
{
    # This is a sample JSON code block

{
    // Это пример блока кода на JSON
    "greeting": "Hello, world!" // Печать приветствия
}
```


### Блоки кода с комментариями, где язык использует другие стили комментариев { #code-blocks-with-different-comment-styles }

Следующие блоки кода содержат комментарии в разных стилях в зависимости от языка.
Инструмент исправления не будет сохранять комментарии в этих блоках.

```json
{
    # Это пример блока кода на JSON

* [Ссылка на заголовок выше](#code-snippets)
* [Внутренняя ссылка](index.md#installation)
* [Внешняя ссылка](https://sqlmodel.tiangolo.com/)
* [Ссылка на стиль](https://fastapi.tiangolo.com/css/styles.css)
* [Ссылка на скрипт](https://fastapi.tiangolo.com/js/logic.js)
* [Ссылка на изображение](https://fastapi.tiangolo.com/img/foo.jpg)

Текст ссылок должен переводиться, адрес ссылки должен указывать на перевод:

* [Yukarıdaki başlığa link](#code-snippets)
* [Dahili link](index.md#installation)
* [Harici link](https://sqlmodel.tiangolo.com/)
* [Bir stile bağlantı](https://fastapi.tiangolo.com/css/styles.css)
* [Bir betiğe bağlantı](https://fastapi.tiangolo.com/js/logic.js)
* [Bir görsele bağlantı](https://fastapi.tiangolo.com/img/foo.jpg)

Link metni çevrilmelidir, link adresi çeviriye işaret etmelidir:

* [Link zur Überschrift oben](#code-snippets)
* [Interner Link](index.md#installation)
* [Externer Link](https://sqlmodel.tiangolo.com/)
* [Link zu einem Stil](https://fastapi.tiangolo.com/css/styles.css)
* [Link zu einem Skript](https://fastapi.tiangolo.com/js/logic.js)
* [Link zu einem Bild](https://fastapi.tiangolo.com/img/foo.jpg)

//// tab | 测试

链接文本应被翻译，链接地址应保持不变：

* [链接到上面的标题](#code-snippets)
* [内部链接](index.md#installation)
* [外部链接](https://sqlmodel.tiangolo.com/)
* [样式链接](https://fastapi.tiangolo.com/css/styles.css)
* [脚本链接](https://fastapi.tiangolo.com/js/logic.js)
* [图片链接](https://fastapi.tiangolo.com/img/foo.jpg)

链接文本应被翻译，且链接地址应指向对应的译文页面：

* [FastAPI 链接](https://fastapi.tiangolo.com/zh/)

////

            if (MessageUtils.isColorEnabled()) {
                MessageBuilder buff = MessageUtils.builder();
                buff.a("Message styles: ");
                buff.trace("trace").a(' ');
                buff.debug("debug").a(' ');
                buff.info("info").a(' ');
                buff.warning("warning").a(' ');

* [Link para o título acima](#code-snippets)
* [Link interno](index.md#installation)
* [Link externo](https://sqlmodel.tiangolo.com/)
* [Link para um estilo](https://fastapi.tiangolo.com/css/styles.css)
* [Link para um script](https://fastapi.tiangolo.com/js/logic.js)
* [Link para uma imagem](https://fastapi.tiangolo.com/img/foo.jpg)

O texto do link deve ser traduzido, o endereço do link deve apontar para a tradução: