Chèn mã lệnh CSS để tô màu xanh cho hàng tiêu đề của bảng trong Nhiệm vụ 2 ở THỰC HÀNH đồng thời thay đổi màu chữ thành màu trắng.

Chèn mã lệnh CSS để định kiểu cho lên của mình trong trang web portfolio.html với màu sắc, kích thước, hiệu ứng độ bóng và khoảng cách của các kí tự tuỳ ý sao cho nổi bật và đẹp mắt.

Bài thực hành này áp dụng cho trang web portfolio.html.

Nhiệm vụ 1. Định kiểu CSS cho các phần tử <h1>

Yêu cầu: Viết mã lệnh CSS để định kiểu cho các phần tử <h1> thoả các yêu cầu:

Phòng chủ là Arial, kích thước 32 pt và in đậm.

Màu chữ là xanh dương, có độ bóng.

Độ giãn cách giữa các kí tự là 4 pixels.

Giả sử trong tệp .css, mã lệnh được viết là h1 {color: red;}, còn trong tệp .html, thẻ <h1> được viết là <h1 style="color: blue"). Khi hiển thị, để mục hi này sẽ có màu gì?

Em hãy thay đổi màu cho riêng đề mục Giới thiệu chung từ màu xanh sang một màu sắc tuỳ ý.

Em hãy định kiểu cho kích thước phông chữ của các phần tử <h1> trong tệp portfolio.html là 60 pixel. Gợi ý: Sử dụng thuộc tính trị là 60px.

Em hãy trình bày một số lợi ích của CSS trong việc xây dựng các trang web.

Trong trang web porfolio.html đã tạo ở bài học trước, em hãy trình bày cách bổ xung mã lệnh để các đề mục đánh dấu bằng thẻ <h1> được tô màu xanh.

Giả sử em muốn thay đổi màu sắc khác và đổ bóng để các đề mục nổi bật hơn. Có thuộc tính nào đáp ứng yêu cầu này không?

Tạo trang web kỉ yếu lớp 12a với các thẻ HTML đã học (Hình 1).

3. Thêm ảnh đại diện vào bên phải của mục Giới thiệu chung để được kết qủa như Hình 5.

2. Thêm ảnh vào mục Nội dung yêu thích sao cho mỗi hàng của bảng hiển thị ba ảnh, sử dụng thẻ <img>, các thẻ tạo bảng và các thẻ khác đã học.

Hình 4 là một ví dụ kết quả sau khi hoàn thành chỉnh sửa.

Em hãy bổ sung các nội dung sau vào trang web portfolio.html:

1. Một video clip và một bài hát mà em yêu thích với thẻ <video>,<audio), <h1>, <h2> và các thể khác đã học.

Yêu cầu: Trong trang web portfolio.html vừa thực hiện ở trên, hãy thêm hai video vẽ hoạt động của lớp.

Thêm tệp ảnh vào trang web

Yêu cầu: Trong trang web portfolio.html, hãy thêm 4 hình ảnh theo bố cục như Hình 3.

Giả sử tập portfolio.html nằm cùng nơi với thư mục Asset. Thư mục Sound, là thư mục con của thư mục Asset, có chứa tệp bai_hat.mp3. Theo em, đường dẫn cho thuộc tính src để thêm tệp bai_hat.mp3 này vào tệp portfolio.html là gì?

Em hãy liệt kê và nêu chức năng các thuộc tính của thẻ <audio) khi thêm tập âm thanh vào trang web.

Chức năng các thuộc tính của thẻ <img> khi thêm tệp ảnh vào trang web là gì?

Em hãy bổ xung thuộc tính cho đoạn mã HTML ở ví dụ 2 để kích thước hiển thị của video là 800x600 pixels và video tự động phát không có âm thanh.

Em hãy bổ xung thuộc tính title cho thẻ <img> trong mã lệnh HTML ở ví dụ 1.

Theo em, một trang web có nội dung chỉ thuần văn bản sẽ có những hạn chế gì so với trang web có thêm hình ảnh và âm thanh?

Ngoài thẻ <meta) và <title), hãy kể tên vài thẻ khác có thể có trong cặp thẻ <head></head>.

Em hãy tìm hiểu thêm một số thuộc tỉnh khác của thẻ <body> như background-color text-decoration, margin-left, margin-top

