BÀI TẬP TUẦN 01-02-03 MÔN LẬP TRÌNH WEB Chương 1: HTML Mục tiêu:  Hiểu rõ và áp dụng được cách làm việc của 1 ứng dụng web.  Xây dựng được trang web dùng mã HTML cơ bản Yêu cầu:  Tất cả các bài tập lưu trong thư mục: T:\MaSV_HoTen\Tuan010203\  Trong thư mục Tuan010203 có 2 thư mục con: Images chứa hình, HTML chứa trang html  Sử dụng Notepad để soạn thảo trang html  Cuối mỗi buổi thực hành, SV phải nén (.rar hoặc .zip) thư mục làm bài và nộp lại bài tập đã thực hiện trong buổi đó.  Bài tập bắt buộc của Tuần 01, 02, 03, GV sẽ công bố cuối giờ. Bài tập bắt buộc sẽ gửi vào email dtthuha79@gmail.com với Subject và tập tin nén kèm theo: DHCNTT9A_LTWeb_TUANYY_HOTENSINHVIEN (trong đó YY sẽ là 01) MODULE 1: CÁC TAG CƠ BẢN Mục đích: - Sử dụng Web editor soạn thảo được 1 We page đơn giản. - Sử dụng thành thạo các tag cơ bản, các thuộc tính Các bước thực hiện: Bước 1: Mở Web editor (Notepad, Notepad ++) Bước 2: Tạo New File  soạn thảo Web page theo cấu trúc: Bước 3: Lưu file: Đặt tên file với phần mở rộng .html Bước 4: Mở trình duyệt (Chrome, IE), Mở trang .html Các tag cơ bản: 1. 2. : Hiển thị nội dung tiêu đề của trang web trên thanh tiêu đề của trình duyệt 3. … 4. nội dung của header : Tiêu đề 5.

: ngắt đoạn Enter 6.
: xuống dòng chưa hết đoạn Shift Enter 7. , , : in đậm, in nghiêng, gạch chân text 8.

---

: thêm đường kẻ ngang 9. Nội dung hiển thị: định dạng font chữ. 10. : chèn hình vào Web page 11. _{Nội dung}: nội dung văn bản hạ xuống 12. ^{Nội dung} nội dung văn bản lên cao 13.

: Tạo danh sách có thứ tự
1. …
2. …
…

14.

: Tạo danh sách không có thứ tự
• …
• …
…

15.

: Tạo danh sách dạng từ điển

16. Cách chèn các ký tự đặc biệt… Bài 1: Tạo trang web Euler.html, sử dụng hình ảnh và dữ liệu trong thư mục Module1/bai1.txt. Sử dụng các tag cơ bản như ,

,

, , , ,

,

, , ,

---

Bài 2: Tạo trang torte.html, hình ảnh và dữ liệu trong thư mục Module1/bai2.txt. sử dụng các tag cơ bản, thực hiện việc tạo danh sách có thứ tự

,
, các ký tự đặc biệt thư mục Module1/demo Bài 3: Tạo trang Macbeth.html, hình ảnh và dữ liệu trong thư mục Module1/bai3.txt. sử dụng các tag cơ bản, thực hiện việc tạo danh sách dạng từ vựng

MODULE 2: LINKS – IMAGES - MAPS Mục tiêu: - Thực hiện tạo trang web với các tag cơ bản như module 1 Thực hiện các liên kết trong cùng 1 trang hoặc các trang web với nhau (liên kết nội, ngoại) Chèn hình ảnh và sử dụng liên kết từng phần hình ảnh (images map)