フロントエンド
利用者がブラウザで見て、触れる画面側の部分です。
AIでサービスをつくる、非エンジニアのための実践ガイド
用語ナビ
HTML
HyperText Markup Language
見出し、文章、画像、ボタンなど、Webページの構造を表す言語です。
危険度: 通常Webの仕組み
今すぐ使う
10秒で意味をつかむ
まずは一言の意味だけつかめば十分です。
ひとことで言うと
Webページの内容と意味の構造を、要素を使って記述するマークアップ言語です。
やさしく言い換えると
ページの見出しや文章、ボタンが何であるかを示す骨組みです。
確かめる
使われ方をイメージする
実際の会話や作業でどう出てくるかを確かめます。
こんな場面で使います
見出しをh1、移動する項目をa、押す操作をbuttonとして表す。
知っておく理由
見た目だけでなく、検索エンジンや支援技術にもページの意味を伝えます。
自分の言葉で説明できそうなら記録しましょう。
理解する
次に見るものを選ぶ
関連する内容へ一歩だけ進みます。全部を一度に覚える必要はありません。
次の行動
文字を大きくする前に、その内容が見出し・本文・ボタンのどれかを確認する。
別名・一緒に検索できる言葉
ページ構造・マークアップ