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

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

课程导航

Web前端开发 客观题 编程题
概论 单元测试1
HTML基础 单元测试2 单元作业1
CSS样式 单元测试3 单元作业2
CSS布局与定位 单元测试4 单元作业3
CSS3 单元测试5
JavaScript基础 单元测试6 单元作业4
JQuery & HTML5 & Bootstrap 单元测试7
期末考试 客观选择题 这个还是自己写吧
  1. 要求将网站放在文件夹之中,包括所有网页文件与用到的图片等文件,压缩成.zip或者.rar文件上传。

  2. 网站实现如下内容:

    (1)包含两个网页,内容跟英语相关,具体内容自己设计。(1分)

    (2)网页中要用到div标签,合理对网页的区域进行划分。(1分)

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

    (4)网页有一级标题。(1分)

    (5)网页有正文段落。(1分)

    (6)网页上用到1个图片,美化页面。 (1分)

index.html


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

        <div class="article">
            <h1>Apple 2020 preview: iPhone 12, Apple Watch 6 and a lot moreh1>
            <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 iPhonesa
                >. 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


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

        <div class="article">
            <h1>iPhone 12 and iPhone SE 2: More is moreh1>
            <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 11a
                >
                is just the successor to 2018's
                <a
                    href="https://www.tomsguide.com/us/iphone-xr,review-5868.html"
                    >iPhone XRa
                >, 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 2a
                >, 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 12a
                >, which should bring 5G connectivity to Apple's lineup. Besides
                a
                <a
                    href="https://www.tomsguide.com/us/5g-release-date,review-5063.html"
                    >5Ga
                >
                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 modelsa
                >
                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>

你可能感兴趣的:(Web前端开发 北京林业大学 HTML基础-单元作业)