HTML5基础基础练习题

最新推荐文章于 2024-04-24 18:49:11 发布

探长爆料

最新推荐文章于 2024-04-24 18:49:11 发布

阅读量4.1k

点赞数 2

分类专栏：前端开发基础与后端文章标签： html5 html

本文链接：https://blog.csdn.net/qq_42663223/article/details/109305452

版权

前端开发基础与后端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML5基础基础练习题

学习内容：

提示：HTML5是标记语言大多数都是记单词不过基础最重要
例如：
1、掌握单表签->例如 
2、掌握双标签->例如
3、掌握超链接->例如<a href=" “><a>
4、掌握img图片->例如<img src=” ">

基础习题一李清照的词

提示：根据下图使用HTML5标记语言实现

在这里插入图片描述

代码如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body style="background-color:darksalmon">
    <h1 align="center">小杨杨学长</h1>
    <h1>清平乐</h1>
    <hr>
    <span>年年雪里，常插梅花醉，挼尽梅花无好意，赢得满衣清泪！</span>
    <br>
    <span>今年海角天涯，萧萧两鬓生华。</span>
    <br>
    <span>看取晚来风势，故应难看梅花。</span>
    <h1 align="center">欢迎初学者观看</h1>
</body>
</html>

基础习题二李清照简介

提示：根据下图使用HTML5标记语言实现

在这里插入图片描述

代码如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body style="background-color: chocolate;">
    <h1 align="center">小杨杨学长</h1>
    <h1>人物介绍</h1>
    <strong>李清照</strong>
    <em> 李清照（1084年3月13日~1155年5月12日），</em>
    <span>宋代女词人，号易安居士，婉约词派代表，有“千古第一才女”之称。早期生活优裕，金兵入据中原时，流寓南方，境遇孤苦。所作词，前期多写其悠闲生活，后期多悲叹身世，情调伤感。形式上善用白描手法，自辟途径，语言清丽。论词强调协律，崇尚典雅，提出词“别是一家”之说，反对对作诗文之法作词，留有诗集《易安居士文集》、《易安词》等。</span>
    <hr>
    &copy;<span>北大青鸟版权所有</span>
    <h1 align="center">欢迎初学者观看</h1>
</body>
</html>

# 基础习题三京东新闻资讯页提示：根据下图使用HTML5标记语言实现

在这里插入图片描述

提示：图片

在这里插入图片描述

代码如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body style="background-color:aquamarine">
    <h1 align="center">小杨杨学长</h1>
    <p>看不见的完美硬币 ：细节的负担</p>
    <p>创新公司皮克斯的启示</p>
    <img src="book.jpg" width="600px" height="800">
    <p>细节从来都是个好东西，完美的细节往往给我们赢得商业上的胜利。</p>
    <p>但是，在皮克斯，这一家满是完美主义设计师的企业里，细节竟然成了负担</p>
    <p>怎么打造完美的细节？又怎么赢得商业上的利益。皮克斯总裁艾德·卡特姆为我们解答。</p>
    <p>看不见的完美硬币：细节的负担</p>
    <p>在皮克斯，每一部电影都是商业与艺术的双赢。不管这些电影是艺术作品，还是商品，细节都是至关重要的，是决定成败的关键。人们似乎也听过许多关于细节的胜利的故事，但是在皮克斯，设计师们一个个都是完美主义者，细节显然成了皮克斯的负担。这样的太过于重视细节，往往会伤害到企业该有的效率，最终伤害企业的根本。在完美细节和企业应有的效率面前，艾德·卡特姆做出了明智的决策。</p>
    <p>皮克斯有一个现象，被我们的制片人叫作“看不见的完美硬币（the perfect coin）”，这个词指代的是皮克斯制作人员对细节的精益求精。有时候，被我们的制片人凯瑟琳?萨拉菲安称为“床头柜上一枚没人会注意到的硬币”这样的细节，也会引得我们的工作人员花上几天甚至数周的时间悉心打磨。凯瑟琳是《怪兽电力公司》一片的制作人员，影片中有一幕戏可以形象地向我们阐释到底什么是“看不见的完美硬币”。在这幕戏中，好奇的小布第一次来到麦克和萨里的公寓，还在蹒跚学步的小婴儿四处探索起来。两个怪物想要制止她，而她还是一步步走到了两摞高高堆起的CD旁，“别乱动！”麦克大喊起来，可是小女孩还是从90多张CD盒摞成的“高塔”底部抽出一张， CD全部倒塌散落在了地板上。麦克抱怨道：“哎，那些CD都是按字母顺序排列好的！”小女孩摇摇摆摆地走开了。这幕场景前后不到3秒钟，观众们只能够看到几个CD盒而已，但皮克斯的制作人员不仅为每一个CD盒制作了封面，还使用了可计算物体在运动时渲染效果变化的着色器。</p>
    <p>“你能看到所有CD盒吗？看不到。”萨拉菲安接着说，“把所有CD盒全部设计一遍，这工作有意思吗？其实挺有意思的。我们还真有几位工作人员觉得观众能在近镜头里把每张CD都看得一清二楚，所以就任劳任怨地把每张CD都雕琢了一番。也许，这其中的乐趣只有当事人才能体会吧。”</p>
    <h1 align="center">欢迎初学者观看</h1>
</body>
</html>

欢迎关注小杨杨微信公众号

在这里插入图片描述

喜欢我的宝宝就支持下我

在这里插入图片描述

探长爆料

关注

2
点赞
踩
23

收藏

觉得还不错? 一键收藏
0
评论
HTML5基础基础练习题

HTML5基础基础练习题学习内容：提示：HTML5是标记语言大多数都是记单词不过基础最重要例如：1、掌握单表签->例如 2、掌握双标签->例如3、掌握超链接->例如<a href=" “><a>4、掌握img图片->例如<img src=” ">基础习题一李清照的词提示：根据下图使用HTML5标记语言实现代码如下所示：<!DOCTYPE html>
复制链接

扫一扫