【Web前端开发】——HTML练习一:标记信件

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

准备工作

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

项目概要

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

块/结构语义:

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

内联语义:

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

文档的头部:

  1. 用适当的元标签把文档的字符集声明为 utf-8。
  2. 用适当的元标签说明信件的作者。
  3. 用适当的标签引入我们提供的 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>
        纽臂大学 纽臂科学院<
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值