【Web前端开发】——HTML练习一：标记信件_用适当的元标签说明信件的作者。-CSDN博客

本文链接：https://blog.csdn.net/qq_45943210/article/details/123380599

这篇博客主要介绍了如何使用HTML标记一封信件，涵盖了结构语义、内联语义、日期标记、链接、首字母缩略词、下标/上标、强调和引用等元素的使用，以及CSS的引入和元标签的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

根据MDN网站学习记录笔记
本次测验要求你为你一封写好的信做出标记，以测验你基础和高级的 HTML 文本格式化技能，包括超链接等等。此外将测验你对一些 HTML <head> 内容的熟悉程度。

准备工作

开始测验之前，请先下载信件的起始文本和CSS代码。然后用文本编辑器（我选择使用vs code）创建一个新的 .html 文件来进行测验。

项目概要

本项目中，你的任务为一封大学内网信件进行标记，这封信是研究人员对一名学生有关申请博士学位问题的回复。

块/结构语义：

你应该使用适当的结构来构造整体文档，包括doctype、<html> 、 <head>和<body>元素。
除下面提到的几点之外，这封信应该被标记成有着段落和标题的结构。这封信有 1 个顶级标题（“回复：”那行）和 3 个二级标题。
使用适当类型的列表标记该学期的开学时间、学习科目和异域舞蹈。两个地址应该放在<address>元素下. 每行的地址应该放在新的一行而不是新的段落.

内联语义：

应着重显示发信人和收信人的姓名（以及“电话”和“电子邮件”字样）。
用适当的元素把文档中的四个日期标记成机器可读的日期。
为信中第一个地址和第一个日期设置一个类属性“sender-column”，这样就能通过添加CSS 来使它们右对齐，以符合经典信件的布局。
信件正文中有 2 个首字母缩略词/缩写词，标记出它们的扩展形式。
正确标注 6 个下标/上标（位于化学方程式、科学计数法中）。
试着标记至少对两个单词进行着重（<strong>）/ 强调（<em>）显示。
有两个地方应加上超链接，要为它们添加适当的标题。链接指向 https://example.com/ 即可。
用适当的元素标记校训和引文。

文档的头部：

用适当的元标签把文档的字符集声明为 utf-8。
用适当的元标签说明信件的作者。
用适当的标签引入我们提供的 CSS 代码。

代码展示

css部分代码没有改变

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- 用适当的元标签把文档的字符集声明为 utf-8 -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="author" content="李雷">
    <title>纽臂科学院学位申请邮件往来</title>
    <!-- 用适当的标签引入我们提供的 CSS 代码 -->
    <link href="标记信件.css" type="text/css" rel="stylesheet">
</head>

<body>

    <address class="sender-column">
        中国北京市门头沟区，102300<br>
        纽臂大学 纽臂科学院