Web前端案例1-古诗

最新推荐文章于 2023-04-11 00:03:49 发布
最新推荐文章于 2023-04-11 00:03:49 发布
阅读量2.8k 收藏 13
点赞数 7
分类专栏： Web前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/William_fang/article/details/115624363
版权
本文分享了一个Web前端实现古诗展示的案例，包括源码分析、效果展示和知识点总结。重点介绍了html、head、body、div、h1-h6、p、br、hr等标签的使用，并指出换行标签不一定是块级元素。
摘要由CSDN通过智能技术生成
最低0.47元/天 解锁文章
梦幻之光_dream
关注
专栏目录
Web前端案例2-表格
William_fang的博客
04-12 1972
文章目录一.案例源码二.案例效果图三.知识点总结1 .引入css的三种方法:2.表格标签3.标签知识4.css制作斜线的知识 一.案例源码 table.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格</title> <style> .name /*姓名*/ {
我最爱的诗
u014313427的专栏
03-28 600
君不见黄河之水天上来，奔流到海不复回！ 君不见高堂明镜悲白发，朝如青丝暮成雪！ 人生得意须尽欢，莫使金樽空对月。 天生我材必有用，千金散尽还复来。 烹羊宰牛且为乐，会须一饮三百杯。 岑夫子，丹丘生，将进酒，杯莫停。 与君歌一曲，请君为我侧耳听。 钟鼓馔玉不足贵，但愿长醉不复醒。 古来圣贤皆寂寞，惟有饮者留其名。 陈王昔时宴平乐，斗酒十千恣欢谑。 主人何为言少钱，径须沽取对君酌
古诗词网站html前端
11-23
古诗词赏鉴网站，只有html的前端示例界面，布局方面和“古诗文网”大致相同（侵删） 功能如下： 首页登录：随机显示诗词推荐，管理员或用户登录 （1）用户 咬文嚼字：古诗词查阅、解读、下载，与同好交流 举善荐贤：根据个人资料及浏览记录进行诗词推荐 沧海遗珠：发表原创诗词，分享本网未收录的诗词 直言不讳：对本网站提出建议与意见，或进行纠错 独树一帜：修改密码、个人资料、浏览与收藏记录 （2）管理员： 审核用户在“直言不讳”中的发言，无论是否通过审核，均给用户回复 审核用户在“沧海遗珠”中的发言，若无误，则通过审核；若有误，则自行修改或令用户自行修改。无论是否通过审核，均给用户回复 审核用户在“咬文嚼字”的评论区中的发言，若通过审核，则在评论区显示；若未通过，则告知用户原因。无论是否通过审核，均给用户回复 古诗词的增删改查
网页制作诗词鉴赏
07-06
解压本文件后 myweb文件夹 及其下面的所有文件即为本静态网页作品的全部文件
HTML制作诗词,利用 html2canvas 做个简单的诗词卡片生成器
weixin_33960655的博客
06-19 884
html2canvas 简介html2canvas 顾名思义，就是一个可以把 DOM 元素转换成图片的类库，常用于网页截图。网页截图常见的应用场景是，在意见反馈里对当前页面进行截图，方便反馈页面出现的问题，比如页面样式出错，举报网站上的违规行为等等。除了截图外，还可以用来制作一些在线生成图片的功能，比如这个在线生成条形图。做一个诗词卡片生成工具所谓诗词卡片生成工具，就是能把某一首诗词，生成一张精美...
javaweb唐诗欣赏设计
xiaoyan_46529944的博客
03-29 1319
![唐诗欣赏代码截图
简易古诗网页
06-04
一个简易的网页，通过几个网页之间相互链接，完成功能.简单易懂。
web前端期末大作业 html+css古诗词主题网页设计
11-28 463
html制作网页案例代码 采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为（1）html文件：其中index.html是首页、其他html为二级页面； （2）css文件：css全部页面样式,文字滚动, 图片放大等； （3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner
基于springboot+WEB的中国古诗词网站系统源码.zip
08-30
《基于SpringBoot+Web的...综上所述，这个基于SpringBoot+Web的中国古诗词网站系统涵盖了Java Web开发的多个方面，包括后端开发、前端展示、数据库操作、安全控制以及API设计等，是学习和实践Java Web技术的好案例。
poetry-web：一个唐宋诗词简单展示的web项目
01-30
诗歌网 一个唐宋诗词简单展示的web项目 技术构成 基于java，框架spring-boot + springMVC + Mybatis 数据库为Mysql web模板采用freeMarker，以及ajax加载 页面由vue重构： : ，原页面依旧保留 查询实现 1. mysql全文索引 模糊查询通过mysql建立全文索引，未使用分词器，将最小分词数转换2： [mysqld] innodb_ft_min_token_size=2 ft_min_word_len=2 2.分词问题 不但mysql没有有效的中文分词器，而且针对古文/古诗的分词器根本就没有。只进行了简单的分词，保留2个字的结果，放入关键字属性列。 3.查询速度 查询采用了布尔布尔模糊匹配，效率虽然比直接模糊查询快，但有时也会很慢。将查询结果前100条id插入表中，每次查询先查结果表。 数据源 唐宋诗词收缩： : 本项目对应数据库下载（base64，更新时间2020/05/28）： aHR0cCUzQS8vbXkuc25vd3RyYWNlcy5jb20vc2l0ZW1hcC9wb2V0cnktc3FsLnppcA==
古诗词欣赏学生网页设计制作作业
10-29
古诗词欣赏学生网页设计制作作业，选修课的作业，适合交作业
中华好诗词软件 源码
05-24
中华好诗词包含唐诗宋词元曲以及多个朝代的时尚古文，所有内容都是挑选经典的诗词整理而成，包含了上万首古人作品，平时可作为扩展内容阅读，增加知识面，调动知识积累、生活阅历和审美情趣去感知诗歌形象，品味诗歌语言和表达技巧，领略诗歌情感。 功能特点： 1.界面采用古朴风格 2.讲各种题材的诗词进行分类 3.其实包含了万首古诗词的鉴赏 4.几乎每首诗词都包含了注解 5.可以根据作者找到该作者全部的作品
前端html5 css3 教案,Web前端开发任务驱动式教程（HTML5+CSS3+JavaScript）
weixin_32743045的博客
06-21 1943
本书以“采用网页新标准技术、突破传统知识体系结构、基于工作能力培养、置身真实工作情境”为标准，通过任务驱动的教学方式讲解HTML5、CSS3、JavaScript等Web前端开发技术。本书包含“8个知识单元、18个项目任务、36个实战案例、18个课后实训”，每个项目任务又以“知识准备→实战演练→强化训练→课后实训”为主线，介绍了Web基础知识、HTML5语言基础、HTML5新增标签及属性、CSS3...
前端基础：通过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_62727420的博客
04-11 1939
/定义向前向后和抽一首的按钮//定义标题和内容。
HTML古诗词
aleale6的博客
02-23 971
前言： HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。一直走在路上🏔🐒设计要求： （1）网站页面数量不少于4个，文件命名规范，网站结构要求层次清楚，目录结构清晰，代码缩进规整。（4分）（2）采用HTML结构标记（或di
用html标记语言写出唐诗欣赏,html网页设计 文字与段落.ppt
weixin_36234738的博客
05-31 651
第3章 文字与段落 主要内容 3.1.1添加文字 文字是网页的基础部分，可以通过一些HTML标记实现对文字的格式化。在HTML文件中，添加文字内容的方式与在word、记事本等中添加文字的方式相同，在需要输入文字的地方输入即可，但是需要添加在与标记之间。具体内容包括浏览器中要显示的文字、空格符、特殊符号以及注释语句。 3.1.1添加文字 3.1.1添加文字 3.1.2标题字 标题字，就是以几种固...
铁杵磨成针
Old flame.Scar
08-08 743
铁杵磨成针 题目描述 /*【原文】 磨针溪，在眉州象耳山下。世传李太白读书山中，未成，弃去。过小溪，逢老媪方磨铁杵，白怪而问之，媪曰： “欲作针。”白曰：“铁杵成针，得乎？”曰：“但需工夫深！”太白感其意，还而终业。媪自言姓武，今溪旁有武氏 岩。 出处 出自于宋·祝穆《方舆胜览·眉州·磨针溪》：“在象耳山下，世传李太白读书山中，未成弃去，过小溪，逢老媪方磨 铁杵，问之，曰：‘欲做针’太白感其意，还卒业。媪自言姓武。今溪旁有武氏岩。” 【故事】 李白是唐代的大诗人，但是小时候读书并不用功。 有
使用web前端制作古诗网页
最新发布
09-15
使用Web前端技术制作一个古诗网页，可以包含HTML、CSS和JavaScript等技术。下面是一个简单的制作流程： 1. **HTML结构设计**：首先需要规划网页的基本结构，包括古诗的标题、作者、内容以及其他可能的元素如图片、注释等。HTML用于构建网页的骨架。 ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>古诗欣赏</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="poem-container"> <h1>静夜思</h1> <p class="author">作者：李白</p> <p>床前明月光，</p> <p>疑是地上霜。</p> <p>举头望明月，</p> <p>低头思故乡。</p> </div> <script src="script.js"></script> </body> </html> ``` 2. **CSS样式设计**：通过CSS来美化网页，设计古诗的展示效果，包括字体、颜色、布局等。CSS使得网页更加美观和易于阅读。 ```css /* style.css */ body { font-family: '宋体', sans-serif; background-color: #f0f0f0; color: #333; } .poem-container { width: 60%; margin: auto; padding: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } h1 { color: #d2691e; } .author { font-style: italic; } ``` 3. **JavaScript交互实现**：如果需要添加一些交云效果，比如点击古诗可以听到朗读或有注释弹出等，可以使用JavaScript来实现。 ```javascript // script.js document.addEventListener('DOMContentLoaded', function() { const poemText = document.querySelectorAll('.poem-container p'); poemText.forEach(function(paragraph) { paragraph.addEventListener('click', function() { alert('这是对这首诗的注释内容。'); }); }); }); ``` 以上是一个基本的古诗网页制作示例。为了创建一个更完整的古诗网页，你可能还需要考虑添加更多功能，比如古诗的分类检索、搜索功能、用户评论等。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值