李白诗词网页制作

最新推荐文章于 2024-12-11 14:31:00 发布
最新推荐文章于 2024-12-11 14:31:00 发布
阅读量544 收藏 5
点赞数 7
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_72852791/article/details/134980604
版权

效果图：

 html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>李白诗词</title>
    
</head>
<body>
    <table>
        <tr>
            <td><h1>将进酒</h1></td>
            <td><h2>君不见黄河之水天上来</h2></td>
        </tr>
    </table>
    <table>
        <tr>
            <td rowspan="13"><img src="./img/李白.jpg" alt="李白"></td>
            <td>君不见黄河之水天上来，奔流到海不复回。</td>
        </tr>
        <tr>
            <td>君不见高堂明镜悲白发，朝如青丝暮成雪。</td>
        </tr>
        <tr>
            <td>人生得意须尽欢，莫使金樽空对月。</td>
        </tr>
        <tr>
            <td>天生我材必有用，千金散尽还复来。</td>
        </tr>
        <tr>
            <td>烹羊宰牛且为乐，会须一饮三百杯。</td>
        </tr>
        <tr>
            <td>岑夫子，丹丘生，将进酒，杯莫停。</td>
        </tr>
        <tr>
            <td>与君歌一曲，请君为我倾耳听。</td>
        </tr>
        <tr>
            <td>钟鼓馔玉不足贵，但愿长醉不复醒。</td>
        </tr>
        <tr>
            <td>古来圣贤皆寂寞，惟有饮者留其名。</td>
        </tr>
        <tr>
            <td>陈王昔时宴平乐，斗酒十千恣欢谑。</td>
        </tr>
        <tr>
            <td>主人何为言少钱，径须沽取对君酌。</td>
        </tr>
        <tr>
            <td>五花马、千金裘，</td>
        </tr>
        <tr>
            <td>呼儿将出换美酒，与尔同销万古愁。</td>
        </tr>
    </table>
</body>
</html>

