A-Kinh nghiem hay: Speaking

<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Unit 1 - Speaking: Talking about a Famous Life Story</title>
    <style>
        :root {
            --primary: #2563eb;
            --primary-hover: #1d4ed8;
            --bg-gray: #f8fafc;
            --border: #e2e8f0;
            --correct: #15803d;
            --wrong: #b91c1c;
        }
        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f1f5f9; margin: 0; padding: 20px; color: #1e293b; }
        .container { max-width: 850px; margin: 0 auto; background: #fff; padding: 30px; border-radius: 16px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); }
        
        /* Top Navigation */
        .nav-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; border-bottom: 1px dashed var(--border); padding-bottom: 12px; }
        .breadcrumb { font-size: 14px; color: #64748b; }
        .btn-back-toc {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            text-decoration: none;
            color: var(--primary);
            font-size: 14px;
            font-weight: 600;
            background: #eff6ff;
            padding: 6px 12px;
            border-radius: 8px;
            transition: 0.2s;
        }
        .btn-back-toc:hover { background: var(--primary); color: #fff; }

h1 { color: var(--primary); margin-top: 0; margin-bottom: 5px; font-size: 26px; }
        .subtitle { color: #64748b; font-style: italic; margin-bottom: 25px; }

.section-title { font-weight: 700; font-size: 18px; color: var(--primary); border-bottom: 2px solid var(--primary); padding-bottom: 6px; margin-top: 30px; margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; }

/* Vocab & Structure Table */
        table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
        th, td { border: 1px solid var(--border); padding: 10px 12px; text-align: left; vertical-align: middle; }
        th { background: var(--bg-gray); color: #334155; }
        
        /* Audio Button Style */
        .btn-audio {
            background: #e0f2fe;
            color: #0284c7;
            border: none;
            padding: 6px 12px;
            border-radius: 20px;
            cursor: pointer;
            font-size: 13px;
            font-weight: 600;
            transition: 0.2s;
            display: inline-flex;
            align-items: center;
            gap: 4px;
        }
        .btn-audio:hover { background: #0284c7; color: #fff; }

.btn-audio-main {
            background: #2563eb;
            color: #fff;
            border: none;
            padding: 8px 16px;
            border-radius: 20px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 600;
            transition: 0.2s;
        }
        .btn-audio-main:hover { background: #1d4ed8; }

/* Speaking Model Box */
        .speaking-box { background: var(--bg-gray); padding: 20px; border-radius: 12px; border-left: 5px solid var(--primary); margin-bottom: 25px; line-height: 1.8; }
        .dialogue-line { margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; }
        .dialogue-text { flex-grow: 1; padding-right: 10px; }
        .speaker { font-weight: bold; color: var(--primary); }

/* Tips Card */
        .tip-card { background: #fffbebf5; border: 1px solid #fef08a; padding: 15px; border-radius: 8px; margin-bottom: 20px; font-size: 14.5px; }
        .tip-card ul { margin: 5px 0 0 20px; padding: 0; }

/* Quiz Box */
        .q-box { border: 1px solid var(--border); padding: 18px; border-radius: 10px; margin-bottom: 18px; background: #fff; }
        .q-title { font-weight: 600; margin-bottom: 12px; font-size: 15px; line-height: 1.5; }
        .options { display: flex; flex-direction: column; gap: 8px; }
        .option { padding: 10px 14px; border: 1px solid var(--border); border-radius: 8px; cursor: pointer; transition: 0.2s; display: flex; align-items: center; gap: 8px; }
        .option:hover { background: #f1f5f9; }

.btn-submit { background: var(--primary); color: white; border: none; padding: 12px 28px; font-size: 16px; font-weight: bold; border-radius: 8px; cursor: pointer; display: block; margin: 25px auto 0; transition: 0.2s; }
        .btn-submit:hover { background: var(--primary-hover); }

.result-box { margin-top: 12px; padding: 10px 14px; border-radius: 6px; display: none; font-weight: bold; }
        .explanation { margin-top: 8px; font-size: 0.9em; color: #475569; background: #f8fafc; padding: 10px; border-left: 3px solid var(--primary); display: none; border-radius: 4px; }
        .correct { background-color: #dcfce7; color: var(--correct); }
        .incorrect { background-color: #fee2e2; color: var(--wrong); }

/* Bottom Navigation */
        .bottom-nav { display: flex; justify-content: space-between; align-items: center; margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--border); }
        .nav-link { text-decoration: none; font-weight: 600; color: var(--primary); padding: 10px 18px; border-radius: 8px; border: 1px solid var(--border); transition: 0.2s; }
        .nav-link:hover { background: var(--bg-gray); }
    </style>
</head>
<body>

<div class="container">
    
    <div class="nav-header">
        <div class="breadcrumb">Unit 1: Life Stories > Speaking</div>
        <a class="btn-back-toc" href="https://sangkienkinhnghiemhay.blogspot.com/p/kiem-tien-online_15.html">☰ Về Mục Lục Unit 1</a>
    </div>

<h1>UNIT 1: SPEAKING - TALKING ABOUT A FAMOUS LIFE STORY</h1>
    <p class="subtitle">Chủ đề: Thảo luận & Trình bày về tiểu sử một nhân vật nổi tiếng (Sách Tiếng Anh 12 mới)</p>

<div class="section-title">
        <span>1. Useful Structures & Phrases (Mẫu câu hữu ích)</span>
    </div>
    <table>
        <thead>
            <tr>
                <th>Chức năng giao tiếp</th>
                <th>Mẫu câu nói</th>
                <th>Luyện nghe</th>
                <th>Nghĩa tiếng Việt</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><b>Giới thiệu nhân vật</b></td>
                <td>The person I admire most is...</td>
                <td><button class="btn-audio" onclick="speak('The person I admire most is...')">🔊 Nghe</button></td>
                <td>Người mà tôi ngưỡng mộ nhất là...</td>
            </tr>
            <tr>
                <td><b>Nói về mốc thời gian</b></td>
                <td>He/She was born in... in a small town.</td>
                <td><button class="btn-audio" onclick="speak('He was born in a small town.')">🔊 Nghe</button></td>
                <td>Ông/Bà ấy sinh năm... tại một thị trấn nhỏ.</td>
            </tr>
            <tr>
                <td><b>Nói về thử thách</b></td>
                <td>Despite facing many hardships,...</td>
                <td><button class="btn-audio" onclick="speak('Despite facing many hardships')">🔊 Nghe</button></td>
                <td>Mặc dù đối mặt với nhiều khó khăn,...</td>
            </tr>
            <tr>
                <td><b>Nói về thành tựu</b></td>
                <td>He/She is best known for...</td>
                <td><button class="btn-audio" onclick="speak('He is best known for his achievements.')">🔊 Nghe</button></td>
                <td>Ông/Bà ấy nổi tiếng nhất nhờ...</td>
            </tr>
            <tr>
                <td><b>Nêu bài học/Cảm hứng</b></td>
                <td>His/Her story inspires me to...</td>
                <td><button class="btn-audio" onclick="speak('His story inspires me to work harder.')">🔊 Nghe</button></td>
                <td>Câu chuyện của ông/bà ấy truyền cảm hứng cho tôi...</td>
            </tr>
        </tbody>
    </table>

<div class="tip-card">
        💡 <b>Mẹo nói bài thi Tiếng Anh 12 / Nói thuyết trình:</b>
        <ul>
            <li>Sử dụng thì <b>Quá khứ đơn (Past Simple)</b> khi kể về các sự kiện trong quá khứ của nhân vật.</li>
            <li>Sử dụng các từ nối thời gian: <i>First, Later, After that, Eventually, In the end...</i> để bài nói mạch lạc.</li>
        </ul>
    </div>

<div class="section-title">
        <span>2. Model Conversation (Hội thoại mẫu)</span>
        <button class="btn-audio-main" onclick="speakDialogue()">▶ Nghe Toàn Bài Hội Thoại</button>
    </div>
    
    <div class="speaking-box">
        <div class="dialogue-line">
            <span class="dialogue-text"><span class="speaker">Lan:</span> Who is the historical figure you admire most, Mark?</span>
            <button class="btn-audio" onclick="speak('Who is the historical figure you admire most, Mark?')">🔊 Nghe</button>
        </div>
        <div class="dialogue-line">
            <span class="dialogue-text"><span class="speaker">Mark:</span> I really admire Thomas Edison. He was a great inventor who changed the world with his light bulb.</span>
            <button class="btn-audio" onclick="speak('I really admire Thomas Edison. He was a great inventor who changed the world with his light bulb.')">🔊 Nghe</button>
        </div>
        <div class="dialogue-line">
            <span class="dialogue-text"><span class="speaker">Lan:</span> Did he face any difficulties during his early life?</span>
            <button class="btn-audio" onclick="speak('Did he face any difficulties during his early life?')">🔊 Nghe</button>
        </div>
        <div class="dialogue-line">
            <span class="dialogue-text"><span class="speaker">Mark:</span> Yes, he failed thousands of times before successfully inventing the incandescent light bulb!</span>
            <button class="btn-audio" onclick="speak('Yes, he failed thousands of times before successfully inventing the incandescent light bulb!')">🔊 Nghe</button>
        </div>
        <div class="dialogue-line">
            <span class="dialogue-text"><span class="speaker">Lan:</span> That's amazing! What lesson do you learn from his life story?</span>
            <button class="btn-audio" onclick="speak('Thats amazing! What lesson do you learn from his life story?')">🔊 Nghe</button>
        </div>
        <div class="dialogue-line">
            <span class="dialogue-text"><span class="speaker">Mark:</span> His story teaches me never to give up, no matter how many times I fail.</span>
            <button class="btn-audio" onclick="speak('His story teaches me never to give up, no matter how many times I fail.')">🔊 Nghe</button>
        </div>
    </div>

<div class="section-title">
        <span>3. Speaking Practice Test (Bài tập tình huống giao tiếp)</span>
    </div>
    
    <form id="quizForm">
        
        <div class="q-box" data-correct="B">
            <div class="q-title">Question 1: Mark and Lan are talking about historical figures.<br><b>Lan:</b> "Who is the person you admire most?" - <b>Mark:</b> "______"</div>
            <div class="options">
                <label class="option"><input type="radio" name="q1" value="A"> A. I don't like reading biographies.</label>
                <label class="option"><input type="radio" name="q1" value="B"> B. I have great respect for General Vo Nguyen Giap.</label>
                <label class="option"><input type="radio" name="q1" value="C"> C. History is my favorite subject at school.</label>
                <label class="option"><input type="radio" name="q1" value="D"> D. He was born in 1911.</label>
            </div>
            <div class="result-box"></div>
            <div class="explanation">
                <b>Giải thích:</b> Đáp án B trả lời trực tiếp cho câu hỏi "Ai là người bạn ngưỡng mộ nhất?".
            </div>
        </div>

<div class="q-box" data-correct="A">
            <div class="q-title">Question 2: Choose the best response to complete the dialogue.<br><b>A:</b> "What lesson can we learn from Uncle Ho's life story?" - <b>B:</b> "______"</div>
            <div class="options">
                <label class="option"><input type="radio" name="q2" value="A"> A. We should learn about his patriotism and dedication.</label>
                <label class="option"><input type="radio" name="q2" value="B"> B. He traveled to many countries around the world.</label>
                <label class="option"><input type="radio" name="q2" value="C"> C. He was born in Nghe An province.</label>
                <label class="option"><input type="radio" name="q2" value="D"> D. Yes, his life story is very long.</label>
            </div>
            <div class="result-box"></div>
            <div class="explanation">
                <b>Giải thích:</b> Đáp án A nêu lên bài học học được từ cuộc đời của Bác (lòng yêu nước và sự cống hiến).
            </div>
        </div>

<div class="q-box" data-correct="C">
            <div class="q-title">Question 3: How do you express admiration for someone's achievements?</div>
            <div class="options">
                <label class="option"><input type="radio" name="q3" value="A"> A. It's not worth reading about.</label>
                <label class="option"><input type="radio" name="q3" value="B"> B. I don't care about his achievements.</label>
                <label class="option"><input type="radio" name="q3" value="C"> C. His hard work and achievements are truly remarkable!</label>
                <label class="option"><input type="radio" name="q3" value="D"> D. He should have worked harder.</label>
            </div>
            <div class="result-box"></div>
            <div class="explanation">
                <b>Giải thích:</b> "truly remarkable" (thật sự đáng chú ý/xuất sắc) dùng để thể hiện sự ngưỡng mộ thành tựu.
            </div>
        </div>

<div class="bottom-nav">
        <a class="nav-link" href="https://sangkienkinhnghiemhay.blogspot.com/2026/08/unit-1-life-stories-we-admire-reading.html">← Bài trước: Reading</a>
        <a class="nav-link" href="https://sangkienkinhnghiemhay.blogspot.com/p/kiem-tien-online_15.html" style="background: var(--primary); color: white;">Bài tiếp theo: Listening →</a>
    </div>
</div>

function speak(text) {
        if (!('speechSynthesis' in window)) return;
        
        try {
            synth.cancel();

setTimeout(() => {
                const utterance = new SpeechSynthesisUtterance(text);
                utterance.lang = 'en-US';
                utterance.rate = 0.85;

utterance.onend = () => { synth.cancel(); };
                utterance.onerror = () => { synth.cancel(); };

synth.speak(utterance);
            }, 60);
        } catch (e) {
            console.error("Lỗi âm thanh:", e);
        }
    }

// Đọc bài hội thoại nối tiếp
    function speakDialogue() {
        if (!('speechSynthesis' in window)) return;
        synth.cancel();

const lines = [
            "Who is the historical figure you admire most, Mark?",
            "I really admire Thomas Edison. He was a great inventor who changed the world with his light bulb.",
            "Did he face any difficulties during his early life?",
            "Yes, he failed thousands of times before successfully inventing the incandescent light bulb!",
            "Thats amazing! What lesson do you learn from his life story?",
            "His story teaches me never to give up, no matter how many times I fail."
        ];

let index = 0;

function playNextLine() {
            if (index < lines.length) {
                const utterance = new SpeechSynthesisUtterance(lines[index]);
                utterance.lang = 'en-US';
                utterance.rate = 0.85;

utterance.onend = function () {
                    index++;
                    playNextLine();
                };

utterance.onerror = function () {
                    index++;
                    playNextLine();
                };

synth.speak(utterance);
            }
        }

setTimeout(playNextLine, 100);
    }

// --- XỬ LÝ CHẤM ĐIỂM BÀI TẬP ---
    function checkQuiz() {
        const qBoxes = document.querySelectorAll('.q-box');
        let score = 0;

qBoxes.forEach((box, index) => {
            const correctAnswer = box.getAttribute('data-correct');
            const selectedOption = box.querySelector(`input[name="q${index + 1}"]:checked`);
            const resultBox = box.querySelector('.result-box');
            const expBox = box.querySelector('.explanation');

resultBox.style.display = 'block';
            expBox.style.display = 'block';

if (selectedOption) {
                if (selectedOption.value === correctAnswer) {
                    score++;
                    resultBox.className = 'result-box correct';
                    resultBox.innerHTML = '✓ Chính xác!';
                } else {
                    resultBox.className = 'result-box incorrect';
                    resultBox.innerHTML = `✗ Sai rồi! Đáp án đúng là: ${correctAnswer}`;
                }
            } else {
                resultBox.className = 'result-box incorrect';
                resultBox.innerHTML = `! Chưa chọn đáp án. Đáp án đúng là: ${correctAnswer}`;
            }
        });

alert(`Kết quả bài làm của em:\nĐúng: ${score}/${qBoxes.length} câu!`);
    }
</script>

</body>
</html>

Unit 1: Life Stories We Admire: SPEAKING - Talking about a famous life story / historical figure (Thảo luận, trình bày về tiểu sử và hành trình sự nghiệp của một danh nhân).

Unit 1 - Speaking: Talking about a Famous Life Story Unit 1: Life Stories > Speaking ...

Unit 1: Life Stories We Admire: SPEAKING - Talking about a famous life story / historical figure (Thảo luận, trình bày về tiểu sử và hành trình sự nghiệp của một danh nhân).

Giáo dục

Tự động hóa