当前位置:   article > 正文

Web(二)html5基础-文档头部(知识训练和编程训练)_根据提示,在右侧编辑器补充代码,在右侧编辑器中的begin - end区域内补充代码,具体

根据提示,在右侧编辑器补充代码,在右侧编辑器中的begin - end区域内补充代码,具体

web知识训练_html5_文档头部标签及属性 

web编程训练_html5_文档头部

第1关_页面标题及字符集的设置

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!-- ********* Begin ********* -->
  5. <meta charset="utf-8">
  6. <title>设置标题</title>
  7. <!-- ********* End ********* -->
  8. </head>
  9. <body>
  10. <h1 align="center">元信息的设置</h1>
  11. </body>
  12. </html>

编程要求

根据提示,在右侧编辑器补充代码,在右侧编辑器中的Begin - End区域内补充代码,具体要求是:

1.设置网页标题,标题文字为“设置标题”;

2.设置页面的字符编码格式为utf-8。

第2关_元信息的设置 

编程要求

根据提示,在右侧编辑器中的Begin - End区域内补充代码,具体要求是:

1.在<head></head>之间为浏览器提供10秒后跳转至百度首页https://www.baidu.com/的元信息;

2.在<head></head>之间为浏览器设置页面失效期,失效时间是2021年12月31日8点整(注意时间格式,其星期要按照实际值);

3.在<head></head>之间为搜索引擎设置网页关键词,关键词分别为“前端”、“元信息”、“网页跳转”、“失效期”、“搜索关键词”(请按此顺序列出关键词)。

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>设置标题</title>
  5. <meta charset="utf-8"/>
  6. <!-- ********* Begin ********* -->
  7. <meta http-equiv="refresh" content="10;url=https://www.baidu.com/"/>
  8. <meta http-equiv="expires" content="Fri,31 Dec 2021 08:00:00 GMT"/>
  9. <meta name="keywords" content="前端,元信息,网页跳转,失效期,搜索关键词"/>
  10. <!-- ********* End ********* -->
  11. </head>
  12. <body>
  13. <h1 align="center">元信息的设置</h1>
  14. </body>
  15. </html>

第3关_link标签

编程要求

根据提示,在右侧编辑器中的Begin - End区域内补充代码,以链接外部css样式表,外部样式表文件的url地址是https://www.educoder.net//api/attachments/2306844。

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>设置标题</title>
  5. <meta charset="utf-8"/>
  6. <!-- ********* Begin ********* -->
  7. <link rel="stylesheet" type="text/css" href="https://www.educoder.net//api/attachments/2306844">
  8. <!-- ********* End ********* -->
  9. </head>
  10. <body>
  11. <h1 align="center">元信息的设置</h1>
  12. </body>
  13. </html>

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/653662
推荐阅读
  

闽ICP备14008679号