Web前端开发北京林业大学 HTML基础-单元作业

最新推荐文章于 2024-09-23 17:23:09 发布

真实的hello world

最新推荐文章于 2024-09-23 17:23:09 发布

阅读量5.3k

点赞数 6

分类专栏： Web前端开发-北京林业大学通关攻略文章标签： html 北京林业大学中国大学MOOC

本文链接：https://blog.csdn.net/qq_33384402/article/details/106322963

版权

Web前端开发-北京林业大学通关攻略专栏收录该内容

12 篇文章 19 订阅

订阅专栏

补更: 之前没更新是因为那个时候还在评审，我看不到我的代码。
PS: 我做这题的时候正在浏览这个新闻，就直接复制了几段新闻内容，你们可以自己改内容。

Web前端开发北京林业大学通关攻略

Web前端开发	客观题	编程题
概论	单元测试1
HTML基础	单元测试2	单元作业1
CSS样式	单元测试3	单元作业2
CSS布局与定位	单元测试4	单元作业3
CSS3	单元测试5
JavaScript基础	单元测试6	单元作业4
JQuery & HTML5 & Bootstrap	单元测试7
期末考试	客观选择题	这个还是自己写吧

要求将网站放在文件夹之中，包括所有网页文件与用到的图片等文件，压缩成.zip或者.rar文件上传。
网站实现如下内容：

（1）包含两个网页，内容跟英语相关，具体内容自己设计。（1分）

（2）网页中要用到div标签，合理对网页的区域进行划分。（1分）

（3）每个网页都有导航栏，导航栏可以水平也可以垂直排列，可以通过导航栏在两个页面之间跳转。（1分）

（4）网页有一级标题。（1分）

（5）网页有正文段落。（1分）

（6）网页上用到1个图片，美化页面。（1分）

index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
    </head>
    <body>
        <div class="header">
            <tr>
                <td><a href="index.html">preview</a></td>
                <td><a href="iphone.html">iPhone</a></td>
            </tr>
        </div>

        <div class="article">
            <h1>Apple 2020 preview: iPhone 12, Apple Watch 6 and a lot more</h1>
            <img
                src="https://cdn.mos.cms.futurecdn.net/vuJJfmvYvRbdG5KxbGB3nE-1024-80.jpg.webp"
                alt="Brittany Hosea-Small/AFP"
            />
            <p>
                Predicting what Apple will do is a tricky business. The company
                is famously secretive, though leaks from far corners of its
                supply chain can give us some clues, particularly when it comes
                to
                <a href="https://www.tomsguide.com/news/latest-iphone-12-news"
                    >new iPhones</a
                >. Still, for a company with a reputation for being
                groundbreaking, Apple is remarkably conservative. Most of its
                product lines will continue to zig along, remaining on their
                existing trajectories, with some minor updates or course
                corrections.
            </p>
            <p>
                But when Apple zags, it can be an enormous surprise — and often
                a defining moment for the tech world at large. Here's a look at
                the crystal ball for Apple in 2020, forecasting where the
                company's business is bubbling along and where there might be an
                opportunity for big moves.
            </p>
        </div>
        <div class="footer"></div>
    </body>
</html>

iphone.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
    </head>
    <body>
        <div class="header">
            <tr>
                <td><a href="index.html">preview</a></td>
                <td><a href="iphone.html">iPhone</a></td>
            </tr>
        </div>

        <div class="article">
            <h1>iPhone 12 and iPhone SE 2: More is more</h1>
            <p>
                The story of the iPhone of 2019 was a redefinition and repricing
                of the base-model product. Yes, the
                <a href="https://www.tomsguide.com/reviews/iphone-11"
                    >iPhone 11</a
                >
                is just the successor to 2018's
                <a
                    href="https://www.tomsguide.com/us/iphone-xr,review-5868.html"
                    >iPhone XR</a
                >, but by giving the 11 the flagship name and cutting the price,
                Apple sent a strong signal that the iPhone product line was
                going to be more accessible and affordable than in previous
                years.
            </p>
            <p>
                Expect more of that in 2020, as rumors suggest that Apple will
                launch the
                <a href="https://www.tomsguide.com/news/iphone-se-2"
                    >iPhone SE 2</a
                >, this time as a lower-cost phone at the size of the iPhone 6,
                7 and 8. Rumors also suggest that the company will add a
                smaller, lower-cost companion to the iPhone 11.
            </p>
            <p>
                We can also expect the
                <a href="https://www.tomsguide.com/news/latest-iphone-12-news"
                    >iPhone 12</a
                >, which should bring 5G connectivity to Apple's lineup. Besides
                a
                <a
                    href="https://www.tomsguide.com/us/5g-release-date,review-5063.html"
                    >5G</a
                >
                modem, the iPhone 12 lineup could add features like a new
                time-of-flight sensor that delivers more augmented-reality
                features, a screen with a faster refresh rate and the usual
                performance improvements from a new Apple-designed processor.
                Throw the iPhone 12 models into the mix, and the result would be
                <a
                    href="https://www.tomsguide.com/news/5-new-iphones-coming-in-2020-including-the-iphone-se-2-report"
                    >five brand-new phone models</a
                >
                released in a single calendar year, which would be a record for
                Apple.
            </p>
            <img
                src="https://cdn.mos.cms.futurecdn.net/ZNfvbig366Z6rKSekPPMx-970-80.jpg.webp"
                alt="Renders show off what the iPhone 12 could look like."
            />
            <p>
                It's not a bad way to counter stagnant iPhone sales: Offer
                high-end, high-feature products for Apple's most demanding and
                price-insensitive customer base, while making the lower-end
                models that don't feel like a bunch of day-old doughnuts. Still,
                it's worth noting that this will mark the fourth year of the
                design introduced with the iPhone X and the third year of the
                iPhone XR/11 design. If Apple doesn't change things up, it risks
                another sales slide as a market eager for a truly new iPhone
                gets more of the same old, same old.
            </p>
        </div>
        <div class="footer"></div>
    </body>
</html>