今さら聞けないHTML　2021年11月27日

動きのあるホームページ　アイディア

####動きのあるおしゃれなWebページを作るときのアイディアの参考
自分用備忘録です。

https://coco-factory.jp/ugokuweb/

DjangoのHTML表記まとめ

# はじめに
個人的まとめ

# 変数

## 変数の展開

“`html
{{ var }}
“`

– **`{{ 変数名 }}`**

## テンプレートへの変数の渡し方

“`python
def index(request):
context = {‘var’: ‘Hello’}
return render(request, ‘myhtml/index.html’, context)
“`

“`html

{{ var }}

“`

– **`head`**タグはメタデータを書くところなので実際に表示されるわけではない
– **`p`**タグ

HTMLの画面サイズの扱い

# これは何？
ツールなどをちゃちゃっと作って公開するときにモバイル対応してないとちょっと残念。その対策のメモです。
簡単に言うと、viewportをJavaScriptで制御する、またはCSSでなんとかする方法です。

# 実装
## CSSで何とかする
`div.content`をスクリーンのサイズで動的に変えるのがポイント。

“`html