Web前端案例1-古诗

最新推荐文章于 2024-06-10 22:59:51 发布

梦幻之光_dream

最新推荐文章于 2024-06-10 22:59:51 发布

阅读量3k

点赞数 7

分类专栏： Web前端开发

本文链接：https://blog.csdn.net/William_fang/article/details/115624363

版权

本文分享了一个Web前端实现古诗展示的案例，包括源码分析、效果展示和知识点总结。重点介绍了html、head、body、div、h1-h6、p、br、hr等标签的使用，并指出换行标签不一定是块级元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

1.案例源码
2.案例效果图
3.知识点总结
篇章

1.案例源码

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>古诗</title>
    <link href="index.css" rel="stylesheet" type="text/css"> <!--引入css样式-->

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

梦幻之光_dream

关注关注

7
点赞
踩
13

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Web前端案例2-表格

William_fang的博客

04-12

2075

文章目录一.案例源码二.案例效果图三.知识点总结1 .引入css的三种方法:2.表格标签3.标签知识4.css制作斜线的知识一.案例源码 table.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格</title> <style> .name /*姓名*/ {

web前端期末大作业 html+css古诗词主题网页设计

11-28

559

html制作网页案例代码采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为（1）html文件：其中index.html是首页、其他html为二级页面；（2）css文件：css全部页面样式,文字滚动, 图片放大等；（3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner

1 条评论您还未登录，请先登录后发表或查看评论

古诗词网站html前端

11-23

古诗词赏鉴网站，只有html的前端示例界面，布局方面和“古诗文网”大致相同（侵删）功能如下：首页登录：随机显示诗词推荐，管理员或用户登录（1）用户咬文嚼字：古诗词查阅、解读、下载，与同好交流举善荐贤：根据个人资料及浏览记录进行诗词推荐沧海遗珠：发表原创诗词，分享本网未收录的诗词直言不讳：对本网站提出建议与意见，或进行纠错独树一帜：修改密码、个人资料、浏览与收藏记录（2）管理员：审核用户在“直言不讳”中的发言，无论是否通过审核，均给用户回复审核用户在“沧海遗珠”中的发言，若无误，则通过审核；若有误，则自行修改或令用户自行修改。无论是否通过审核，均给用户回复审核用户在“咬文嚼字”的评论区中的发言，若通过审核，则在评论区显示；若未通过，则告知用户原因。无论是否通过审核，均给用户回复古诗词的增删改查

网页制作诗词鉴赏

07-06

解压本文件后 myweb文件夹及其下面的所有文件即为本静态网页作品的全部文件

HTML制作诗词,利用 html2canvas 做个简单的诗词卡片生成器

weixin_33960655的博客

06-19

955

html2canvas 简介html2canvas 顾名思义，就是一个可以把 DOM 元素转换成图片的类库，常用于网页截图。网页截图常见的应用场景是，在意见反馈里对当前页面进行截图，方便反馈页面出现的问题，比如页面样式出错，举报网站上的违规行为等等。除了截图外，还可以用来制作一些在线生成图片的功能，比如这个在线生成条形图。做一个诗词卡片生成工具所谓诗词卡片生成工具，就是能把某一首诗词，生成一张精美...

javaweb唐诗欣赏设计

xiaoyan_46529944的博客

03-29

1418

![唐诗欣赏代码截图

简易古诗网页

06-04

一个简易的网页，通过几个网页之间相互链接，完成功能.简单易懂。

基于springboot+WEB的中国古诗词网站系统源码.zip

08-30

《基于SpringBoot+Web的...综上所述，这个基于SpringBoot+Web的中国古诗词网站系统涵盖了Java Web开发的多个方面，包括后端开发、前端展示、数据库操作、安全控制以及API设计等，是学习和实践Java Web技术的好案例。

【Web前端期末大作业】“弘扬中国传统文化”传统文化类前端网站实现

最新发布

Eternity_Agr2003的博客

06-10

2111

以弘扬中国传统文化为主题，运用“Html + css + js”代码设计并制作一个前端网站，集中展现中国传统文化。内容可以包括汉字书法、国画、传统服饰、传统节假日、传统美食、古诗词、建筑、陶瓷、戏曲、音乐、年画、雕刻、泥塑、刺绣、编织、剪纸、皮影、风筝、民间手工艺、围棋、中医、武术等。

【Web前端期末大作业】古韵.古风诗词网站-原生html+css+javascript完成

@MIKE小助手

12-23

2022

【Web前端期末大作业】古韵.古风诗词网站-原生html+css+javascript完成

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.可以根据作者找到该作者全部的作品

前端基础：通过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

2533

/定义向前向后和抽一首的按钮//定义标题和内容。

HTML古诗词

aleale6的博客

02-23

1103

前言： HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。一直走在路上🏔🐒设计要求：（1）网站页面数量不少于4个，文件命名规范，网站结构要求层次清楚，目录结构清晰，代码缩进规整。（4分）（2）采用HTML结构标记（或di

用html标记语言写出唐诗欣赏,html网页设计文字与段落.ppt

weixin_36234738的博客

05-31

708

第3章文字与段落主要内容 3.1.1添加文字文字是网页的基础部分，可以通过一些HTML标记实现对文字的格式化。在HTML文件中，添加文字内容的方式与在word、记事本等中添加文字的方式相同，在需要输入文字的地方输入即可，但是需要添加在与标记之间。具体内容包括浏览器中要显示的文字、空格符、特殊符号以及注释语句。 3.1.1添加文字 3.1.1添加文字 3.1.2标题字标题字，就是以几种固...

我最爱的诗

u014313427的专栏

03-28

694

君不见黄河之水天上来，奔流到海不复回！君不见高堂明镜悲白发，朝如青丝暮成雪！人生得意须尽欢，莫使金樽空对月。天生我材必有用，千金散尽还复来。烹羊宰牛且为乐，会须一饮三百杯。岑夫子，丹丘生，将进酒，杯莫停。与君歌一曲，请君为我侧耳听。钟鼓馔玉不足贵，但愿长醉不复醒。古来圣贤皆寂寞，惟有饮者留其名。陈王昔时宴平乐，斗酒十千恣欢谑。主人何为言少钱，径须沽取对君酌

铁杵磨成针

Old flame.Scar

08-08

855

铁杵磨成针题目描述 /*【原文】磨针溪，在眉州象耳山下。世传李太白读书山中，未成，弃去。过小溪，逢老媪方磨铁杵，白怪而问之，媪曰： “欲作针。”白曰：“铁杵成针，得乎？”曰：“但需工夫深！”太白感其意，还而终业。媪自言姓武，今溪旁有武氏岩。出处出自于宋·祝穆《方舆胜览·眉州·磨针溪》：“在象耳山下，世传李太白读书山中，未成弃去，过小溪，逢老媪方磨铁杵，问之，曰：‘欲做针’太白感其意，还卒业。媪自言姓武。今溪旁有武氏岩。” 【故事】李白是唐代的大诗人，但是小时候读书并不用功。有