HTML基本标签

春衣少年当酒歌,起舞四顾以笑和。这篇文章主要讲述HTML基本标签相关的知识,希望能为你提供帮助。





















实?
验?
要?
求?

实验目标:?
  1. 会使用html的编辑工具?
  2. 会使用HTML的基本结构创建网页?
  3. 会使用文本相关标签排版文本信息?
  4. 会使用图像相关标签实现图文并茂的页面?
  5. 会使用列表实现数据展示?
实验所需软件:?
  1. 记事本(Window内含)?
  2. Sublime_Text?
实?
验?
内?
容?

实验内容:?
  1. 练习——制作清平乐页面?需求说明:?
    标题用< h2> 标签,文字用< p> 标签,标题与正文之间的分隔线使用< hr/> 标签,词结束后使用< br/> 标签换行。效果图如图1.1所示。?
    HTML基本标签

    文章图片
    < p> ?
    < em> 细节从来都是个好东西,完美的细节往往给我们赢得商业上的胜利。< br/> 但是,在皮克斯,这一家满是完美主义设计师的企业里,细节竟然成了负担。?
    < br/> 怎么打造完美的细节?又怎么赢得商业上的利益。皮克斯总裁艾德·卡特姆为我们解答。< /em> < br/> ?
    < /p> ?
    【HTML基本标签】< strong> 看不见的完美硬币:细节的负担< /strong> ?
    < p> ?
    在皮克斯,每一部电影都是商业与艺术的双赢。不管这些电影是艺术作品,还是商品,细节都是至关重要的,是决定成败的关键。人们似乎也听过许多关于细节的胜利的故事,但是在皮克斯,设计师们一个个都是完美主义者,细节显然成了皮克斯的负担。这样的太过于重视细节,往往会伤害到企业该有的效率,最终伤害企业的根本。在完美细节和企业应有的效率面前,艾德·卡特姆做出了明智的决策。?
    < /p> ?
    < p> ?
    皮克斯有一个现象,被我们的制片人叫作“看不见的完美硬币(the perfect coin)”,这个词指代的是皮克斯制作人员对细节的精益求精。有时候,被我们的制片人凯瑟琳?萨拉菲安称为“床头柜上一枚没人会注意到的硬币”这样的细节,也会引得我们的工作人员花上几天甚至数周的时间悉心打磨。凯瑟琳是《怪兽电力公司》一片的制作人员,影片中有一幕戏可以形象地向我们阐释到底什么是“看不见的完美硬币”。在这幕戏?
    < /p> ?
    ?
    < /body> ?
    < /html> ?
    练习3——热门活动?
    效果展示:?
    HTML基本标签

    文章图片
    < /li> ?
    < p> 推荐活动|原创音乐现金榜T榜< /p> ?
    < li> ?
    < img src="https://www.songbingjia.com/android/image/img2.png" > ?
    < /li> ?
    < p> 推荐节目|《TAImusic》爆笑来袭< /p> ?
    < li> ?
    < img src="https://www.songbingjia.com/android/image/img3.png" > ?
    < /li> ?
    < p> 推荐歌单|继续宠爱张国荣< /p> ?
    < li> ?
    < img src="https://www.songbingjia.com/android/image/img4.png" > ?
    < /li> ?
    < p> 推荐活动|330金属音乐巡演 成都小酒馆音乐空间< /p> ?
    < /ul> ?
    < /body> ?
    < /html> ?

    练习4——制作音乐排行榜?
    效果图展示:?
    HTML基本标签

    文章图片
    < /li> ?
    < li> ?
    < a href="https://www.songbingjia.com/android/#"> ?
    < ins> 偏偏喜欢你< /ins> ?
    < img src="https://www.songbingjia.com/android/image/pic1.png" > < /a> ?
    < /li> ?
    < li> ?
    < a href="https://www.songbingjia.com/android/#"> ?
    < ins> 酒干倘卖无< /ins> ?
    < img src="https://www.songbingjia.com/android/image/pic1.png" > < /a> ?
    < /li> ?
    < li> ?
    < a href="https://www.songbingjia.com/android/#"> ?
    < ins> 不说再见< /ins> ?
    < img src="https://www.songbingjia.com/android/image/pic1.png" > < /a> ?
    < /li> ?
    < li> ?
    < a href="https://www.songbingjia.com/android/#"> ?
    < ins> 舍不得你< /ins> ?
    < img src="https://www.songbingjia.com/android/image/pic1.png" > < /a> ?
    < /li> ?
    < li> ?
    < a href="https://www.songbingjia.com/android/#"> ?
    < ins> 请跟我来< /ins> ?
    < img src="https://www.songbingjia.com/android/image/pic1.png" > < /a> ?
    < /li> ?
    < /ol> ?
    < /body> ?
    < /html> ?

实?
验?
总?
结?

本次实验给我的收获非常大,让我在今后的开发实践中可以更加熟练。?





    推荐阅读