Tạo một tệp HTML mới, trong đó bao gồm một thanh trình đơn mới theo các yêu cầu

Giải Tin học 12 Bài F10: Định kiểu CSS cho siêu liên kết và danh sách - Chân trời sáng tạo

Vận dụng 2 trang 161 Tin học 12: Tạo một tệp HTML mới, trong đó bao gồm một thanh trình đơn mới theo các yêu cầu sau:

a) Thanh trình đơn gồm các mục sau: Trang chủ, Học tập, Phong trào và Liên lạc.

b) Mỗi mục là một siêu liên kết đến một tệp HTML tương ứng.

c) Thanh trình đơn nằm bên trái trang web, theo phương dọc.

d) Định kiểu màu sắc tuỳ ý khi người dùng tương tác với thanh trình đơn.

Gợi ý: Có thể sử dụng các phần tử như bảng hoặc khung.

Lời giải:

2. Tạo một tệp HTML mới, trong đó bao gồm một thanh trình đơn mới theo các yêu cầu sau:

a) Thanh trình đơn gồm các mục sau: Trang chủ, Học tập, Phong trào và Liên lạc.

<div class="nav">

<ul>

<li><a href="index.html">Trang chủ</a></li>

<li><a href="hoctap.html">Học tập</a></li>

<li><a href="phongtrao.html">phongtrao</a></li>

<li><a href="lienlac.html">liênlac</a></li>

</ul>

</div>

b) Mỗi mục là một siêu liên kết đến một tệp HTML tương ứng.

a: active {

color: green;

}

c) Thanh trình đơn nằm bên trái trang web, theo phương dọc.

<div class="nav">

<ul>

<li><a href="index.html">Trang chủ</a></li>

<li><a href="hoctap.html">Học tập</a></li>

<li><a href="phongtrao.html">phongtrao</a></li>

<li><a href="lienlac.html">liênlac</a></li>

</ul>

</div>

d) Định kiểu màu sắc tuỳ ý khi người dùng tương tác với thanh trình đơn.

.nav li a: hover {

color: #0066cc;

background-color: #ffffff;

}

Lời giải bài tập Tin học 12 Bài F10: Định kiểu CSS cho siêu liên kết và danh sách hay khác:

• Khởi động trang 156 Tin học 12: Điều gì sẽ sảy ra khi nháy chọn siêu liên kết và danh sách ....

• Hoạt động trang 158 Tin học 12: Viết mã lệnh CSS để khi người dùng di chuyển con trỏ chuột ....

• Hoạt động trang 159 Tin học 12: Em hãy thay đổi lần lượt các giá trị của thuộc tính list-style-position ....

• Luyện tập 1 trang 160 Tin học 12: Thảo luận với bạn và cho biết các trạng thái của siêu liên kết ....

• Luyện tập 2 trang 160 Tin học 12: Em hãy cho biết cách định kiểu cho các mục trong danh sách....

• Thực hành trang 160 Tin học 12: Nhiệm vụ. Định kiểu CSS cho siêu liên kết và danh sách ....

• Vận dụng 1 trang 161 Tin học 12: Trong tệp portfolio.html, định kiểu riêng cho các mục trong danh sách Các hoạt động ....

Xem thêm lời giải bài tập Tin học lớp 12 Chân trời sáng tạo hay nhất, ngắn gọn khác:

• Tin học 12 Bài F11: Định kiểu CSS cho bảng và phần tử <div>

• Tin học 12 Bài F12: Định kiểu CSS cho biểu mẫu

• Tin học 12 Bài F13: Dự án tạo trang web (tiếp theo)

• Tin học 12 Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin

• Tin học 12 Bài G2: Nhóm nghề quản trị thuộc ngành Công nghệ thông tin

Xem thêm các tài liệu học tốt lớp 12 hay khác:

• Giải sgk Tin học 12 Chân trời sáng tạo
• Giải Chuyên đề Tin học 12 Chân trời sáng tạo
• Giải SBT Tin học 12 Chân trời sáng tạo
• Giải lớp 12 Chân trời sáng tạo (các môn học)
• Giải lớp 12 Kết nối tri thức (các môn học)
• Giải lớp 12 Cánh diều (các môn học)

---