• Web(二)html5基础-文本控制类标签(知识训练和编程训练)

    web知识训练_html5_文本控制类标签

    第1关_web知识训练_html5_文本控制类标签

    --------------------------------------------

    web编程训练_html5_文本控制类标签

    第1关_html5_网页背景及标题段落标签

    编程要求
    根据前面的效果图，在右侧编辑器中的Begin - End区域内补充代码，具体要求是：
    1.在之间添加一级标题，标题内容为“第一章 HTML5基础”，采用居中对齐；
    2.在之间添加二级标题，标题内容为“1.1 文本控制标签”，采用左对齐。
    3.在之间添加一个段落，段落内容为“这是第1个段落。”，采用两端对齐。

    1. html>
    2. <html>
    3. <head>
    4.   <meta charset="utf-8">
    5.   <title>标题段落的设置title>
    6. head>
    8. <body background="https://data.educoder.net/api/attachments/2308369">
    9. <h1 align="center">第一章 HTML5基础h1>
    10. <h2 align="left">1.1 文本控制标签h2>
    11. <p align="justify">这是第1个段落。p>
    12. body>
    14. html>

    第2关_html5_水平线和换行的设置

    编程要求
    根据前面的效果图，在右侧编辑器中的Begin - End区域内补充代码，具体要求是：
    1.在一级标题文字“第一章 HTML5基础”下方添加一条水平线，水平线的下方使用换行标签添加一个空行
    2.为水平线标签添加size属性，取值为3
    3.为水平线标签添加width属性，取值为400
    4.将水平线的颜色设置为蓝色
    5.去掉水平线的阴影效果

    1. html>
    2. <html>
    3. <head>
    4.   <meta charset="utf-8">
    5.   <title>水平线的设置title>
    6. head>
    7. <body background="https://www.educoder.net/api/attachments/2308369">
    8. <h1 align="center">第一章 HTML5基础h1>
    10. <hr size="3" width="400" align="center" color="blue" noshade="none"/>
    11. <br/>
    12.  
    14. <h2 align="left">1.1 文本控制标签h2>
    15. <p align="justify">这是第1个段落。p>
    16. body>
    17. html>

    第3关_html5_文本修饰

    编程要求
    根据前面的效果图，在右侧编辑器中的两个Begin - End区域内补充代码，具体要求是：
    1.采用font标签为一级标题文字“第一章 HTML5基础”添加“黑体”字体和“红色”显示
    2.分别采用加粗、斜体、下划线、上标和下标标签为相应的文字添加显示效果

    1. html>
    2. <html>
    3. <head>
    4.   <meta charset="utf-8">
    5.   <title>水平线的设置title>
    6. head>
    7. <body background="https://www.educoder.net/api/attachments/2308369">
    8. <h1 align="center">
    9.   
    10.  
    11.   <font face="黑体" color="red">第一章 HTML5基础font>
    12.  
    13.   
    14. h1>
    15. <hr size=3  width=400  Align=center color=blue noshade/>
    16. <br/>
    17. <h2 align="left">1.1 文本控制标签h2>
    19. <b>这是加粗显示的文字b>
    20. <i>这是斜体显示的文字i>
    21. <u>这是带下划线的文字u>
    22. X<sup>3sup>-2Y<sub>2sub>=1
    24. body>
    25. html>

  • 相关阅读:
    MetaGPT day02: MetaGPT Role源码分析
    使用c#的 async/await编写 长时间运行的基于代码的工作流的 持久任务框架
    CUDA+cuDNN+TensorRT 配置避坑指南
    企业信息化的供给侧改革
    European Championship 2024 I. Disks
    自己建立的数据下创建表报错
    编译相关内容（自用）
    Openlayers 使用天地图Web服务
    数据结构-----二叉排序树
    biopython--PDB.polypepide
  • 原文地址：https://blog.csdn.net/m0_63324772/article/details/128013248