唐诗五言绝句20首

也曾年轻 发表于 2026-5-30 11:26

本帖最后由也曾年轻于 2026-5-30 18:26 编辑 <br /><br /><meta name="referrer" content="never" />
<style>
#container {width:640px;min-height:700px;text-align:center;margin:auto;background-color:hsl(60, 30%, 80%);
overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px;font-size:20px;}
#container img {width:100%;}
#container span {display:block;margin-bottom:6px;}
#container p {text-align:left;text-indent:2em; font-weight:600;margin:12px;}
#container span:nth-of-type(1) {font-size:1.25em;color:brown;}
#container span:nth-of-type(2) {font-size:0.8em;color:gray;}
#container span:nth-of-type(3),
#container span:nth-of-type(4) {font-size:1.6em;color:red;font-family:楷体;}
#ctrlBox {width:640px;margin:16px auto;text-align:center;font-size:2em;color:skyblue;}
#ctrlBox button {cursor:pointer;}
#selIdx {width:32px;text-align:right;border:thin gray dotted;}
</style>
<div id="container"></div>
<div id="ctrlBox">
<button id="backward">⇦ 上一首</button>&emsp;<input id='selIdx' min='1' value=''/>&emsp;<button id="forward">下一首 ⇨</button></div>
</div>
<script>
const pics = [
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt5r8yNeLlefejKtFFQzUnxW5jtM1zknh3D8jFtv3ddL3SE4Ev0lnJ9K89rkIXAe9xTH1cfR9gsdITq5l6VJcKrtGgYITOP7ibz0/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt7aib6JTADYaF5zHSZNGXaKt2NRD4SeM85JWe5A1ks8DzNnT9jLY83xRL4T8h8TXztwEmnBz4sd5ia79TIxwI3ZZWvu4AhA29J4g/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt5lQXsYoHNHpabMly0yiaFbDtMWahLyD1y9p7uqBKBLTWxJ4mibIezOU7Moo56xibGADbysVtOh5t2Vgu3ITdA4DyyOHnjPXoBeHo/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt49PmV3tGqyLb6oZibzmAYOibbBZ0Eujxp1ibdN0A4L6O0m8mvWtBtL6eM1OuyZHl7b5mtvH6eWSZFW8CN1Poa6wDjOeZLedUeqE8/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt4yy0hjgToricaZibmMpxE0n5nnQMm38gHgGsZwLpXunDx9JDdCnOBLYy8nEDGdJXDqJ0B4Pia9yy8awa7RbIMllhQmbU220fFdSk/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt5A74rcTdC1WgCBk6jvYxnmyuYoNCkrMdPrBav0F2fxbKYRuxWntY2YZ2cWlrJ1S6L3o7pwibCqqbNUaGqd4h0YvxkdeFLFECSY/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt5IbibI6mNicMztKHfwseg2PgNMm2nzLMGPGeLXKRctnmGkzPicfWVib7EYgaoNwKjJUClROdZ1JT0hsluc2zMsKqaRicUIrfwWwLS4/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt4k4Oa3B1GSqYB31NNLc2oZxNRX2zib3Y3afWFVSuc3USibcicOA5qiaWfO3QefwAUSwBKwAm63iaOkvou3lPZ1msbL0M61NzV3CYrU/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt4HfTVibgbTW84Teh3DDau2oRVbic2LpcMTjxaByyvtVs3HGgysQcmfVv80GfDwwiaYk4JkwsI2kibjOm60ga6TTiaIn5blgcHdzt5Y/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt5qDbwfNjDMlTh43MxiaQ8ekUVhEcWT6SHzcCyxHZ43xYyib5ec2Hn0YlBdRc0ialbj6ley0kfd7YiapMbqkc1HuKH6xPQ9ibg2zF6w/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt4iak7Evl5GW8VgHJLicXMoGwd7wgvbH2Qf5eGQKjTpbPDAYCI6TeFRN4fG5BIM18DqsvcS0jmGcM6RicibibtmGVLVGBZJJSD8dPr4/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt5F7kGZzR0YPWWypKAsw6NiaJibroEAX6qSKQPcQ8DqGujBBNIBibhicjuHSNfMLeqsWHTia4ENmp1u8LwjnInICYxMvlJt2vCGR4kg/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt4SU2ia5NIiagwpzwcyibBHpvpUiaG2FpWcaMrGW0K9y3slvhbkLwBkIbrBG6FJo7oU1e7457JgpxshFVM1OcPaqMPq20OOs5BoOFk/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt6Xpog0DGmhgjbzGyQ9DVpeaLlDQbPkic5P6Wic6tw6nUCdeIlfzpUfsAc9Ynp3nykKrrBaHJIXVMiapiaJWDutbpqC0xfGPq5N3TY/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt4O7ADubP053nJBvyCrzwmzvFS48e6sElicG7vBaQtO0FvCNic7k42SusD3BY1UzPGoy3n0C9RGe2wDU7sic6hX5TgIuV2G6jco0s/640",
"https://mmbiz.qpic.cn/mmbiz_png/Zq53S15kMt67uKSRDFytlX7jXOde2ia3ibLaZs5FKnVhREj8ZOKsRQVzibiappcBx8K9nvicQrP5LT1kvjalaFqWlzyqWt2zMcE7uibkJSU0DHrVc/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt6FZDTVnedWGAlQNFKGgABmTwnaf2Yq3KV7KsibJPq3ulnTicr7AOwrnNQNKfI8z9hNXg0F45wMiaAXcnUn8DpPCCC5wibJNeiat7KA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt6jtLmoJ3EDSzNJeU1oSuTVM9ZGfkWbErEHjPqcJ9FuHUTUZSzMkCGas2iadcjic97L2P4P5mhaXg4EekfqzITa63UevXaAgia2iaY/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt46jcrpzk3MhBHJLN53vxW29j4DxFoFz1kMtM96wfZVUuTBFbRo5E2ViaaUzeHXml1hVgatIAadCM0ZV7rbIHA9rtesHY44MicK8/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/Zq53S15kMt67lvhLMWUQeiblozVM4w1bhlIacVgtt2iaH2qQxtWXwbSfyV1rszJmLHNI0DlERdl3XJmxia35zBJYEIaWlvMLejt7HU8DSAzpics/640",
];

