我的生日 / My BirthdayLEVEL/WORDCOUNT: HSK 2 / ~500 words
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #fdfdfd;
}
.container {
max-width: 900px;
margin: 20px auto;
padding: 0 15px;
}
.tab-group {
margin: 25px 0;
}
.tab-buttons {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 10px;
}
.tab-buttons button {
padding: 10px 18px;
cursor: pointer;
background-color: #ffe082;
border: none;
border-radius: 6px;
font-weight: bold;
}
.tab-buttons button.active {
background-color: #ffca28;
}
.tab-content {
display: none;
background-color: #fff8e1;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.tab-content.active {
display: block;
}
h2 {
color: #2e7d32;
margin-top: 0;
}
textarea {
width: 100%;
padding: 10px;
border-radius: 6px;
border: 1px solid #ccc;
}
.vocab-tooltip {
border-bottom: 1px dotted #333;
cursor: help;
font-weight: bold;
color: #2e7d32;
}
.vocab-tooltip:hover::after {
content: attr(data-tooltip);
position: absolute;
background: #333;
color: white;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
white-space: nowrap;
transform: translate(-50%, -120%);
}
.answer-tooltip {
border-bottom: 1px dotted #666;
cursor: help;
font-weight: bold;
color: #1976d2;
}
.answer-tooltip:hover::after {
content: attr(data-answer);
position: absolute;
background: #1976d2;
color: white;
padding: 8px 12px;
border-radius: 4px;
font-size: 13px;
white-space: nowrap;
transform: translate(-50%, -120%);
}
.chinese-text {
font-size: 1.35em;
line-height: 1.7;
}
.tooltip,
.vocab-tooltip {
position: relative;
cursor: pointer;
border-bottom: 1px dotted #666;
}
.tooltip:hover::after,
.vocab-tooltip:hover::after {
content: attr(data-tooltip);
position: absolute;
left: 0;
bottom: 120%;
background: #333;
color: #fff;
padding: 6px 8px;
border-radius: 4px;
white-space: nowrap;
z-index: 1000;
font-size: 0.85em;
}
我的生日 / My BirthdayLEVEL/WORDCOUNT: HSK 2 / ~500 words
我的生日
This story describes how the main character celebrates their birthday with family and friends, including food, gifts, activities, and feelings.
LEVEL/WORDCOUNT: HSK 2 / ~500 words
中文
English
Audio
我的生日
我 我
的 的
生日 生日
在 在
十一 十一
月 月
十一 十一
号 号 。
今年 今年
我 我
二十 二十
岁 岁 。
我
喜欢 喜欢
和 和
家人 家人
和 和
朋友 朋友
一起 一起
庆祝 庆祝
生日 生日 。
我
会 会
买 买
蛋糕 蛋糕
和 和
礼物 礼物 。
家人 家人
也 也
会 会
给 给
我 我
礼物 礼物 。
生日
那天 那天 ，
我 我
想 想
吃 吃
最喜欢的 最喜欢的
食物 食物 ，
喝 喝
水果汁 水果汁 。
朋友
会 会
来 来
我 我
的 的
家 家 。
我们 我们
玩 玩
游戏 游戏 ，
唱歌 唱歌 ，
还 还
拍照 拍照 。
我
觉得 觉得
生日 生日
很 很
快乐 快乐 。
我 我
希望 希望
明年 明年
也 也
可以 可以
这样 这样
快乐 快乐 。
My Birthday
My birthday is on November 11th. This year I am twenty years old.
I like to celebrate my birthday with my family and friends. I buy a cake and gifts. My family also gives me gifts.
On my birthday, I want to eat my favorite food and drink fruit juice. My friends come to my home. We play games, sing songs, and take photos.
I feel very happy on my birthday. I hope next year I can be happy like this too.
How to Use the Audio
Before reading: Practice listening comprehension.After reading: Improve pronunciation and fluency.
10 Questions
Multiple Choice
True or False
Retell
我的生日是几号？ 今年我几岁？ 我和谁庆祝生日？ 我买什么？ 我吃喝什么？
我的生日是？
document.querySelectorAll(‘.tab-group’).forEach(group => {
const buttons = group.querySelectorAll(‘.tab-btn’);
const contents = group.querySelectorAll(‘.tab-content’);
buttons.forEach(button => {
button.addEventListener(‘click’, () => {
buttons.forEach(btn => btn.classList.remove(‘active’));
contents.forEach(content => content.classList.remove(‘active’));
button.classList.add(‘active’);
document.getElementById(button.dataset.tab).classList.add(‘active’);
});
});
});
Leave a Reply