はじめに
HTMLの<meter>
タグは、既知の範囲内のスカラー測定値を表示するために使用されます。分数値やスカラー値の両方を表すことができます。
この実験では、<meter>
タグの構文と属性を使ってHTMLで<meter>
タグをどのように使用するかを学びます。また、<meter>
タグの機能を示す基本的な例も見てみましょう。
注: index.html
でコーディングを練習し、Visual Studio CodeでHTMLを書く方法を学ぶことができます。画面右下の「Go Live」をクリックして、ポート8080でウェブサービスを実行します。その後、Web 8080タブを更新してウェブページをプレビューできます。
Skills Graph
%%%%{init: {'theme':'neutral'}}%%%%
flowchart RL
html(("HTML")) -.-> html/BasicStructureGroup(["Basic Structure"])
html(("HTML")) -.-> html/LayoutandSectioningGroup(["Layout and Sectioning"])
html(("HTML")) -.-> html/FormsandInputGroup(["Forms and Input"])
html(("HTML")) -.-> html/AdvancedElementsGroup(["Advanced Elements"])
html/BasicStructureGroup -.-> html/basic_elems("Basic Elements")
html/BasicStructureGroup -.-> html/head_elems("Head Elements")
html/LayoutandSectioningGroup -.-> html/doc_flow("Document Flow Understanding")
html/LayoutandSectioningGroup -.-> html/access_cons("Accessibility Considerations")
html/FormsandInputGroup -.-> html/forms("Form Elements")
html/FormsandInputGroup -.-> html/form_access("Accessibility in Forms")
html/AdvancedElementsGroup -.-> html/inter_elems("Interactive and Dynamic Elements")
html/AdvancedElementsGroup -.-> html/custom_attr("Custom Data Attributes")
subgraph Lab Skills
html/basic_elems -.-> lab-70798{{"HTML のスカラー測定"}}
html/head_elems -.-> lab-70798{{"HTML のスカラー測定"}}
html/doc_flow -.-> lab-70798{{"HTML のスカラー測定"}}
html/access_cons -.-> lab-70798{{"HTML のスカラー測定"}}
html/forms -.-> lab-70798{{"HTML のスカラー測定"}}
html/form_access -.-> lab-70798{{"HTML のスカラー測定"}}
html/inter_elems -.-> lab-70798{{"HTML のスカラー測定"}}
html/custom_attr -.-> lab-70798{{"HTML のスカラー測定"}}
end