介绍
在 HTML 中,<pre>
标签用于显示预格式化的文本。它会按照 HTML 文件中的格式原样显示在网页上。该标签内的空白字符会按照书写的方式显示。写在 <pre>
标签之间的文本会以等宽字体显示。如果你需要展示不常见的格式或计算机代码,建议使用 <pre>
标签。
在本实验中,你将学习如何使用 <pre>
标签在网页中显示预格式化的文本。
注意:你可以在 index.html
中练习编码,并学习 如何在 Visual Studio Code 中编写 HTML。请点击右下角的 'Go Live' 以在 8080 端口上运行 Web 服务。然后,你可以刷新 Web 8080 标签以预览网页。
Skills Graph
%%%%{init: {'theme':'neutral'}}%%%%
flowchart RL
html(("`HTML`")) -.-> html/BasicStructureGroup(["`Basic Structure`"])
html(("`HTML`")) -.-> html/TextContentandFormattingGroup(["`Text Content and Formatting`"])
html(("`HTML`")) -.-> html/LayoutandSectioningGroup(["`Layout and Sectioning`"])
html(("`HTML`")) -.-> html/AdvancedElementsGroup(["`Advanced Elements`"])
html/BasicStructureGroup -.-> html/basic_elems("`Basic Elements`")
html/BasicStructureGroup -.-> html/head_elems("`Head Elements`")
html/TextContentandFormattingGroup -.-> html/text_head("`Text and Headings`")
html/TextContentandFormattingGroup -.-> html/text_dir("`Text Direction`")
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-70817{{"`HTML 预格式化文本`"}}
html/head_elems -.-> lab-70817{{"`HTML 预格式化文本`"}}
html/text_head -.-> lab-70817{{"`HTML 预格式化文本`"}}
html/text_dir -.-> lab-70817{{"`HTML 预格式化文本`"}}
html/doc_flow -.-> lab-70817{{"`HTML 预格式化文本`"}}
html/inter_elems -.-> lab-70817{{"`HTML 预格式化文本`"}}
html/custom_attr -.-> lab-70817{{"`HTML 预格式化文本`"}}
end