はじめに
この実験では、定義されている用語を強調する定義リストを作成するために HTML <dfn>
タグをどのように使用するかを学びます。<dfn>
タグは、チュートリアルや教育サイトで一般的に使用され、インタラクティブで情報豊富なユーザー エクスペリエンスを提供します。
注: index.html
でコーディングを練習し、Visual Studio Code で HTML を記述する方法 を学ぶことができます。画面右下の「Go Live」をクリックして、ポート 8080 で Web サービスを実行します。その後、Web 8080 タブを更新して Web ページをプレビューできます。
Skills Graph
%%%%{init: {'theme':'neutral'}}%%%%
flowchart RL
html(("HTML")) -.-> html/TextContentandFormattingGroup(["Text Content and Formatting"])
html(("HTML")) -.-> html/LayoutandSectioningGroup(["Layout and Sectioning"])
html(("HTML")) -.-> html/AdvancedElementsGroup(["Advanced Elements"])
html(("HTML")) -.-> html/BasicStructureGroup(["Basic Structure"])
html/BasicStructureGroup -.-> html/basic_elems("Basic Elements")
html/BasicStructureGroup -.-> html/head_elems("Head Elements")
html/TextContentandFormattingGroup -.-> html/lists_desc("Lists and Descriptions")
html/LayoutandSectioningGroup -.-> html/doc_flow("Document Flow Understanding")
html/AdvancedElementsGroup -.-> html/inter_elems("Interactive and Dynamic Elements")
html/AdvancedElementsGroup -.-> html/custom_attr("Custom Data Attributes")
subgraph Lab Skills
html/basic_elems -.-> lab-70740{{"HTML 定義用語"}}
html/head_elems -.-> lab-70740{{"HTML 定義用語"}}
html/lists_desc -.-> lab-70740{{"HTML 定義用語"}}
html/doc_flow -.-> lab-70740{{"HTML 定義用語"}}
html/inter_elems -.-> lab-70740{{"HTML 定義用語"}}
html/custom_attr -.-> lab-70740{{"HTML 定義用語"}}
end