Ngôn ngữ định dạng CSS chính là ngôn ngữ HTML đúng hay sai?

Giả sử có một định dạng CSS như sau:

h1, h2, h3 {border:2px solid red;}

Hãy giải thích ý nghĩa của mẫu định dạng CSS trên 

Nếu muốn tất cả các đoạn văn bản của trang web có màu xanh (blue) thì cần thiết lập định dạng CSS như thế nào

Tìm hiểu thảo luận và trả lời các câu hỏi sau:

1. Nếu không dùng CSS thì các định dạng của trang web phải thực hiện theo cách nào?

2. Sử dụng CSS có những ưu điểm gì trong việc định dạng trang web?

Nếu muốn thiết lập CSS để có thể áp dụng đồng thời cho nhiều trang web thì làm cách nào?

Nếu muốn thiết lập CSS để áp dụng cho toàn bộ tệp HTML thì làm cách nào?

Quan sát tìm hiểu và thảo luận về cấu trúc tổng quát của các mẫu định dạng CSS .

Các mẫu định dạng CSS thường được mô tả như thế nào?

A .Trong một bảng

B. Phải viết trên một hàng

C .Có thể viết trên nhiều hàng 

Ngôn ngữ CSS có phải là HTML không?

1.Hình 13.2 là mã nguồn của trang web trong Hình 13.1 em có nhận xét gì về cách thiết lập định dạng của trang này?

2. Em thấy gì từ đoạn mã nguồn trên?

Quan sát trang web trong hình 13.1 trả lời các câu hỏi sau:

·       Mã nguồn trang web có những phần tử HTML nào?

·       Định dạng các phần tử HTML này có đặc điểm chung nào?

·        Có thể định dạng mẫu một lần để áp dụng mẫu đó cho nhiều phần tử HTML được không?

Sửa lại mã nguồn của trang web đã viết trong Nhiệm vụ 2, Bài 11 để thêm một liên kết cho cụm từ Đăng kí. Khi nháy chuột vào liên kết, trang web đã viết ở câu 1 sẽ được hiển thị trong iframe.

Tạo một biểu mẫu đăng kí thành viên câu lạc bộ.

Lần lượt tạo các loại phần tử form và các phần tử input với những loại dữ liệu khác nhau và liệt kê ra ba ví dụ có thể sử dụng của từng loại.

Hãy viết câu lệnh để thêm một nút có tên “Quên mật khẩu” vào biểu mẫu.

Điểm khác biệt giữa radio, checkbox và select là gì?

Mô tả các bước mà em đã thực hiện khi đăng kí tài khoản trên một trang web nào đó.

Để tham gia hội chợ ẩm thực ở trường, lớp em đã tạp một website để quảng cáo sản phẩm. Em hãy thảo luận và chọn loại phần tử HTML cần sử dụng để tạo đơn hàng trên website.

Tạo một khung nội tuyến và liên kết đến bài hát em yêu thích (ví dụ trên YouTube) vào trang web giới thiệu bản thân.

Chèn thêm một số ảnh của mình vào trang web giới thiệu bản thân (em đã tạo ở phần luyện tập, Bài 10.

Cho ảnh có kích thước gốc là 720x 450 Pixel chèn ảnh vào trang web bằng câu lệnh: <img src= “images/1.png” alt = “ chiếc lá” width 600>

Hỏi ảnh trong trang web có kích thước bao nhiêu?

 Viết các câu lệnh để tạo hai khung nội tuyến có kích thước bằng nhau, hiển thị song song (theo phương ngang) trên trang web.

Trong các bài đăng có đính kèm video, một số trang web sẽ hiển thị nội dung video trong một khung và cho phép tương tác bên trong khung đó. Em có nhận xét gì về giao diện của cả trang khi thực hiện các thao tác bên trong khung này?

Thuộc tính scr có tác dụng gì đối với thẻ audio.

Quan sát đoạn mã sau và xác định tên đoạn mã này có chức năng gì?

<video src=”video/war_is_over.mp4 ”with=”300” height= “250” autoplay>

 Hãy Nêu một số trường hợp có thể xảy ra lỗi khi hiển thị ảnh.

Hãy kể tên các định dạng tệp ảnh mà em biết phân loại chúng vào nhóm đồ họa vectơ hoặc đồ họa điểm ảnh.

Có những điểm gì khiến em thấy hứng thú hơn khi xem các trang web so với đọc sách.

Viết thêm các đoạn giới thiệu (địa điểm số, thành viên, thành tích, phí hội viên, điện thoại liên hệ) cho từng câu lạc bộ ở dưới bảng Lịch hoạt động công tác CLB thể thao rồi đặt liên kết từ tên câu lạc bộ trong bảng đến đoạn giới thiệu tương ứng.

Viết một trang web giới thiệu bản thân, trong đó để ít nhất 3 liên kết tới trang web (có thể là Facebook) của ba bạn cùng lớp.

Viết đoạn mã để tạo liên kết quay về trang chủ CLB.html trong trang thong_tin.html.

Viết một đoạn Mã HTML để hiển thị một danh sách không có thứ tự trong tệp index.html. Danh sách gồm 3 mục: bài tập 1, bài tập 2, và ôn tập. Ba mục này liên kết tới ba trang tương ứng với 3 tệp bai_tap_ 1.html, bai_tap_2.html và bai_tap_on_tap.html

Hãy kể tên các trường hợp liên kết mà em đã gặp khi duyệt web hoặc khi đọc văn bản.

Trong các đường dẫn sau đường dẫn nào là tuyệt đối đường dẫn nào là tương đối?

a, html/ cach_tao_lien_ ket. htmn

b, http:// google.com

c)    mail.google.com/mail/u/0/#inbox/FMfcgzGMpKDHQFWcdfxcmMtxvZ

Các tệp có phần mở rộng chấm docx được tạo bởi Microsoft Word có thể là một siêu văn bản còn tệp có phần mở rộng.txt tạo bởi Notepad thì không. Theo em siêu văn bản có những đặc điểm gì?

Em hãy nêu những điểm khác biệt khi em đọc thông tin trên các trang web với việc em đọc sách, báo giấy. Theo em điểm khác biệt nào là quan trọng nhất?

Cho trước một bảng dữ liệu cỡ nx4, mỗi hàng tương ứng với một bộ (họ tên, điểm Toán, điểm Vật lý, điểm Hóa học) viết chương trình Python để tạo ra tệp HTML thực hiện việc vẽ bảng tương tự như Hình 9.5 và bổ sung dữ liệu vào các hàng phía dưới.

Sửa lại chương trình trong Hình 9.5a, sử dụng thuộc tính Style thay vì thuộc tính border để tạo viền cho bảng. Sử dụng màu xanh cho viền của ô hai dòng đầu bảng và sử dụng 3 màu đỏ, vàng, xanh cho ba chữ Toán, Vật lý và Hóa học.

Bảng trong ví dụ trên Hình 9.6 có nhược điểm gì cần làm thế nào để giải quyết nhược điểm đó?