WEB302_ HTML5 & CSS3 Lab2
1
Bài thự c hành số 2 – Khở i tạ o, làm việ c
vớ i mã HTML5 & thành phầ n Form
Chú ý chung vớ i toàn bộ các buổ i lab:
-Toàn bộ bài tậ p trong các buổ i lab, bắ t buộ c sinh viên phả i viế t mã bằ ng tay, sử dụ ng
mộ t trong các chư ơ ng trình soạ n thả o mã sau:
oNotepad + +
oE- Text Editor
Mụ c tiêu
Buổ i thự c hành số 3 tiế p tụ c giúp sinh viên làm việ c vớ i mã HTML5 đồ ng thờ i làm việ c đư ợ c vớ i
thành phầ n mớ i trong HTML5 đó là: Form
WEB302_ HTML5 & CSS3 Lab2
2
Bài 1
Sinh viên tự thự c hành trư ớ c các bư ớ c trong SGK vớ i 2 thư mụ c:
- HTML5_06lessons
- HTML5_07lessons
Nộ p thư mụ c hoàn thiệ n theo tên:
- HTML5_06lessons_done
- HTML5_07lessons_done
Đây là dạ ng bài tậ p không chấ m điể m, tuy nhiên bắ t buộ c sinh viên phả i có kế t quả để nộ p cho
giả ng viên theo dõi. Nế u sinh viên nào không thự c hiệ n, giả ng viên có quyề n trừ điể m vào các
bài tậ p sau
Bài 2
Sử dụ ng kiế n thứ c đư ợ c họ c về cấ u trúc mã lệ nh, kiể m tra mã HTML5, hãy kiể m tra nhữ ng lỗ i
không theo chuẩ n HTML5 có trong file TaiNguyen\Lesson02\ index.html & common.css
1. Sinh viên sử dụ ng cách comment trong HTML để đánh dấ u nhữ ng chỗ sai
2. Sử a lạ i nhữ ng lỗ i sai đó theo đúng chuẩ n HTML5
Sinh viên lư u file theo tên: index_done.html
Bài 3
Sử dụ ng layout đăng ký thành viên trong thư mụ c TaiNguyen\Lesson03\ register.psd để thự c
hiệ n dàn theo chuẩ n HTML5 cho trang đăng ký
WEB302_ HTML5 & CSS3 Lab2
3
Yêu cầ u:
- Độ tuổ i trung bình chạ y từ 18 45, giá trị mặ c định là 20
- Sử dụ ng datalist cho tùy chọ n thành phố (tên thành phố sinh viên tùy ý nhậ p, ít nhấ t 5
thành phố )
- Yêu cầ u phả i có validator kiể m tra tính hợ p lệ củ a các input khi nhấ n nút sự kiệ n “Đăng
ký”
Sinh viên lư u file theo tên: register.html
Yêu cầ u nộ p bài
WEB302_ HTML5 & CSS3 Lab2
4
Cuố i giờ thự c hành, sinh viên tạ o thư mụ c theo tên < Tên đăng nhậ p SV> _Lab3, chứ a tấ t cả
sả n phẩ m củ a nhữ ng bài lab trên, nén lạ i thành file zip và upload lên mụ c nộ p bài tư ơ ng ứ ng
trên LMS.