const poems = [
[`【01】静夜思`,`唐·李白`,`床前明月光，疑是地上霜。`,`举头望明月，低头思故乡。`,`释义`,`明亮的月光洒在床前，好像地上泛起了一层白霜。抬头望着天上的明月，低下头来思念起远方的故乡。这首诗用朴素的语言，写出游子对故乡的深切思念。`],
[`【02】春晓`,`唐·孟浩然`,`春眠不觉晓，处处闻啼鸟。`,`夜来风雨声，花落知多少。`,`释义`,`春天的夜晚睡得特别香甜，天亮了都不知道。醒来听到到处都是鸟儿的啼叫声。回想起昨夜的风雨声，不知有多少花朵被吹落了。这首诗写出春天清晨的生机与诗人惜春之情。`],
[`【03】登鹳雀楼`,`唐·王之涣`,`白日依山尽，黄河入海流。`,`欲穷千里目，更上一层楼。`,`释义`,`夕阳傍着西山慢慢沉落，黄河朝着东海滔滔奔流。要想看得更远，把千里风光尽收眼底，就必须再登上一层楼。这首诗蕴含着不断进取、积极向上的精神。`],
[`【04】江雪`,`唐·柳宗元`,`千山鸟飞绝，万径人踪灭。`,`孤舟蓑笠翁，独钓寒江雪。`,`释义`,`所有的山上都看不到飞鸟的影子，所有的路上也看不到人的踪迹。只有江面上一只孤舟，船上身披蓑衣、头戴斗笠的老翁，独自在漫天风雪的寒江上垂钓。这首诗写出一种孤傲高洁、不向世俗妥协的品格。`],
[`【05】独坐敬亭山`,`唐·李白`,`众鸟高飞尽，孤云独去闲。`,`相看两不厌，只有敬亭山。`,`释义`,`群鸟高高飞去，直到无影无踪；天际的一片孤云也悠闲地飘远了。彼此凝望而互不厌倦的，只有我和眼前的敬亭山。这首诗表达了诗人怀才不遇、以山为伴的孤独情怀。`],
[`【06】相思`,`唐·王维`,`红豆生南国，春来发几枝。`,`愿君多采撷，此物最相思。`,`释义`,`红豆生长在南方，春天来了不知长出多少新枝。希望你能多采摘一些，因为它最能寄托相思之情。这是一首借咏物而寄相思的著名诗篇。`],
[`【07】鸟鸣涧`,`唐·王维`,`人闲桂花落，夜静春山空。`,`月出惊山鸟，时鸣春涧中。`,`释义`,`人闲静下来时，能觉察到桂花轻轻飘落；春夜寂静，山谷显得分外空寂。月亮升起，惊动了山中的鸟儿，它们时而在春涧中啼鸣。这首诗写出春天月夜的幽静之美。`],
[`【08】竹里馆`,`唐·王维`,`独坐幽篁里，弹琴复长啸。`,`深林人不知，明月来相照。`,`释义`,`独自坐在幽深的竹林里，一边弹琴一边长啸。深林中没有人知道我在这里，只有明月静静地照着我。这首诗写出隐者独处的闲适与高洁。`],
[`【09】问刘十九`,`唐·白居易`,`绿蚁新醅酒，红泥小火炉。`,`晚来天欲雪，能饮一杯无？`,`释义`,`新酿的米酒泛起绿色的泡沫，红泥做成的小火炉烧得正旺。天色将晚，看样子要下雪了，能不能过来喝一杯呢？这首诗写出冬日邀友共饮的温馨情谊`],
[`【10】登乐游原`,`唐·李商隐`,`向晚意不适，驱车登古原。`,`夕阳无限好，只是近黄昏。`,`释义`,`傍晚时分心情郁闷，便驱车登上乐游原。夕阳的景色无限美好，只可惜已经临近黄昏。这首诗借夕阳之美，抒发对人生晚景或美好事物难以长留的感叹`],
[`【11】鹿柴`,`唐·王维`,`空山不见人，但闻人语响。`,`返景入深林，复照青苔上。`,`释义`,`空寂的山中看不到人影，只偶尔听到人说话的声音。夕阳的余晖射入幽深的树林，又照映在青青的苔藓上。这首诗写出山中黄昏的幽静与光影之美。`],
[`【12】塞下曲`,`唐·卢纶`,`月黑雁飞高，单于夜遁逃。`,`欲将轻骑逐，大雪满弓刀。`,`释义`,`没有月光的黑夜，受惊的大雁飞得高高的，原来是敌军首领趁着夜色逃跑了。将军正要率领轻骑兵去追赶，刹那间大雪落满了将士们的弓刀。这首诗写出边塞将士英勇果敢的气概。`],
[`【13】宿建德江`,`唐·孟浩然`,`移舟泊烟渚，日暮客愁新。`,`野旷天低树，江清月近人。`,`释义`,`把小船停靠在烟雾笼罩的小洲旁，日暮时分，游子的心中又增添了新的愁绪。原野空旷，远处的天空比树还低；江水清澈，水中的月亮离人格外近。这首诗写出旅途中的孤寂与乡愁。`],
[`【14】秋夜寄邱员外`,`唐·韦应物`,`怀君属秋夜，散步咏凉天。`,`空山松子落，幽人应未眠。`,`释义`,`在这秋夜里思念你，我一边散步一边吟咏着清凉的秋夜。空山中的松子悄然落下，幽居的你此刻应该还没有入睡吧。这首诗写出秋夜怀人的深情与闲雅。`],
[`【15】终南望余雪`,`唐·祖咏`,`终南阴岭秀，积雪浮云端。`,`林表明霁色，城中增暮寒。`,`释义`,`终南山的北麓景色秀丽，山顶上的积雪仿佛浮在云端。雪后初晴，树林的顶端映着夕阳的余晖，长安城中又增添了几分暮寒。这首诗写出终南山雪后的壮美与寒意。`],
[`【16】悯农·其二`,`唐·李绅`,`锄禾日当午，汗滴禾下土。`,`谁知盘中餐，粒粒皆辛苦？`,`释义`,`正午时分，农民还在田里锄地，汗水一滴滴落在禾苗下的泥土里。有谁知道盘中的米饭，每一粒都是农民辛苦劳动得来的？这首诗写出农民的艰辛，告诫人们珍惜粮食。`],
[`【17】风`,`唐·李峤`,`解落三秋叶，能开二月花。`,`过江千尺浪，入竹万竿斜。`,`释义`,`风能吹落秋天的树叶，能吹开二月的春花。吹过江面时能掀起千尺巨浪，吹进竹林时能使万竿竹子倾斜。这首诗通过生动的形象，写出风的力量与变化。`],
[`【18】池上`,`唐·白居易`,`小娃撑小艇，偷采白莲回。`,`不解藏踪迹，浮萍一道开。`,`释义`,`一个小孩子撑着小船，悄悄去采了白莲回来。他不知道隐藏自己的行踪，小船划过，浮萍被分开，留下一条清晰的水路。这首诗写出儿童的天真可爱。`],
[`【19】寻隐者不遇`,`唐·贾岛`,`松下问童子，言师采药去。`,`只在此山中，云深不知处。`,`释义`,`在松树下询问隐者的童子，他说师傅去山中采药了。就在这座山里，可是云雾弥漫，不知道他在什么地方。这首诗写出隐者的神秘与高洁，也写出寻访者的怅然。`],
[`【20】绝句`,`唐·杜甫`,`迟日江山丽，春风花草香。`,`泥融飞燕子，沙暖睡鸳鸯。`,`释义`,`春日照耀，江山格外秀丽；春风吹拂，花草散发着清香。泥土松软，燕子双双飞来飞去；沙洲温暖，鸳鸯成对安睡。这首诗写出春天明媚、生机勃勃的景象。`],
];
const synth = window.speechSynthesis
var poemIdx = 0;
var utterance = null;
selIdx.max = poems.length;
selIdx.title = `选择有效值：1 到 ${poems.length}`;

