用html来制作一个网页存放鲁迅的个人生活经历

目录

一.前言

二.效果展示

三.代码展示

 四.知识点的整理

---

一.前言

        在有了前面知识的铺垫之后，我们就可以开始完成综合案例的实验了。下面所用到的知识点我也整理在了文章的最后，有兴趣的小伙伴们可以看看。

二.效果展示

        如下所示则为我们自己所创网页的内容，用到了标题，超链接，段落标题，下划线等等。

        

三.代码展示

        在看到了上面的效果之后，我们是不是很好奇这是怎么来的呢？不要急，这就展示代码：

 

 四.知识点的整理

1. 标签有2种关系，分别是父子关系（嵌套），兄弟关系（并列）

2. <!--...--> 表示注释标签，用来在原文档中插入注释，注释不会在浏览器中显示。

3. 每次更新完代码之后，Ctrl+S对其进行保存。
4. 标题标签一般用在新闻标题，文章标题，网页区域名称，产品名称等
5. 标题标签名：h1~h6（双标签）
6. 段落标签名：p(双标签）
7. 显示特点：1）独占一行 2）段落之间存在间隙
8. 换行：<br>(单标签）
9. 水平线：<hr>（单标签）
10. 文本格式化标签每一种效果都有两个标签名。一般选择strong表示加粗效果；em表示倾斜效果；ins表示下划线；del表示删除线。
11. 图像标签：作用在网页中插入图片。
12. <img src=”图片的URL”>
13. 超链接：点击跳转到其他页面

14. 超链接标签：如：<a href=”www.baidu.com”>跳转到百度</a>