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 đó? 

Trong hội chợ ẩm thực ở trường, lớp 12E dự định bán một số món, các bạn muốn đăng trên trang web của lớp các thông tin: món ăn, đơn giá, số lượng và tổng số tiền. Theo em, các bạn nên dùng dạng biểu diễn nào: danh sách, danh sách mô tả hay bảng. Tại sao? 

Làm thế nào để tạo một danh sách lồng nhau danh sách mức 1 đánh số dạng 1, 2, 3,… và danh sách mức 2 đánh số dạng a, b, c?

Theo em, khi trang web chỉ toàn các đoạn văn bản thì cần trình bày thế nào cho dễ nhìn?

Hãy đưa ra các định dạng một đoạn văn bản để được kết quả như sau:

Hãy chỉ ra các bước cần thực hiện để sử dụng một màu cụ thể trong bức ảnh làm màu cho tiêu đề một bài thơ.

 Trình bày đoạn văn bản sau bằng mã HTML:

 INTERNET TỐC ĐỘ CAO

 Dịch vụ Internet tốc độ cao là dịch vụ internet cáp quang chất lượng cao, ổn định, giá cả hợp lí.

Hãy sửa lại phần tử sau để làm nổi bật ý chính của câu:

<p> thẻ strong vào thẻ em được sử dụng để nhấn mạnh vào nội dung trong phần tử. Thẻ B chỉ có tác dụng in đậm văn bản <p>

Với cùng một đoạn văn bản, kết quả khi định dạng trong các trường hợp sau giống và khác nhau như thế nào?

Kiểu1: <p style=”color:read;text-decoration:underline”>

Kiểu 2: <p style=”color:rgb(255,0,0);>

Khi muốn nhấn mạnh vào một nội dung trong văn bản em thường thấy nội dung đó được viết như thế nào?

Chỉnh sửa đoạn mã trong html trong ví dụ 1 để hiển thị thêm một đường kẻ ngang phân tách giữa dòng tiêu đề “Tin Học 12” và nội dung phía dưới.

Trình duyệt hiển thị đoạn mã html sau thành mấy dòng? Em có nhận xét gì về khoảng cách giữa các dòng?

<p> thẻ B tạo đoạn nội dung, </p><p> thẻ div tạo đoạn khối chứa dữ liệu. </p><p> các thẻ này không có hình thức trình bày riêng </p><p> mà được định dạng </p><p> bằng thuộc tính Style. </p>

khi trình bày một văn bản (bài thơ, đoạn văn, trang web…) có thể có những thành phần nào? Hãy kể tên các thành phần đó.

Xác định các tên thuộc tính và thẻ chứa thuộc tính tương ứng xuất hiện trong Bài 7.

Hãy quan sát các thẻ trong tệp newpage.htmn ở Hoạt động 2, Bài 7. Trong các thẻ đó có một thẻ có thêm thuộc tính. Theo em đó là thẻ nào? Em Hãy đưa ra dự đoán về tác dụng của các thuộc tính thẻ.

Cho hai đoạn văn bản như  Hình 8.1 cách trình bày đoạn văn bản nào có định dạng đẹp hơn? Tại sao?

Em hãy tìm trên mạng các trang web hỗ trợ soạn thảo HTML trực tuyến 

Chọn một văn bản đơn giản soạn thảo tệp HTML để hiển thị nội dung văn bản đó vẽ cây thông tin các phần tử HTML của trang web vừa soạn thảo.

Tìm ví dụ về phần tử HTML không thể lồng, tức là không thể có quan hệ cha con trong cây thông tin của trang web.

Em có nhận xét gì về sự khác biệt khi soạn thảo HTML giữa các phần mềm chuyên nghiệp (ví dụ Notepad ++, Sublime Text)  và phần mềm soạn thảo văn bản thông thường (ví dụ Notepad)?

Xếp các tên sau vào hai nhóm phần mềm soạn thảo HTML và trình duyệt web:

a) Notepad.             b) Opera                  c) Sublime Text

d)Chorme                e) Cốc Cốc              f) Notepad ++

Hãy tìm hiểu những phần mềm có thể dùng để soạn thảo tệp HTML. Thảo luận để tìm ra cách soạn thảo tệp HTML hợp lý nhất.

Cây HTML có bao nhiêu phần tử gốc?

Vẽ sơ đồ cây của đoạn văn bản HTML sau: <P> thông tin này in <b> đậm in  <i>nghiêng </i> in <u>gạch dưới </u>  in bình thường. </p> 

Quan sát tệp HTML sau em có nhận xét gì về cấu trúc chung của một trang web?

Nêu sự giống và khác nhau giữa thẻ HTML và phần tử HTML

Tệp văn bản trong Hình 7.1 có bao nhiêu phần tử HTML?

Các trang web mà em vẫn thường xem được hiển thị bởi trình duyệt web (ví dụ Cốc Cốc ,Firefox, Chorme). Thực chất chúng được tạo ra từ các tệp văn bản. Các tệp văn bản này được gọi là trang nguồn (hay mã nguồn) của trang web tương ứng. Quan sát hình 7.1 và nhận xét về mã nguồn em thấy gì từ tệp nguồn của trang web?

Các em đã được làm quen với khái niệm website và trang web, cũng có thể em đã biết cách sử dụng phần mềm để tạo ra các trang web với nội dung đa dạng và phong phú hình thức trình bày đẹp Tuy nhiên, có thể các em vẫn muốn biết:

-        Các trang web thực chất có cấu trúc như thế nào?

-        Có thể lập trình để tạo ra được các trang web hay không? Nếu lập trình được thì mã nguồn của trang web là gì?

-        Các trang web có quan hệ như thế nào với ngôn ngữ HTML

-        Trang web và trình duyệt web có quan hệ như thế nào?

 Em hãy tìm câu trả lời 

Chọn một tình huống giả định trong học tập hoặc trong cuộc sống, ví dụ như bị ốm cần mượn vở của bạn để chép bài,…Hãy viết một thư điện tử gửi cho bạn để trao đổi tình huống đó.

Hãy nêu một vài ví dụ minh họa cho việc vận dụng các lợi ích của giao tiếp trong không gian mạng để tạo sự tiện lợi cho công việc hoặc cuộc sống.

Hãy kể về một trải nghiệm giao tiếp trong không gian mạng mà em từng tham gia.