Lai-x
关注
Python 爬虫 之 爬取古代的诗歌，并保存本地（这里以爬取李白的所有诗歌为例）（以备作为AI写诗的训练数据）
仙魁XAN
12-11 3422
Python 爬虫 之 爬取古代的诗歌，并保存本地（这里以爬取李白的所有诗歌为例）（以备作为AI写诗的训练数据） 一、简单介绍 Python是一种跨平台的计算机程序设计语言。是一种面向对象的动态类型语言，最初被设计用于编写自动化脚本(shell)，随着版本的不断更新和语言新功能的添加，越多被用于独立的、大型项目的开发。Python是一种解释型脚本语言，可以应用于以下领域： Web 和 Internet开发、科学计算和统计、人工智能、教育、桌面界面开发、软件开发、后端开发、网络爬虫。 爬虫：一段自.
基于web的唐诗宋词网页设计
03-11
压缩包资源：源码、实验报告
257. 一站式服务装修公司网页设计实例 大学生期末大作业 Web前端网页制作 html+css+js
A240307的博客
05-30 1277
本实例应用html+css+js： Div、导航栏、选项卡、下拉菜单、无缝滚动插件、图片轮翻效果、鼠标悬停图片效过、悬浮菜单、留言表单、视频、背景特效等。适用于大学生网页课程作业设计、公司网页制作等。响应式布局可以根据不同的设备屏幕大小自动调整页面布局，提高用户体验；网页支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改；支持包括IE、Firefox、Chrome、Safari主流浏览器浏览。
第一个html网页（李白）将进酒
2301_76602495的博客
05-30 727
君不见黄河之水天上来李白诗词
web前端大作业：诗人文化网页主题网站【唐代诗人】纯HTML+CSS制作
wx___BJ050106的博客
01-03 1250
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；...
我最爱的诗
u014313427的专栏
03-28 690
君不见黄河之水天上来，奔流到海不复回！ 君不见高堂明镜悲白发，朝如青丝暮成雪！ 人生得意须尽欢，莫使金樽空对月。 天生我材必有用，千金散尽还复来。 烹羊宰牛且为乐，会须一饮三百杯。 岑夫子，丹丘生，将进酒，杯莫停。 与君歌一曲，请君为我侧耳听。 钟鼓馔玉不足贵，但愿长醉不复醒。 古来圣贤皆寂寞，惟有饮者留其名。 陈王昔时宴平乐，斗酒十千恣欢谑。 主人何为言少钱，径须沽取对君酌
html诗词赏析网页制作,html 网页文本设计
weixin_39622710的博客
06-30 3378
1、文本的排遇新是直朋能到版1.1李白静 夜 思李 白床前明月光，疑是地上霜。举头望明月，低头思故乡。【诗词欣赏】 这首诗表达了李白的思乡之情。【词语注释】李白，唐代著名的诗人，著有诗词上百首。地上霜：泛指月光。细啥一发框的做器就文过按述近都头基架关好屏节分析：..是标题标签。用来分割文本，支器事的后功发久这含层请间业在屏有随些气和域，实按控幻近持的前时来能过后些的处求也务浏蔽等机站...
web前端期末大作业 html+css古诗词主题网页设计
11-28 558
html制作网页案例代码 采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为（1）html文件：其中index.html是首页、其他html为二级页面； （2）css文件：css全部页面样式,文字滚动, 图片放大等； （3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner
HTML—古诗文网页制作（首页）
YWQ13447969的博客
04-23 4055
大学生HTML课后作业之古诗文网页制作
前端基础：通过HTML技术布局《李白诗词赏析》
play_big_knife的博客
04-05 1万+
前端基础：通过HTML技术布局《李白诗词赏析》 前端，就是创建WEB页面或APP等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。 前端一般遵循W3C标准，W3C的意思是万维网联盟（World Wide Web Consortium）。Web标准不是指一个标准，而是一系列的标准。网页主要有三部分组成： 结构，行为，表现，对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行
HTML-作业（基础）
m0_60979337的博客
10-16 679
【代码】HTML-作业（基础）
html css网页制作成品：诗人文化网页主题网站【唐代诗人】纯HTML+CSS制作
而风不止
12-14 207
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
html应用
qq_47804330的博客
03-23 1314
有空一起来交流啊 1、文字和段落应用 在一个页面上显示下面一首诗。 早发白帝城 李白 朝辞白帝彩云间，千里江陵一日还。 两岸猿声啼不住，轻舟已过万重山。 制作的诗达到如下显示效果。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>诗</title> <style>.a{l.
项目九 李白个人生平（2）
Chinatown666的博客
12-11 1090
分析其原因，由于部分的两 个子元素#content和#story均被设置为浮动，会脱离文档流，造成main中没有任何内容用 以撑起高度，footer部分就跟着排在了只剩下一条线的main下面，这就是布局塌陷。用 sublime 编辑器打开素材文件夹中的 libai-experience.html 页面，使用标记引入css 文件夹中的“main.css”与"libai-experience.css”两个css文件。（2）上下边框：宽度1px，边框线的类型：实线，颜色：“#aaa”。
HTML静态网页成品作业(HTML+CSS)——古诗词网设计制作(5个页面)
weixin_42283461的博客
03-05 3485
HTML静态网页成品作业(HTML+CSS)——古诗词网设计制作(5个页面)
第三次作业
cyx_zjx050911的博客
05-19 322
<big>将进酒</big> 君不见黄河之水天上来君不见黄河之水天上来，奔流到海不复回。<p>人生得意须尽欢，莫使金樽空对月。<p>天生我材必有用，千金散尽还复来。<p>岑夫子，丹丘生，将进酒，杯莫停。<p>与君歌一曲，请君为我倾耳听。<p>五花马，千金裘，第三次作业
web前端网页制作 小组作业（制作一个简单的小网页）
热门推荐
galaxyrt的博客
05-31 2万+
下面是web前端的小作业一个关于中国传统文化（详细页面）的页面 html部分代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"> <link rel="stylesheet"
用Visual Studio Code做一个宣传传统古诗词网页
最新发布
02-27
### 使用 Visual Studio Code 创建中国传统古诗词宣传网页 #### 准备工作 为了创建一个有效的中国传统古诗词宣传网页，在开始编码之前，需准备好所需的工具和资源。确保已安装最新版本的Visual Studio Code (VSCode)，并配置好HTML、CSS和JavaScript环境。 #### 文件结构规划 合理规划文件夹结构有助于项目的维护和发展。建议按照以下方式组织文件： - `index.html`：主页入口文件。 - `/css/style.css`：样式表用于美化页面布局。 - `/js/main.js`：脚本逻辑处理交互功能。 - `/assets/images/`：存储图片素材如诗人肖像或风景画等。 - `/poems/`：放置具体每首诗的内容文件，可以是单独的HTML片段或是JSON数据格式[^1]。 #### 编写 HTML 结构 打开 VSCode 新建项目目录，并创建上述提到的基础文件。编辑 `index.html` 来构建基本框架： ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>中华古典诗歌</title> <!-- 引入外部 CSS --> <link rel="stylesheet" href="./css/style.css"/> </head> <body> <header> <h1>欢迎来到中华古典诗歌世界</h1> </header> <main> <section id="featured-poem"></section> <article class="poet-introduction"> <p>这里是关于古代著名诗人的简介...</p> </article> </main> <footer> <small>© 2023 中华古典诗歌爱好者社区</small> </footer> <!-- 引入 JavaScript 脚本 --> <script src="./js/main.js"></script> </body> </html> ``` #### 设计 CSS 样式 接着定义网站的整体外观风格，在 `/css/style.css` 添加一些基础样式的设置来增强用户体验感： ```css /* 设置全局字体 */ body { font-family: 'Songti SC', serif; } header h1 { color: darkred; text-align: center; } ``` #### 动态加载内容 为了让页面更加生动有趣，可以通过编写简单的JS代码实现在首页随机展示一首经典作品的功能。修改 `/js/main.js` 如下所示： ```javascript // 假设有一组预存的经典诗句数组 const POEMS = [ { title:"静夜思", author:"李白", dynasty:"唐", content:"床前明月光..." }, ... ]; function displayRandomPoem() { const randomIndex = Math.floor(Math.random() * POEMS.length); document.getElementById('featured-poem').innerHTML = `<div><strong>${POEMS[randomIndex].title}</strong></br>` + `${POEMS[randomIndex].content}<cite>- ${POEMS[randomIndex].author} (${POEMS[randomIndex].dynasty})</cite></div>`; } displayRandomPoem(); ``` 通过以上步骤就可以初步搭建起一个简单而美观的传统古诗词宣传网页了。当然还可以继续扩展更多特色栏目比如按年代分类浏览、搜索特定主题下的佳作等功能模块[^2]。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值