function recitationPoem(idx, pIdx) {
if(pIdx == 0) {
utterance = new SpeechSynthesisUtterance(poems);
utterance.lang = 'zh-CN'; // 设置语言为中文
utterance.rate = 1; // 设置语速
utterance.pitch = 1; // 设置音调
synth.speak(utterance); // 播放语音
}
else {
utterance = new SpeechSynthesisUtterance(poems);
synth.speak(utterance); // 播放语音
}
utterance.onend = () => {
if(pIdx == 0) {
recitationPoem(idx,1)
}
else {
synth.cancel();
backward.disabled = false;
forward.disabled = false;
selIdx.disabled = false;
}
};

}
function showPoem(idx) {
selIdx.value = idx + 1;
while (container.firstChild) {
container.removeChild(container.firstChild);
}
backward.disabled = true;
forward.disabled = true;
selIdx.disabled = true;
let imgObj = document.createElement('img');
let tSpanObj = document.createElement('span');
let aSpanObj = document.createElement('span');
let p0SpanObj = document.createElement('span');
let p1SpanObj = document.createElement('span');
let eSpanObj = document.createElement('span');
let pObj = document.createElement('p');

imgObj.src = pics;
container.appendChild(imgObj);
tSpanObj.innerHTML = poems;
container.appendChild(tSpanObj);
aSpanObj.innerHTML = poems;
container.appendChild(aSpanObj);
p0SpanObj.innerHTML = poems;
container.appendChild(p0SpanObj);
p1SpanObj.innerHTML = poems;
container.appendChild(p1SpanObj);
eSpanObj.innerHTML = poems;
eSpanObj.style.cssText = 'text-align:left; margin-left:16px;';
container.appendChild(eSpanObj);
pObj.innerHTML = poems;
container.appendChild(pObj);

recitationPoem(idx,0);
}
backward.onclick = () => {
poemIdx--; if(poemIdx < 0) poemIdx = poems.length - 1;
showPoem(poemIdx);
}
forward.onclick = () => {
poemIdx++; poemIdx %= poems.length;
showPoem(poemIdx);
}
const vMin = parseInt(selIdx.min);
const vMax = parseInt(selIdx.max);
selIdx.onchange = () => {
if(parseInt(selIdx.value) < vMin) selIdx.value = vMin;
if(parseInt(selIdx.value) > vMax) selIdx.value = vMax;
poemIdx = parseInt(selIdx.value) - 1;
showPoem(poemIdx);
}
showPoem(poemIdx);
</script>

