app新闻代码html5 html关于新闻的网页代码

转载

ghpsyn 2023-05-31 09:19:51

文章标签 app新闻代码html5 html 前端表单 css 文章分类 HTML5 移动开发

文章目录

1、前言
2、步骤
3、效果图
4、总结

1、前言

今天跟大家分享新闻网站具体展开后的页面，上次发布的那个新闻网站总标题页面，也可以通过link链接，把今天具体的页面链接起来，从而实现跳转功能。

2、步骤

代码如下：

<!DOCTYPE html>
<html lang="en">
<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="#bottom">到底部</a>
    <br>
    <br>

    <table border="1">
        <tr>
            <td><a href="#fujian">福建新闻</a></td>
            <td><a href="#beijian">北京新闻</a></td>
        </tr>  
    </table>

    <table border="1" id="fujian">
        <td><h2>福建新闻</h2></td>
        <tr>
            <td>2022/07/05</td>
        </tr>
        <tr>
            <td>
                <p>新华日报报道<br>全国知名奶茶店成立</p>
            <img src="忆茗惊人·.png" alt="忆茗惊人">
            </td>
        </tr>
    </table>

    <table border="1" id="beijian">
        <td><h1>北京新闻</h1></td>
        <tr>
            <td>2022/07/05</td>
        </tr>
        <tr>
            <td>
                <p>人民日报报道<br>清华大学的美景</p>
            <img src="清华大学.jpg" alt="清华大学照片">
            </td>
        </tr> 
    </table>
        <a id="bottom" href="">到顶部</a><!-- 将超链接a中的href值设为“#”，也是可以实现直接跳转到顶部 -->
</body>
</html>