<pr> 不是合法 HTML 标签,浏览器会忽略或报错;应使用标准 <p> 标签包裹段落,或用 <br> 实现换行,而非自造标签。
` ` 标签包裹段落,或用 ` 在 HTML 中,所有标签都必须遵循 W3C 规范,而 <pr> 并不存在于任何 HTML 版本(包括 HTML5)。你在代码中连续使用了 <pr>...</pr>,这不仅会导致浏览器解析失败(控制台报错:Element pr not allowed as child of element body in this context),还会使内容被当作无意义的文本节点处理——部分浏览器可能将其内部内容直接渲染为连续文本,从而造成“段落粘连”的视觉问题。 ✅ 正确做法是:每个独立段落都应使用语义化、标准的 <p> 标签包裹。这是结构清晰、可访问性强且符合 SEO 最佳实践的方式: ⚠️ 注意事项: 将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML,替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度,HTML 能同时承载排版、表格、SVG 等。 总结:坚持使用标准 HTML 元素是前端开发的基石。遇到“内容不换行”“样式失效”等问题时,优先检查标签合法性与嵌套规范性——验证工具(如 W3C Markup Validator)可快速定位此类错误。 立即学习“前端免费学习笔记(深入)”;
` 实现换行,而非自造标签。<p><strong>Weekly quizzes:</strong> are short online quizzes completed at the beginning of your tutorial. See the Schedule above for the topics and dates of these quizzes. In general they cover the material from the previous lectures and are closed book.</p>
<p><strong>Lab Exercises:</strong> In the tutorial your tutor will review the completion of your lab exercises. You are encouraged to attempt them before your tutorial to discuss issues and get them marked off.</p>
<p><strong>Assignments: Parts 1, 2 and 3:</strong> are incremental instalments of a web site development task. Part 1 focuses on well-structured, CSS-styled HTML pages; Part 2 adds JavaScript form validation and interactivity; Part 3 integrates PHP and MySQL for server-side data handling.</p>


