红影发表于 2026-5-30 11:36

这个制作真好，有诗句及诗句翻译，还有朗诵。
静静欣赏诗句，感谢也曾年轻老师的好帖{:4_199:}

也曾年轻 发表于 2026-5-30 11:43

红影发表于 2026-5-30 11:36
这个制作真好，有诗句及诗句翻译，还有朗诵。
静静欣赏诗句，感谢也曾年轻老师的好帖

周末中午好！谢谢欣赏支持！

梦江南 发表于 2026-5-30 13:55

这个制作太棒了，有图、有诗、有翻译，还有朗读。{:4_187:}

梦江南 发表于 2026-5-30 13:55

辛苦了，下午好！{:4_199:}

也曾年轻 发表于 2026-5-30 14:15

梦江南发表于 2026-5-30 13:55
这个制作太棒了，有图、有诗、有翻译，还有朗读。

下午好！谢谢欣赏支持！

梦油发表于 2026-5-30 14:20

谢谢也曾年轻朋友。这样学习起来更方便啦。

也曾年轻 发表于 2026-5-30 14:50

梦油发表于 2026-5-30 14:20
谢谢也曾年轻朋友。这样学习起来更方便啦。

谢谢欣赏支持！下午好！

梦油发表于 2026-5-30 16:15

也曾年轻发表于 2026-5-30 14:50
谢谢欣赏支持！下午好！

