其他分享
首页 > 其他分享> > HTML学习前五天综合案例---第五天

HTML学习前五天综合案例---第五天

作者:互联网

综合案例

案例要求:

1.建立新文件夹,熟练使用VS Code

2.所学标签至少运用到五个标签

3.图片 / 链接 路径问题

4.锚点设置

做了一个极其简陋的新闻网,前期比较简单,学的也是最基础的HTML,所以很多都是重复的,这里复习就可以自己选择制作了。

首页:

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
</head>

<body>
    <div>
        <span>首页</span>
        <span><a href="./09-国内.html">国内</h4></span>
        <span><a href="">国际</a></span>
        <span><a href="">军事</a></span>
        <span>财经</span>
        <span>娱乐</span>
        <span>体育</span>
        <span>互联网</span>
        <span>科技</span>
        <span>游戏</span>
        <span>汽车</span>
        <span>房产</span>
    </div>
    <img src="./04.jpg" alt="">
    <h3>聚焦新闻</h3>
    <a href="#">
        <h4>广东再现本土疫情,医护人员再次出动</h4>
    </a>
    <a href="#">
        <p>去机场更方便!这条城际快客线路有调整</p>
    </a>
    <a href="#">
        <p>1949年,虹口解放时那几个历史瞬间……</p>
    </a>
    <a href="#">
        <p>福建:科普,让科学更抵人心</p>
    </a>
    <a href="#">
        <p>滚动更新|广东再现本土疫情,在粤人员出行需了解这些..</p>
    </a>
    <a href="#">
        <p>福建晋江市总为外来务工子女送上“六一”祝福</p>
    </a>

</body>

</html>

国内网链接:

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>国内新闻</title>
</head>

<body>
    <h1>长春人文学院学生用菠菜做礼服作品获大奖,灵感来源长白山和环保</h1>
    <a href="#">人民资讯</a><br/>发布时间: 05-27 &nbsp;| &nbsp;13:46 &nbsp;| &nbsp;人民网人民科技官方帐号&nbsp; &nbsp; &nbsp; &nbsp; <a href="./09-综合事例.html">返回首页</a>
    <p>&nbsp; &nbsp; &nbsp; &nbsp; 在刚刚结束的中国国际大学生时装周上,长春人文学校师生荣获“人才成果培养奖”“视觉设计奖”和“科技创新奖”。其中,服装设计系学生唐丹阳设计的由菠菜和糖制作的作品《可以吃的服装》,征服了评委,荣获“科技创新奖”。她用自己的工艺制作了一件真的可以吃的衣服。</p>
    <p>&nbsp; &nbsp; &nbsp; &nbsp; 随着环境保护和可持续发展的呼声日盛,绿色环保成为服装行业的环保趋势。蔬菜水果纤维的研究与发展顺应了当下的环保趋势也为服装面料的研制和开发展开了新思路。</p>
    <img src="./01.jpeg" alt="照片找不到了...">
    <p>&nbsp; &nbsp; &nbsp; &nbsp; 今年长春人文学院服装设计系毕业设计定下了长白山的主题,唐丹阳就想到把环保和长白山做结合,“这个想法是在去年8月份萌生的,现在人们的生活水平提高了,一些蔬菜瓜果蔫了或者不新鲜了,大部分人都会直接扔掉,我觉得这样挺浪费的。”在日常生活中,她发现,一些蔬菜瓜果的纤维和制作衣服的纤维非常相似,她就想着能不能尝试用蔬菜瓜果的纤维做一件衣服。“现在我们穿的衣服,有的在染色时会用到一些化学物质,其实挺不健康的,我觉得如果能用蔬菜瓜果中的纤维做衣服,不仅能将不新鲜的蔬菜瓜果进行二次利用,做出来的衣服也更加环保安全。”</p>
    <img src="./02.jpeg" alt="照片找不到了...">
    <p>&nbsp; &nbsp; &nbsp; &nbsp; 刚刚萌生这个想法时,她也不知道能不能成功,“其实刚开始,有不少同学和朋友是不支持我做这个的,但是我想着,总得有人去尝试新领域的东西,而且做一件更加环保的衣服,也是我的一个愿望。”那么多蔬菜瓜果,用哪一种更好呢?苹果、火龙果、黄瓜、胡萝卜、菠菜……在选择初期,唐丹阳进行了一番尝试。想要制成可以用的面料,需要将蔬菜瓜果榨成汁,然后过滤掉水分,尽量让纤维更干一点。经过一番尝试,发现菠菜中的纤维是最合适的。纤维选好了,用什么东西将菠菜纤维黏合在一起呢?“建筑用胶、滴胶、食用胶等我都想过,但如果用含有化学物质的胶就违背了我制作环保衣服的初衷,经过一番考虑与尝试,最终,我决定用糖浆来黏合菠菜纤维。”唐丹阳告诉记者说。</p>
    <p>&nbsp; &nbsp; &nbsp; &nbsp; 确定好了要用的纤维和黏合纤维的糖浆,唐丹阳又考虑到配比,“那段时间,每天都在反复地尝试,前期的大部分尝试都是失败的。”这让唐丹阳渐渐失去了信心,“总不成功,我心情肯定也不好,但我的指导教师于丹一直鼓励我,说虽然没有成功,但是每次相比之前都有进步。听了老师的话,我就调整心情继续进行试验。”</p>
    <img src="./03.jpeg" alt="照片找不到了...">
    <p>&nbsp; &nbsp; &nbsp; &nbsp; 经过多次尝试,今年1月份,唐丹阳的努力收获了回报,她用菠菜纤维制作出了第一件成衣,虽然那件衣服样式不是很完美,但给了她很大的信心。“第一件成衣制作好后我特别开心,意味着我的想法是可行的。第一件衣服制成后,我接下来就在那件衣服的基础上不断优化。”通过与糖浆混合研制及多次试验,成就了这款可折叠、熨烫、缝纫,亦可以吃的服装。在毕业设计指导教师于丹的鼓励下,唐丹阳的这款颇具设计理念、颇具东北特色的“可以吃的服装”,最终获奖。</p>
</body>

</html>

来吧,展示~

 

标签:衣服,瓜果,---,纤维,HTML,nbsp,第五天,丹阳,菠菜
来源: https://blog.csdn.net/weixin_44762145/article/details/117325571