博客列表 >20201208 随堂作业

20201208 随堂作业

空瓶子
空瓶子原创
2020年12月09日 16:07:56547浏览

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>标签表示文本的段落,段落通常在可视媒体中表示为文本块,是块级元素。
    作业代码

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

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

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

    1. <a href="https://www.php.cn/" target="_self">php中文网</a>
    2. <!-- 在新窗口打开 -->
    3. <a href="https://www.php.cn/" target="_blank">php中文网</a>
    4. <!-- 在目标窗口打开 target="iframt内联框架name"-->
    5. <a href="https://www.php.cn/" target="php.cn">打开php中文网</a>
    6. <iframe
    7. srcdoc="点击打开php中文网"
    8. src=""
    9. name="php.cn"
    10. width="400"
    11. height="400">
    12. </iframe>
    1. 3.2 锚点
    2. 实现在当前页面跳转例如跳转到底部
    3. 作业代码
    4. ```<a href="#footer">跳转到底部</a>
    5. <footer id="footer" style="margin-top: 1000px">这是底部</footer>
    6. <a href="#">回到顶部</a>
  4. 图片标签<img>
    <img>标签用于展示 HTML 页面中的图像,使得页面能够“图文并茂”
    作业代码

    1. src="https://img.php.cn/upload/course/000/000/001/5fae4f1f666b0235.png"
    2. alt="第十四期_综合实战"
    3. width="800"
    4. />
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议