也曾年轻朋友别客气。

霜染枫丹 发表于 2026-5-30 18:15

很欣赏也曾年轻的这个帖子，给学习带来了方便。看看这样的帖子，就能感受到传统文化的氛围，想起来当初自己学习的情景，就会会心一笑，庆幸自己赶上了这样更好的科技时代。感谢分享，祝安好~~{:4_204:}{:4_190:}

也曾年轻 发表于 2026-5-30 18:58

霜染枫丹发表于 2026-5-30 18:15
很欣赏也曾年轻的这个帖子，给学习带来了方便。看看这样的帖子，就能感受到传统文化的氛围，想起来当初自己 ...

晚上好！谢谢欣赏支持！

小辣椒 发表于 2026-5-30 22:08

老师的这些四句诗词，现在许多小朋友都会背诵的{:4_178:}

小辣椒 发表于 2026-5-30 22:09

图文并茂通俗易懂，特棒！

也曾年轻 发表于 2026-5-30 22:10

小辣椒发表于 2026-5-30 22:08
老师的这些四句诗词，现在许多小朋友都会背诵的

选来当帖子的素材挺好。

也曾年轻 发表于 2026-5-30 22:11

小辣椒发表于 2026-5-30 22:09
图文并茂通俗易懂，特棒！

晚上好！谢谢欣赏支持！

红影发表于 2026-5-30 22:18

也曾年轻发表于 2026-5-30 11:43
周末中午好！谢谢欣赏支持！

感谢带来的好东西，辛苦了{:4_190:}

页: [1]

花潮论坛's Archiver

唐诗 五言绝句20首

唐诗五言绝句20首