20201208 随堂作业

20201208 随堂作业

作业内容： 1.下载 vscode 和 chrome 并配置到能用状态; 2.将课堂上提及的所有标签全部按自己理解写一遍并提交到作业中; 3.复习列表,表格和表单; 4.回看视频

已经完成下载 vscode 和 chrome 并配置到能用状态;

---

1208 日 HTML 标签

1. 标题标签<h1>-<h3>
<h1>-<h6>标签用来定义 HTML 标题，表示了 HTML 网页中六个级别的标题
   作业代码

   <!-- 标题标签<h1>-<h6 --> <h1>这是一个一级标题</h1> <h2>这是一个二级标题</h2> <h3>这是一个三级标题</h3>

2. 段落标签<p>
<p>标签表示文本的段落，段落通常在可视媒体中表示为文本块，是块级元素。
   作业代码

   <p>这是一个段落</p>
   <p> 宫崎骏1941年出生于的东京都文京区，毕业于杉并区立永福小学校、杉并区立大宫中学校、 东京都立丰多摩高等学校及学习院大学政治经济学院。在四个兄弟中排名第二，父亲是宫崎家族经营的“宫崎航空兴学”的职员。 在第二次世界大战中因战时疏散，举家迁往宇都宫市和鹿沼市。 他所在的家族经营一个飞机工厂，属于军工企业，所以战争后期物质匮乏中也能保持颇为温饱的生活， 宫崎骏度过了相当自由的幼年生活。然而在这种环境下长大的宫崎骏却意外地对家族的特权产生了怀疑。 宫崎骏的父亲告诉他，其实宫崎家族生产的飞机尾翼根本不符合标准， 全是些没有经过正规培训的临时女工制作加工的，只需贿赂下军方管理人员，产品就可以蒙混过关。 这些在大人们看来无可厚非的把戏，却在宫崎骏的内心留下了抹不去的痕迹，引发了他对人性的思考， 影响了他之后从事动画导演的创作风格。宫崎骏自幼由于身体不好，故不擅长运动，也因此对静态的绘画很有天分， 特别对于飞机感到兴趣，并成为终身的爱好。 1958年，宫崎骏高中3年级的时候，日本史上第一部彩色动画长片《白蛇传》上映，他开始对动画产生兴趣 。 1959年，宫崎骏进入学习院大学政治经济部。大学里面没有漫画社，所以进入了与之最为接近的儿童文学研究会， 社员只有宫崎骏一个人。在大学期间他创作了大量的漫画，也曾向贷本漫画出版社投稿，不过作品没有完结 。在“安保运动”中宫崎仅仅是一个旁观者，仅仅在最后时刻作为无党派人士参加了一下。 宫崎骏也在思想上开始倾向社会主义，苏联解体对他的思想构成了很大冲击，虽然面对社会主义败北的现实， 但是他对劳动者和革命的肯定立场一直没变。宫崎骏在1994年连载完漫画《风之谷》后，决定放弃马克思主义 </p>

3. <a>标签
   3.1 超链接
   <a>标签用于定义超链接，作用是从一个页面链接到另一个页面。

   <a>标签最重要的属性是 href 属性，用于创建指向另外一个文档的链接（或超链接）
   作业代码

   ```<!-- <a href="跳转的目标">跳转内容</a> -->

    <a href="https://www.php.cn/" target="_self">php中文网</a>
    <!-- 在新窗口打开 -->
    <a href="https://www.php.cn/" target="_blank">php中文网</a>
    <!-- 在目标窗口打开 target="iframt内联框架name"-->
    <a href="https://www.php.cn/" target="php.cn">打开php中文网</a>
    <iframe
      srcdoc="点击打开php中文网"
      src=""
      name="php.cn"
      width="400"
      height="400">
    </iframe>

   3.2 锚点
   实现在当前页面跳转例如跳转到底部
   作业代码
   ```<a href="#footer">跳转到底部</a>
   <footer id="footer" style="margin-top: 1000px">这是底部</footer>
   <a href="#">回到顶部</a>

4. 图片标签<img>
<img>标签用于展示 HTML 页面中的图像，使得页面能够“图文并茂”
   作业代码

     src="https://img.php.cn/upload/course/000/000/001/5fae4f1f666b0235.png"
     alt="第十四期_综合实战"
     width="800"
   />