Bài 12. Dự án nhỏ: Tạo trang web báo tường

Bạn chưa đăng nhập. Vui lòng đăng nhập để hỏi bài
datcoder

Yêu cầu: Hãy thiết kế trang web báo tường điện tử của lớp em.

Mô tả sản phẩm:

Sản phẩm thứ nhất: Tệp dữ liệu dạng *.html tạo nội dung trang web (xem gợi ý ở Bảng 1).

Nguyễn  Việt Dũng
29 tháng 4 lúc 12:06

<!DOCTYPE html>

<html lang="vi">

<head>

    <meta charset="UTF-8">

    <title>Báo tường điện tử - Lớp [Tên lớp]</title>

    <link rel="stylesheet" href="style.css">

</head>

<body>

    <header>

        <h1>Báo tường điện tử</h1>

        <h2>Lớp [Tên lớp]</h2>

    </header>

    <main>

        <section class="gioi-thieu">

            <h2>Giới thiệu</h2>

            <p>

                [Nội dung giới thiệu về chủ đề, mục đích, nội dung chính của trang báo]

            </p>

        </section>

        <section class="bai-viet">

            <h2>Bài viết</h2>

            <ul>

                <li>

                    <a href="#">Bài viết 1</a>

                    <p>Tóm tắt nội dung bài viết 1...</p>

                </li>

                <li>

                    <a href="#">Bài viết 2</a>

                    <p>Tóm tắt nội dung bài viết 2...</p>

                </li>

                </ul>

        </section>

        <section class="goc-anh">

            <h2>Góc ảnh</h2>

            <ul>

                <li>

                    <img src="images/anh1.jpg" alt="Hình ảnh 1">

                    <p>Chú thích cho hình ảnh 1</p>

                </li>

                <li>

                    <img src="images/anh2.jpg" alt="Hình ảnh 2">

                    <p>Chú thích cho hình ảnh 2</p>

                </li>

                </ul>

        </section>

        <section class="goc-am-nhac-video">

            <h2>Góc âm nhạc, video clip</h2>

            <ul>

                <li>

                    <a href="#">Bài hát 1</a>

                    <p>Tóm tắt nội dung hoặc cảm nhận về bài hát 1</p>

                </li>

                <li>

                    <a href="#">Video clip 1</a>

                    <p>Tóm tắt nội dung hoặc cảm nhận về video clip 1</p>

                </li>

                </ul>

        </section>

        <section class="goc-binh-luan">

            <h2>Góc bình luận</h2>

            <p>

                [Biểu mẫu để người đọc bình luận về các bài viết, hình ảnh, video clip]

            </p>

        </section>

    </main>

    <footer>

        <p>Thông tin về nhóm:</p>

        <ul>

            <li>Tên nhóm: [Tên nhóm]</li>

            <li>Thành viên: [Danh sách thành viên nhóm]</li>

            <li>Chức vụ: [Chức vụ của các thành viên nhóm]</li>

        </ul>

        <p>Địa chỉ email: [Địa chỉ email của các học sinh đại diện nhóm]</p>

        <p>Ngày cập nhật: [Ngày cập nhật nội dung gần nhất]</p>

        <p>Nguồn tham khảo: [Thông tin về nguồn thông tin mà nội dung trang web tham khảo (nếu có)]</p>

    </footer>

</body>

</html>