Em hãy sử dụng Visual Studio Code để tạo trang web index.html giới thiệu ngắn về lớp em, trong đó sử dụng những thẻ đã học để định dạng cho phần nội dung văn bản.

Thực hiện hiệu chỉnh trang web portfolio.html trong các ví dụ của bài học để giới thiệu vài thông tin của bản thân. Trong đó, sử dụng các thẻ <h1> và <p>. Hình 8 là một ví dụ kết quả sau khi hoàn thành chỉnh sửa. sáng tạo.

Chọn đáp án đúng cho các câu hỏi dưới đây.

a) Phần tử HTML nào sau đây chỉ có thẻ mở?

A. <h1>.

B. <p>.

C. <hr>.

D. <div>.

b) Phần tử HTML nào sau đây có đủ thẻ mở và thẻ đóng?

A. <img>.

B. <br>.

C. <strong>.

D. <input>.

Em hãy trình bày cấu trúc của một trang web cơ bản bằng cách liệt kê tên và công dụng của các thẻ.

Thảo luận với bạn và trình bày những hiểu biết của em về ngôn ngữ HTML

Cách viết thẻ HTML có nhiều thuộc tính sau đây đúng hay sai?

Chọn đáp án đúng cho câu hỏi dưới đây.

Phần nội dung hiển thị trên thanh tiêu đề của cửa sổ trình duyệt được đặt trong cặp thẻ HTML nào?

a. <head></<head>

b. <html></html>

c. <title></title>

d. <body></body>

Các trình duyệt khác nhau có thể kết xuất một trang web tương tự nhau không?

Em hãy kể tên một ngôn ngữ đánh dấu dùng để tạo trang web và cho biết phiên bản hiện nay của ngôn ngữ này.

Em hãy chỉ ra những thành phần chính của trang web trong Hình 1.

Hãy đề xuất các nội dung truyền thông trên mạng xã hội cho sự kiện “Lễ ra trường” dành cho học sinh lớp 12 ở trường em sao cho đạt hiệu quả lan toả lớn, kêu gọi được sự tham gia hỗ trợ về con người, cơ sở vật chất mà vẫn đảm bảo tính nhân văn.

Hãy thảo luận với các bạn trong lớp về những tình huống vi phạm tính nhân văn trong không gian mạng và khung hình phạt tương ứng đối với cơ quan, tổ chức, cá nhân vi phạm. Qua đó, để xuất giải pháp khắc phục, giúp người dùng nhận biết và không vô tình rơi vào các tình huống vi phạm tương tự.

1. Hãy nhận định tính đúng/sai trong những tình huống sau, đề xuất hướng điều chỉnh phù hợp và liên hệ bản thân.

b) Bạn B thường xuyên truy cập mạng xã hội, tìm kiếm các đáp án, hướng dẫn giải các bài tập và chia sẻ lại trên nhóm thảo luận trực tuyến của lớp.

1. Hãy nhận định tính đúng/sai trong những tình huống sau, đề xuất hướng điều chỉnh phù hợp và liên hệ bản thân.

a) Bạn A rất thích sử dụng mạng xã hội và thường xuyên đăng tải toàn bộ các trạng thái suy nghĩ cá nhân không phân biệt buồn, vui, tích cực, tiêu cực. b) Bạn B thường xuyên truy cập mạng xã hội, tìm kiếm các đáp án, hướng dẫn giải các bài tập và chia sẻ lại trên nhóm thảo luận trực tuyến của lớp.

5. Trong một giỏi dạy học trực tuyến, giáo viên yêu cầu bạn A phát biểu xây dựng bài học. Bạn Á phát biểu nhưng không bật camera. Bạn B nhắn tin lên nhóm trao đổi của lớp để nhắc nhở bạn A thì nhận lại được phân hỏi gay gắt từ bạn A và dẫn đến tranh cãi giữa hai bạn với nhau trên mạng. Hãy trình bày suy nghĩ của em về cách

4. Vì một số người dân địa phương nhận diện hai người phụ nữ bán hàng rong giống với hình chụp nhóm bắt cóc trẻ em đang được cảnh báo trên mạng xã hội, họ đã bị bao vây và tấn công. Hãy cho biết suy nghĩ của em về cách ứng xử của người dân trong sự việc trên. Qua đó thảo luận và để xuất những việc cần thực hiện khi tiếp nhận thông tin trên các trang mạng xã hội.