Web项目：公民基本道德规范宣传页设计

一、问题要求

1. 掌握 HTML 文档结构,学会编写简易的 HTML 文件。
2. 掌握 HTML文件的命名规范。
3. 学会使用VS Code、HX 等编写 HTML 代码。
4. 学会使用 Web 浏览器查看页面效果。

二、实训内容

1. 使用VS Code、HX等编写简易的页面程序。
2. 使用HTML标记，例如head、body、title、p、hr、h1、h2等标记。
3. 命名 HTML 文件。

三、所需知识点

（1）html标记

 ... 

HTML文档结构由头部head和主体body构成，head和body两个标记均为成对标记，有首标记和尾标记构成。 

（2）头部head标记

    
    
    
    type = "text/css"href = ""/>
    

在head标记中通常包含标题title、样式style、元信息mata、脚本script、链接link等标记，用户可根据网页设计的需要添加相关标记或设置标记的属性。 

（3）主体body标记

    
1号标题字
    
段落
段落
    

    
段落缩进

body标记是网页信息的主要载体，通常可以包含段落p、标题字h1~h6、换行br、表单form、脚本script、无序列表ul、水平分割线hr、表格table等标记。 

（4）标题title标记

（5）段落p标记

这是一个段落

（6）水平分割线hr标记

（7）样式style标记

四、代码实现

如下图便是我们需要做出的网页：

完整代码：

    
    
    
    


    
公民基本道德规范(二十字)
  
    
  /*hr---水平分割线---颜色为红色*/
    
"爱国守法，明礼诚信，团结友善，勤俭自强，敬业奉献"
    
公民基本公民基本道德规范是指公民应当遵守的基本道德规范
    
----中共中央颁布的《公民道德建设实施纲要》
    

    
我是陈伟中，计算机科学与工程学院软件工程专业，20软件工程，我自愿遵守公民基本道德规范。