1

Bài tập HTML 1 (Cơ bản, định dạng)

1/
Headings.html (Sử dụng
Heading)
2/
HeadingCenter.html (Phối hợp
các tag

3/ Alignment.html (Phoái hôïp caùc Tag)

4/ Emphasis.html
2

Bài tập HTML 2 (Cơ bản, định dạng)
1/ trungtamtinhoc.html

2/ ngonnguhtml.html

6/ chuongtrinhnganhwebsite.HTML

7) Tạo file tonghop.html sau:

6

Bài tập HTML 5 (Liên kết)
1/ Tạo tập tin Link.html : Tạo các liên kết đến các bài đã tạo phần trước

2/ Tạo tập tin
Search.html để xây dựng trang Web sau for Google
for Altavista
for Yahoo
7

Bài tập HTML 6 – Liên kết đến trong một trang
1/ chuongtrinhTKWeb.html

Phần I: HTML
Phần II: Java Script
Phần III: Photoshop
Phần IV: Flash
Phần V: Hình ảnh

Phần I: HTML
Giới thiệu về các thẻ trong HTML dùng để thiết kế và tạo trang Web, Nội dung gồm các phần sau:


1/ kythuatvientinhoc.html

Yêu cầu:
• Thiết kế nội dung theo mẫu
• Tại mục 2 tạo liên kết thực hiện mở 1 trang ChuongTrinhDTWeb.HTML (Cùng cửa sổ)
• Học phần I, II, III thực hiện tạo liên kết đấn từng học phần tương ứng trong cung trang hiện tại.

2/ danhbawebsite.html Yêu cầu:
Tạo liện kết đến các Website lần lượt theo trình tự:
www.vnexpress.net
www.tuoitre.com.vn
www.nhacso.net
www.ngoisao.net
www.echip.com.vn
www.vietnamnet.vn
Mở cửa sổ hộp thư cho phép soan gởI thư đến:
9

Bài tập HTML 8 (Table)

1/ Horizontal.html

2/ Table1.html

3/ Table2.html



3/ Submit.html 14

4/ Laythongtin.html 15

5/ Dangkymail.html

6/ Phanhoiykien.html
16

7/ Phieuthanhtoan.html

8/ Dangky2.html

17

Bài tập HTML 11 (CSS)
Dùng CSS, tạo trang menu.html như sau:
- Khi đưa chuột qua liên kết nào liên kết đó sẽ đổi màu.
- Liên kết đã được thăm sẽ có màu khác so với các liên kết còn lại


• “Khung trên”: Chèn 1 Tập tin ảnh làm Banner, Khoảng cách lề trái, phảI khung=0, Không co
thay đổI kích thước
• “Khung trái” : là trang DMTin.HTML chứa 2 liên kết mở 2 trang tương ứng: “Tinkt.HTML” &
“TinCT.HTML”
• “Khung nộI dung”: Hiện thị các trang được tạo liên kết từ khunbg trái. Mặc định ban đầu hiện
trang “TinKT.HTML”
• Các trang thiết kế theo mẩu sau:

Khi Cllick liên kết: “Kinh tế”

Khi Click liên kết “Chính trị ” 100
500
600
150
20


22

BÀI TẬP JAVASCRIPT
Bài 1: matran.html
Viết chương trình nhập vào 2 số m(dòng),n(cột) (dùng hàm prompt để nhập). Sau đó xuất ra trang
Web một Table theo dạng sau:
Ví dụ (m=3,n=4)
11
12
13
14
21
22
23
24
31
32
33
34

Bài 2: danhsachsinhvien.html
Viết chương trình nhập vào Mã số SV, Họ tên, Lớp (dùng hàm prompt để nhập) Sau đó hiển thị thông
tin vừa nhập vào ra bảng theo dạng sau:

Bài tập 3: dsnut_radio.html
Viết chương trình nhập vào số 3 số m,n , p (dùng hàm prompt). Sau đó tạo ra một Form gồm có m
phần tử Text , n nhóm radio mỗi nhóm có 2 tùy chọn các nút radio có giá trị lần lượt là 1->2*n , và 1
Dropdown menu(Listbox) có p tùy chọn mỗ i option có giá trị lần lượt là 1 ->p vàText của option là
Text1 ->Textp. (Lưu ý là các phần tử trên Form phải có tên khác nhau.)

Trong nó gồm các tùy chọn sau:
Mua vào, Bán ra là trường textbox
Loại xe là Dropdown Menu gồm các option
Text Value
Toyota /images/mer2.jpg
KIA /images/otoa1.jpg
Ford /images/t2.jpg
Cập nhật cho: gồm 2 tùy chọn lần lượt có giá trị là 1 , 0 mặc định không được chọn nút nào.
Update, State là nút button.
1) Khi trang load lên thì con trỏ nhập liệu trong trường ‘Mua vào’ và nút State ở chế độ không cho
phép chọn.
Yêu cầu xử lý:
2) Khi di chuyển con trỏ ra khỏi trường ‘Mua vào’ nếu như giá trị trường này là số và không rỗng
thì nút State sáng lên.
3) Khi Click vào mục chọn hình quãng cáo thì sẽ thể hiện hình đó bên vùng bên.
4) Khi bấm vào nút Update và nếu nút radio ‘Vàng’ được chọn thì cập dữ liệu ở ‘Bảng tin thị
trường’ trong mục ‘Vàng’ còn ngược lại thì cập nhật ở mục ‘USD’ tương ứng với trường ‘Mua
vào’ của cột ‘Mua vào’ và trường ‘Bán ra’ của cột ‘Bán ra’ (Dùng inner để cập nhật)
25

Bài 10: dangkyhocphan.html
Cho trang web sau:

Yêu cầu: (Tự thêm các option trong Listbox và đặt giá trị trong radio)
Hãy nhập dữ liệu trên Form sau đó bấm Dang ky thì dữ liệu sẽ hiện thị vào các cột tương ứng a,b,c,d
.(Lưu ý là dữ liệu trước đó vẫn còn) dùng:
a) innerHTML hoặc innerText
b) Iframe
Ví dụ: Thiết kế Form như sau: