Giáo trình Ngôn ngữ HTML

Chia sẻ: Vũ Tấn Phát | Ngày: | Loại File: PDF | Số trang:254

Thêm vào BST

Báo xấu

235
lượt xem 76
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Giáo trình HTML được biên soạn nhằm giúp các bạn nắm được những kiến thức về: siêu liên kết, các thẻ cơ bản, sử dụng bảng và lớp, sử dụng biểu mẫu và khung, các Style Sheet, nền tảng cơ bản và cú pháp JavaScript, những đối tượng ngôn ngữ cơ bản trong JavaScript, xử lý Form và các sự kiện cho các phần tử trong Form.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Giáo trình Ngôn ngữ HTML

Mục lục Chương 1. Giới thiệu và siêu liên kết ........................................................................................................... 24 1.1. Mục tiêu bài học: ............................................................................................................................... 24 1.2. Giới thiệu........................................................................................................................................... 24 1.1.1. Giới thiệu Internet....................................................................................................................... 24 1.1.2. Giới thiệu HTML........................................................................................................................ 25 1.1.2.1 HTML Development.................................................................................................................... 26 1.1.2.2 Cấu trúc của một tài liệu HTML ................................................................................................. 27 1.1.2.2.1. Đoạn....................................................................................................................................... 27 1.1.2.2.2. Các thẻ ngắt............................................................................................................................ 28 1.1.2.2.3. Chọn canh lề........................................................................................................................... 29 1.1.2.3 Sử dụng thẻ ................................................................................................................. 30 1.1.2.4 Sử dụng ký tự đặc biệt trong tài liệu HTML................................................................................. 30 1.1.2.5 Sử dụng các siêu liên kết ............................................................................................................. 31 1.1.2.5.1. Giới thiệu siêu liên kết và URL................................................................................................ 31 1.1.2.5.2. Sử dụng siêu liên kết ............................................................................................................... 32 1.1.2.5.3. Liên kết đến những tài liệu khác .............................................................................................. 33 1.1.2.5.4. Liên kết đến các phần trong cùng một tài liệu.......................................................................... 34 1.1.2.5.5. Liên kết đến một điểm xác định ở một tài liệu khác .................................................................. 36 1.1.2.6 Sử dụng e-mail............................................................................................................................ 37 1.1.2.7 Điều hướng quanh Web site ........................................................................................................ 37 1.3. Tóm tắt bài học .................................................................................................................................. 38 1.4. Ôn tập ................................................................................................................................................ 39 1.5. Tự thực hành ..................................................................................................................................... 39 Chương 2. Giới thiệu và các siêu liên kết ..................................................................................................... 40
2.1. Mục tiêu bài học: ............................................................................................................................... 40 2.2. Phần I – Thực hiện trong 1h30’ đầu: .................................................................................................. 40 2.3. Phần II – Thực hiện trong 1h30’ tiếp theo: ......................................................................................... 46 2.4. Tự thực hành ..................................................................................................................................... 46 Chương 3. Các thẻ cơ bản ........................................................................................................................... 47 3.1. Mục tiêu bài học: ............................................................................................................................... 47 3.2. Giới thiệu........................................................................................................................................... 47 3.2.1. Headings (Tiêu đề).......................................................................................................................... 47 3.3. Các thẻ mức đoạn.............................................................................................................................. 48 3.3.1. Thẻ .............................................................................................................................. 48 3.3.2. Thẻ ....................................................................................................................... 49 3.3.3. Thẻ ...................................................................................................................................... 50 3.3.4. Thẻ khối , ................................................................................................................. 51 3.3.5. Các thẻ định dạng ký tự thường dùng............................................................................................ 52 3.3.5.1 Thẻ định dạng mức vật lý............................................................................................................... 52 3.3.5.2 Thẻ định dạng mức logic ................................................................................................................ 53 3.3.6. Danh sách ....................................................................................................................................... 54 3.3.6.1 Danh sách không thứ tự ................................................................................................................. 55 3.3.6.2 Danh sách có thứ tự ....................................................................................................................... 57 3.3.6.3 Danh sách định nghĩa ..................................................................................................................... 60 3.3.7. Thẻ kẻ đường ngang: ............................................................................................................ 61 3.3.8. Sử dụng font .................................................................................................................................. 62 3.3.9. Sử dụng màu sắc ............................................................................................................................ 63 3.3.10. Sử dụng hình ảnh trong tài liệu HTML ............................................................................................ 64 3.3.10.1 Ảnh GIF (Graphics Interchange Format) (.GIF)............................................................................. 64
3.3.10.2 Ảnh JPEG (Joint Photographic Expert Group) (.JPEG)................................................................... 65 3.3.10.3 PNG (Portable Network Graphics) ............................................................................................... 65 3.3.10.4 Chèn ảnh .................................................................................................................................... 65 3.4. Tóm tắt bài học .................................................................................................................................. 67 3.5. Ôn tập ................................................................................................................................................ 68 3.6. Tự thực hành ..................................................................................................................................... 68 Chương 4. Các thẻ cơ bản ........................................................................................................................... 69 4.1. Mục tiêu bài học: ............................................................................................................................... 69 4.2. Phần I – Thực hiện trong 1h30’ đầu: .................................................................................................. 69 4.3. Phần II – Thực hiện trong 1h30’ tiếp theo: ......................................................................................... 76 4.4. Tự thực hành ..................................................................................................................................... 76 Chương 5. Sử dụng bảng và lớp .................................................................................................................. 76 5.1. Mục tiệu bài học: ............................................................................................................................... 76 5.2. Giới thiệu........................................................................................................................................... 76 5.2.1. Cách tạo bảng ................................................................................................................................ 76 5.2.1.1 Thẻ dùng để tạo bảng .................................................................................................................... 77 5.2.1.2 Chèn hàng và cột ............................................................................................................................ 79 5.2.1.3 Xóa hàng và cột .............................................................................................................................. 80 5.2.1.4 Trộn ô: Kết hợp các cột hay dòng ................................................................................................... 81 5.2.1.5 Định dạng cho ô ............................................................................................................................. 83 5.2.2. Lớp (Layer): .................................................................................................................................... 85 5.2.2.1 Lớp là gì? ........................................................................................................................................ 85 5.2.2.2 Sử dụng các lớp ............................................................................................................................. 86 5.2.3. Chèn Multimedia vào tài liệu HTML ................................................................................................ 88 5.2.3.1 Chèn ảnh động vào (.GIF) vào tài liệu HTML ................................................................................... 88
5.2.3.2 Chèn âm thanh vào tài liệu HTML ................................................................................................... 89 5.2.3.3 Chèn Video vào tài liệu HTML ......................................................................................................... 90 5.2.4. Chèn các Java Applets ..................................................................................................................... 91 5.3. Tóm tắt bài học .................................................................................................................................. 92 5.4. Ôn tập ................................................................................................................................................ 93 5.5. Tự thực hành ..................................................................................................................................... 93 Chương 6. Sử dụng bảng và lớp .................................................................................................................. 94 6.1. Mục tiêu bài học: ............................................................................................................................... 94 6.2. Phần I – Thực hiện trong 1h30’ đầu: .................................................................................................. 94 6.3. Phần II – Thực hiện trong 1h30’ tiếp theo: ......................................................................................... 96 6.4. Tự thực hành ..................................................................................................................................... 96 Chương 7. Sử dụng biểu mẫu và khung ....................................................................................................... 97 7.1. Mục tiêu bài học: ............................................................................................................................... 97 7.2. Giới thiệu........................................................................................................................................... 97 7.2.1. Giới thiệu biểu mẫu ....................................................................................................................... 97 7.2.2. Sử dụng biểu mẫu.......................................................................................................................... 97 7.2.3. Phần tử FORM ............................................................................................................................... 98 7.2.4. Các phần tử nhập của HTML .......................................................................................................... 98 7.2.4.1 Phần tử INPUT ............................................................................................................................... 99 7.2.4.1.1. Nút bấm ..................................................................................................................................... 99 7.2.4.1.2. Văn bản ...................................................................................................................................... 99 7.2.4.1.3. Checkbox (Hộp kiểm)................................................................................................................ 100 7.2.4.1.4. Radio ........................................................................................................................................ 100 7.2.4.1.5. Submit ...................................................................................................................................... 100 7.2.4.1.6. Ảnh .......................................................................................................................................... 100
7.2.4.1.7. Reset ........................................................................................................................................ 101 7.2.4.1.8. Phần tử TextArea (vùng văn bản) ............................................................................................. 102 7.2.4.1.9. Phần tử BUTTON (Nút bấm) ..................................................................................................... 102 7.2.4.1.10. Phần tử lựa chọn (Select) ..................................................................................................... 104 7.2.4.1.11. Phần tử LABEL (Nhãn)........................................................................................................... 106 7.2.4.2 Tạo biểu mẫu ............................................................................................................................... 107 7.2.4.2.1. Thiết lập tiêu điểm (Focus) ....................................................................................................... 108 7.2.4.2.2. Thứ tự tab ................................................................................................................................ 109 7.2.4.2.3. Phím truy cập (Access Keys)...................................................................................................... 109 7.2.4.2.4. Phần tử vô hiệu hóa (Disabling Elements) ................................................................................ 109 7.2.5. Khung (Frame) .............................................................................................................................. 109 7.2.5.1 Tại sao sử dụng khung ? ............................................................................................................... 110 7.2.5.2 Sử dụng khung ............................................................................................................................. 110 7.2.6. Liên kết các khung ........................................................................................................................ 114 7.2.6.1 Phần tử NOFRAMES ..................................................................................................................... 115 7.2.6.2 Phần tử IFRAME – khung trên dòng (inline frame) ........................................................................ 115 7.3. Tóm tắt bài học ................................................................................................................................ 116 7.4. Ôn tập .............................................................................................................................................. 117 7.5. Tự thực hành ................................................................................................................................... 118 Chương 8. Sử dụng biểu mẫu và khung ..................................................................................................... 118 8.1. Mục tiêu bài học: ............................................................................................................................. 118 8.2. Phần I – Thực hiện trong 1h30’ đầu: ................................................................................................ 119 8.2.1. Sử dụng biểu mẫu........................................................................................................................ 119 8.2.2. Sử dụng khung: ............................................................................................................................ 122 8.2.3. Sử dụng khung trên dòng: ............................................................................................................ 122
8.3. Phần II – Thực hiện trong 1h30’ tiếp theo: ....................................................................................... 122 8.4. Tự thực hành ................................................................................................................................... 123 Chương 9. Các style sheet .......................................................................................................................... 123 9.1. Mục tiêu bài học: ............................................................................................................................. 123 9.2. Giới thiệu......................................................................................................................................... 124 9.2.1. DHTML ......................................................................................................................................... 124 9.2.1.1 Giới thiệu DHTML......................................................................................................................... 124 9.2.1.2 Các đặc điểm của DHTML ............................................................................................................. 125 9.2.1.2.1. Kiểu động (Dynamic Style) ........................................................................................................ 125 9.2.1.2.2. Nội dung động (Dynamic Content) ............................................................................................ 125 9.2.1.2.3. Định vị (Positioning) .................................................................................................................. 125 9.2.1.2.4. Liên kết dữ liệu (Data Binding) ................................................................................................. 126 9.2.1.2.5. Downloadable Fonts (Có khả năng tải Font chữ) ...................................................................... 126 9.2.1.2.6. Scripting ................................................................................................................................... 126 9.2.1.2.7. Cấu trúc đối tượng (Object Structure) ...................................................................................... 126 9.2.2. Style Sheets .................................................................................................................................. 126 9.2.2.1 Khái niệm, chức năng và các thuận lợi của stylesheet .................................................................. 126 9.2.2.2 Lợi ích của các stylesheet ............................................................................................................. 127 9.2.2.2.1. Nạp chồng trình duyệt: ............................................................................................................ 127 9.2.2.2.2. Bố cục trang (Page layout) ........................................................................................................ 128 9.2.2.2.3. Sử dụng lại các stylesheet ........................................................................................................ 128 9.2.2.2.4. Chỉ cần làm một lần thật tốt .................................................................................................... 128 9.2.2.3 Qui tắc stylesheet......................................................................................................................... 128 9.2.2.3.1. Qui tắc kiểu (Style Rule) ........................................................................................................... 128 9.2.2.3.2. Style Sheet................................................................................................................................ 128
9.2.2.3.3. Các qui tắc (Rules) .................................................................................................................... 128 9.2.2.4 Các Selector (selector ) trong style sheet (hay các giả lớp) ........................................................... 131 9.2.2.5 Selector đơn................................................................................................................................. 131 9.2.2.6 Selector HTML .............................................................................................................................. 131 9.2.2.7 Selector lớp .................................................................................................................................. 132 9.2.2.8 Selector ID .................................................................................................................................... 134 9.2.2.9 Selector ngữ cảnh ........................................................................................................................ 136 9.2.3. Kết hợp, liên kết và chèn một style sheet vào tài liệu HTML ......................................................... 137 9.2.3.1 Phần tử STYLE .............................................................................................................................. 137 9.2.3.2 Phần tử Link ................................................................................................................................. 138 1. Sheet1.css......................................................................................................................................... 138 2. Tệp .htm ........................................................................................................................................... 138 9.2.4. Thiết lập thuộc tính trong stylesheet ............................................................................................ 139 9.3. Tóm tắt bài học ................................................................................................................................ 139 9.4. Ôn tập .............................................................................................................................................. 140 9.5. Tự thực hành ................................................................................................................................... 140 Chương 10. Các style sheet .......................................................................................................................... 140 10.1. Mục tiêu bài học:.......................................................................................................................... 140 10.2. Phần I – Thực hiện trong 1h30’ đầu: ............................................................................................ 140 10.2.1. Viết những style sheet ................................................................................................................. 140 10.3. Phần II – Thực hiện trong 1h30’ tiếp theo: ................................................................................... 143 10.4. Tự thực hành ............................................................................................................................... 144 Chương 11. Nền tảng cơ bản và cú pháp JavaScript .................................................................................... 145 11.1. Mục tiêu bài học:.......................................................................................................................... 145 11.2. Giới thiệu ..................................................................................................................................... 145
1.1.3. Giới thiệu về Javascript............................................................................................................. 145 1.1.3.1 JavaScript là gì? ........................................................................................................................ 145 1.1.3.2 Định nghĩa ................................................................................................................................ 146 1.1.4. Hiệu ứng và quy tắc JavaScript ................................................................................................. 146 1.1.5. Các công cụ JavaScript và IDE, và môi trường thực thi ............................................................. 147 1.1.5.1 Client-side Java Script .............................................................................................................. 147 1.1.5.2 JavaScript trên Web Server ....................................................................................................... 147 1.1.6. Nhúng JavaScript vào trong trang Web ..................................................................................... 148 1.1.6.1 Dùng thẻ SCRIPT ..................................................................................................................... 148 1.1.6.2 Dùng file bên ngoài .................................................................................................................. 149 1.1.6.3 Đặt các biểu thức JavaScript là giá trị cho các thuộc tính của thẻ HTML .................................. 150 1.1.6.4 Dùng JavaScript trong trình xử lý sự kiện ................................................................................. 151 1.1.7. Ví dụ đơn giản sử dụng các hộp thông báo và phương thức write .............................................. 152 1.2. Các biến (Variables) ..................................................................................................................... 153 1.2.1. Khai báo biến ........................................................................................................................... 153 1.2.2. Phạm vi của biến ...................................................................................................................... 153 1.2.3. Literals ..................................................................................................................................... 153 1.2.4. Các kiểu dữ liệu ........................................................................................................................ 153 1.2.4.1 Số nguyên................................................................................................................................. 156 1.2.4.2 Số thực (Floating-point) ............................................................................................................ 156 1.2.4.3 Chuỗi........................................................................................................................................ 156 1.2.4.3.1. Ký tự backspace.................................................................................................................... 156 1.2.4.3.2. Ký tự form feed (sang trang) ................................................................................................. 156 1.2.4.3.3. Ký tự new line (xuống dòng) ................................................................................................. 156 1.2.4.3.4. Ký tự carriage return (Phím xuống dòng) .............................................................................. 157
1.2.4.3.5. Ký tự tab............................................................................................................................... 157 1.2.4.4 Boolean .................................................................................................................................... 157 1.2.4.5 Null .......................................................................................................................................... 157 11.3. Các toán tử................................................................................................................................... 157 11.3.1. Toán tử số học ............................................................................................................................. 157 11.3.2. Các toán tử so sánh ...................................................................................................................... 158 11.3.3. Toán tử logic ................................................................................................................................ 159 11.3.4. Toán tử chuỗi ............................................................................................................................... 160 11.3.4.1 Toán tử Evaluation ................................................................................................................... 160 11.3.4.2 Toán tử điều kiện ..................................................................................................................... 160 11.3.4.3 typeof ....................................................................................................................................... 161 11.3.5. Mức ưu tiên của các toán tử ........................................................................................................ 162 11.4. Các biểu thức ............................................................................................................................... 162 11.4.1. Các biểu thức quy tắc................................................................................................................... 162 11.4.1.1 Các mẫu đơn giản (Simple pattern). ......................................................................................... 163 11.4.1.2 Kết hợp các ký tự đơn giản và đặc biệt. ................................................................................... 163 11.4.2. Tạo một biểu thức quy tắc ........................................................................................................... 164 11.4.2.1 Sử dụng khởi tạo đối tượng (Object initializer). ....................................................................... 164 11.4.2.2 Gọi hàm khởi tạo của đối tượng RegExp. ................................................................................. 164 11.4.3. Sử dụng biểu thức quy tắc ........................................................................................................... 165 11.5. 13.6 Mảng .................................................................................................................................... 166 11.5.1. Tạo mảng ..................................................................................................................................... 167 11.5.2. Thêm các phần tử ........................................................................................................................ 167 11.5.3. Truy cập các phần tử mảng .......................................................................................................... 168 11.5.4. Sử dụng các phương thức của mảng: .......................................................................................... 168
11.5.5. Mảng nhiều chiều ........................................................................................................................ 169 11.6. Các câu lệnh điều kiện ................................................................................................................. 170 11.6.1. Câu lệnh if . . . else....................................................................................................................... 170 11.6.2. Lệnh switch .................................................................................................................................. 170 11.6.3. Các lệnh vòng lặp ......................................................................................................................... 171 11.6.4. Vòng lặp “for” .............................................................................................................................. 171 11.6.5. Do . . . while.................................................................................................................................. 173 11.6.6. Lệnh while.................................................................................................................................... 173 11.6.7. Câu lệnh break & continue ........................................................................................................... 173 11.6.8. for...in .......................................................................................................................................... 173 11.6.9. With ............................................................................................................................................. 174 11.7. Hàm (function) ............................................................................................................................. 174 11.7.1. hàm eval....................................................................................................................................... 175 11.7.2. eval(string) ................................................................................................................................... 175 11.7.3. Hàm isNaN ................................................................................................................................... 175 11.7.4. Tạo hàm do người dùng định nghĩa.............................................................................................. 175 11.7.4.1 Định nghĩa hàm......................................................................................................................... 175 11.7.4.2 Gọi một hàm ............................................................................................................................ 175 11.7.4.3 Câu lệnh return ........................................................................................................................ 176 11.8. Tóm tắt bài học ............................................................................................................................ 177 11.9. Ôn tập .......................................................................................................................................... 178 11.10. Tự thực hành ............................................................................................................................... 178 Chương 12. Nền tảng cơ bản và cú pháp JavaScript .................................................................................... 179 12.1. Mục tiêu bài học:.......................................................................................................................... 179 12.2. Phần I – Thực hiện trong 1h30’ đầu: ............................................................................................ 179
12.3. Phần II – Thực hiện trong 1h30’ tiếp theo: ................................................................................... 182 Chương 13. Các đối tượng cơ bản trong JavaScript ..................................................................................... 183 13.1. Mục tiêu bài học:.......................................................................................................................... 183 13.2. Giới thiệu ..................................................................................................................................... 183 13.2.1. Các đối tượng JavaScript .............................................................................................................. 183 13.2.2. Cây phân cấp của đối tượng ........................................................................................................ 184 13.2.3. Câu lệnh this ................................................................................................................................ 184 13.2.4. Câu lệnh for…in ............................................................................................................................ 186 13.2.5. Câu lệnh with ............................................................................................................................... 187 13.2.6. Câu lệnh new ............................................................................................................................... 188 13.2.7. Câu lệnh eval ................................................................................................................................ 189 13.2.8. Đối tượng String .......................................................................................................................... 190 13.2.8.1 Các thuộc tính: ......................................................................................................................... 190 13.2.8.2 Phương thức: ........................................................................................................................... 190 13.2.9. Đối tượng Math ........................................................................................................................... 191 13.2.9.1 Thuộc tính: ............................................................................................................................... 191 13.2.9.2 Phương thức: ........................................................................................................................... 191 13.2.10. Đối tượng Date ........................................................................................................................ 193 13.2.10.1 Phương thức: ........................................................................................................................... 194 13.2.10.2 Nhóm phương thức get: .......................................................................................................... 194 13.2.10.3 Nhóm phương thức set: ........................................................................................................... 194 13.2.10.4 Nhóm phương thức to: ............................................................................................................ 195 13.2.10.5 Nhóm phương thức Parse & UTC: ............................................................................................ 195 13.3. Tóm tắt bài học ............................................................................................................................ 196 13.4. Ôn tập .......................................................................................................................................... 197
13.5. Tự thực hành ............................................................................................................................... 197 Chương 14. Những đối tượng ngôn ngữ cơ bản trong JavaScript................................................................ 197 14.1. Mục tiêu bài học:.......................................................................................................................... 197 14.2. Phần I – Thực hiện trong 1h30’ đầu: ............................................................................................ 197 14.3. Phần II – Thực hiện trong 1h30’ tiếp theo: ................................................................................... 199 14.4. Tự thực hành ............................................................................................................................... 200 Chương 15. Các đối tượng của trình duyệt trong JavaScript ........................................................................ 200 15.1. Mục tiêu bài học:.......................................................................................................................... 200 15.2. Giới thiệu ..................................................................................................................................... 200 15.2.1. Đối tượng Event - Khái niệm ....................................................................................................... 200 15.2.2. Các sự kiện JavaScript.................................................................................................................. 201 15.2.3. onClick.......................................................................................................................................... 201 15.2.4. onChange ..................................................................................................................................... 202 15.2.5. onFocus ........................................................................................................................................ 204 15.2.6. onBlur .......................................................................................................................................... 204 15.2.7. onMouseOver............................................................................................................................... 204 15.2.8. onMouseOut ................................................................................................................................ 204 15.2.9. OnLoad ......................................................................................................................................... 205 15.2.10. onSubmit .................................................................................................................................. 206 15.2.11. onMouseDown ......................................................................................................................... 206 15.2.12. onMouseUp .............................................................................................................................. 206 15.2.13. onResize ................................................................................................................................... 207 15.3. Trình xử lý sự kiện........................................................................................................................ 208 15.4. Trình xử lý sự kiện cho các thẻ HTML ........................................................................................... 208 15.5. Trình xử lý sự kiện như là những thuộc tính ................................................................................ 209
15.6. Đối tượng trình duyệt thông thường ........................................................................................... 209 15.7. Mô hình đối tượng (DOM) ........................................................................................................... 210 15.8. Đối tượng Window ...................................................................................................................... 210 15.8.1. Các thuộc tính .............................................................................................................................. 211 15.8.2. Những phương thức .................................................................................................................... 211 15.9. Đối tượng Document ................................................................................................................... 211 15.9.1. Các thuộc tính .............................................................................................................................. 212 15.9.2. Các phương thức ......................................................................................................................... 212 15.10. Đối tượng History ........................................................................................................................ 212 Các phương thức ........................................................................................................................................ 213 15.11. Đối tượng Location ...................................................................................................................... 213 15.11.1. Các thuộc tính .......................................................................................................................... 213 15.11.2. Các phương thức ..................................................................................................................... 213 15.12. Tóm tắt bài học ............................................................................................................................ 213 15.13. Ôn tập .......................................................................................................................................... 214 15.14. Tự thực hành ............................................................................................................................... 214 Chương 16. Các đối tượng của trình duyệt trong JavaScript ........................................................................ 216 16.1. Mục tiêu bài học:.......................................................................................................................... 216 16.2. Phần I – Thực hiện trong 1h30’ đầu: ............................................................................................ 216 16.3. Phần II – Thực hiện trong 1h30’ tiếp theo: ................................................................................... 221 16.4. Tự thực hành ............................................................................................................................... 222 Chương 17. Xử lý Form và các sự kiện cho các phần tử trong Form............................................................. 223 17.1. Mục tiêu bài học:.......................................................................................................................... 223 17.2. Giới thiệu ..................................................................................................................................... 223 17.2.1. Đối tượng Form ........................................................................................................................... 223
17.2.2. Đối tượng Textfield (trường văn bản) .......................................................................................... 224 17.2.3. Đối tượng Command Button ........................................................................................................ 227 17.2.4. Đối tượng Checkbox .................................................................................................................... 228 17.2.5. Đối tượng radio ........................................................................................................................... 229 17.2.6. Đối tượng ComboBox / lựa chọn.................................................................................................. 231 17.3. Kiểm tra tính hợp lệ của nội dung các trường trên form .............................................................. 232 17.4. Tóm tắt bài học ............................................................................................................................ 234 17.5. Ôn tập .......................................................................................................................................... 234 17.6. Tự thực hành ............................................................................................................................... 234 Chương 18. Xử lý Form và các sự kiện cho các phần tử trong Form............................................................. 235 18.1. Mục tiêu bài học:.......................................................................................................................... 235 18.2. Phần I – Thực hiện trong 1h30’ đầu: ............................................................................................ 235 18.3. Phần II – Thực hiện trong 1h30’ tiếp theo: ................................................................................... 241 18.4. Tự thực hành ............................................................................................................................... 244 Glossary........................................................................................................................................................... 245 B. Arrays : Mảng ....................................................................................................................................... 245 C. Body Sec on : Phần thân (văn bản HTML) ............................................................................................ 245 D. Browser : Trình duyệt ........................................................................................................................... 245 E. Controls : Các điều khiển ...................................................................................................................... 245 F. DHTML ................................................................................................................................................. 245 G. Event : Sự kiện ..................................................................................................................................... 246 H. Event Handler : Bộ điều khiển sự kiện .................................................................................................. 246 I. Expression : Biểu thức .......................................................................................................................... 246 J. External link : Liên kết ngoài ................................................................................................................. 246 K. Form : Biểu mẫu ................................................................................................................................... 246
L. Frame : Khung ...................................................................................................................................... 246 M. FrontPage......................................................................................................................................... 246 N. Header Section : Phần êu đề ............................................................................................................. 246 O. HTML ................................................................................................................................................... 247 P. Hyperimages : Liên kết ảnh................................................................................................................... 247 Q. Hyperlink : Siêu liên kết ....................................................................................................................... 247 R. Image Map : Bản đồ ảnh ...................................................................................................................... 247 S. Internal Link : Liên kết trong ................................................................................................................. 247 T. Internet................................................................................................................................................ 247 U. JavaScript ............................................................................................................................................. 247 V. Layer : Tầng .......................................................................................................................................... 247 W. Mosaic ............................................................................................................................................. 247 X. Network : Mạng ................................................................................................................................... 247 Y. Object : Đối tượng ............................................................................................................................... 248 Z. Protocol : Giao thức ............................................................................................................................. 248 AA. Style Sheets : Bảng kiểu .................................................................................................................... 248 BB. Tags : Thẻ ......................................................................................................................................... 248 CC. Uniform Resource Locator (or URL) .................................................................................................. 248 DD. Variable : Biến .................................................................................................................................. 248 EE. Web Server ...................................................................................................................................... 248 FF. The server application that stores web pages, accepts the browser’s requests and returns appropriate web pages. .................................................................................................................................................. 248 GG. World Wide Web (or WWW) ............................................................................................................ 248 Phụ lục 1: Các thuộc tính sử dụng trong Style sheet ........................................................................................ 248 Phụ lục 2: Các từ khoá trong JavaScript ........................................................................................................... 251 Mục lục Bảng:
Bảng 1-1: Thuộc tính align ................................................................................................................................. 29 Bảng 1-2: Ký tự đặc biệt trong HTML ................................................................................................................ 31 Bảng 3-1: Thẻ định dạng mức vật lý .................................................................................................................. 53 Bảng 3-2: Thuộc tính Type ................................................................................................................................. 57 Bảng 3-3: Thông số cho mục danh sách ............................................................................................................. 58 Bảng 3-4: Thuộc tính thẻ HR .............................................................................................................................. 62 Bảng 3-5: Mã màu ............................................................................................................................................. 64 Bảng 11-1: Liệt kê ký tự đặc biệt ..................................................................................................................... 156 Mục lục Hình: Hình 1-1: Internet.............................................................................................................................................. 24 Hình 1-2: Trình duyệt yêu cầu đến máy chủ ..................................................................................................... 25 Hình 1-3: Kết quả ví dụ 1 .................................................................................................................................. 26 Hình 1-4: Kết quả của ví dụ 2 ............................................................................................................................ 27 Hình 1-5: Kết quả của ví dụ 3 ............................................................................................................................ 28 Hình 1-6: Kết quả của ví dụ 4 ............................................................................................................................ 29 Hình 1-7: Kết quả của ví dụ 5 ............................................................................................................................ 30 Hình 1-8: Kết quả của ví dụ 6 ............................................................................................................................ 33 Hình 1-9: Kết quả của ví dụ 7 ............................................................................................................................ 34 Hình 1-10: Kết quả của ví dụ 7 .......................................................................................................................... 35 Hình 1-11: Kết quả sau khi click vào Internet .................................................................................................... 36 Hình 1-12: Kết quả của ví dụ 9 .......................................................................................................................... 37 Hình 1-13: Kết quả sau khi click vào Internet .................................................................................................... 37 Hình 2-1: Kết quả ví dụ 1 (trước khi kích vào liên kết) ...................................................................................... 41 Hình 2-2: Kết quả ví dụ 1 sau khi click vào liên kết ............................................................................................ 42 Hình 2-3: Kết quả của ví dụ 2 ............................................................................................................................ 43
Hình 2-4: Kết quả của ví dụ 2 sau khi kích vào Overview ................................................................................... 43 Hình 2-5: Kết quả của ví dụ 2 sau khi kích vào Benefits ..................................................................................... 44 Hình 2-6: Kết quả của ví dụ 2 sau khi kích vào Features .................................................................................... 44 Hình 2-7: Kết quả của Ví dụ 2 sau khi kích vào Technical Specifications ............................................................ 45 Hình 2-8: Kết quả của ví dụ 3 ............................................................................................................................ 45 Hình 2-9: Kết quả của ví dụ 4 ............................................................................................................................ 46 Hình 3-1: Kết quả ví dụ 1 .................................................................................................................................. 48 Hình 3-2: Kết quả ví dụ 2 .................................................................................................................................. 49 Hình 3-3: Kết quả ví dụ 3 .................................................................................................................................. 50 Hình 3-4: Kết quả ví dụ 4 .................................................................................................................................. 51 Hình 3-5: Kết quả ví dụ 5 .................................................................................................................................. 52 Hình 3-6: Kết quả ví dụ 6 .................................................................................................................................. 55 Hình 3-7: Kết quả ví dụ 7 .................................................................................................................................. 56 Hình 3-8: Kết quả ví dụ 8 .................................................................................................................................. 58 Hình 3-9: Kết quả ví dụ 9 .................................................................................................................................. 59 Hình 3-10: Kết quả ví dụ 10 .............................................................................................................................. 60 Hình 3-11: Kết quả ví dụ 11 .............................................................................................................................. 61 Hình 3-12: Kết quả ví dụ 12 .............................................................................................................................. 62 Hình 3-13: Kết quả của ví dụ 13 ........................................................................................................................ 63 Hình 3-14: Kết quả của ví dụ 14 ........................................................................................................................ 64 Hình 3-15: Kết quả ví dụ 15 .............................................................................................................................. 66 Hình 3-16: Kết quả ví dụ 16 (dòng văn bản giải thích hiển thị khi di chuyển chuột vào ảnh) ............................ 67 Hình 4-1: Kết quả ví dụ 1 ................................................................................................................................. 70 Hình 4-2: Kết quả ví dụ 2 ................................................................................................................................. 71 Hình 4-3: Kết quả ví dụ 3 ................................................................................................................................. 72
Hình 4-4: Kết quả ví dụ 4 ................................................................................................................................. 72 Hình 4-5: Kết quả ví dụ 5 ................................................................................................................................. 74 Hình 4-6: Kết quả ví dụ 6 ................................................................................................................................. 75 Hình 4-7: Kết quả ví dụ 7 ................................................................................................................................. 75 Hình 5-1: Mô hình của bảng.............................................................................................................................. 77 Hình 5-2: Kết quả của ví dụ 1 ............................................................................................................................ 77 Hình 5-3: Kết quả của ví dụ 2 ............................................................................................................................ 78 Hình 5-4: Kết quả của ví dụ 3 ............................................................................................................................ 79 Hình 5-5: Kết quả của ví dụ 4 ............................................................................................................................ 80 Hình 5-6: Kết quả của ví dụ 5 ............................................................................................................................ 81 Hình 5-7: Kết quả của ví dụ 6 ............................................................................................................................ 82 Hình 5-8: Kết quả của ví dụ 7 ............................................................................................................................ 83 Hình 5-9: Kết quả của ví dụ 8 ............................................................................................................................ 84 Hình 5-10 Kết quả của ví dụ 9 ........................................................................................................................... 85 Hình 5-11: Kết quả của ví dụ 10 ........................................................................................................................ 87 Hình 5-12: Kết quả của ví dụ 11 ........................................................................................................................ 88 Hình 5-13: Kết quả của ví dụ 12 ........................................................................................................................ 89 Hình 5-14: Kết quả của ví dụ 13 ........................................................................................................................ 90 Hình 5-15: Kết quả của ví dụ 14 ........................................................................................................................ 91 Hình 5-16: Kết quả của ví dụ 15 ........................................................................................................................ 92 Hình 6-1: Kết quả ví dụ 1 ................................................................................................................................. 95 Hình 6-2: Kết quả ví dụ 2 ................................................................................................................................. 95 Hình 6-3: ........................................................................................................................................................... 96 Hình 6-4: ........................................................................................................................................................... 97 Hình 7-1: Kết quả ví dụ 1 ............................................................................................................................... 102
Hình 7-2: Kết quả ví dụ 2 ............................................................................................................................... 104 Hình 7-3: Kết quả ví dụ 3 ............................................................................................................................... 105 Hình 7-4: Kết quả ví dụ 4 ............................................................................................................................... 106 Hình 7-5: Kết quả ví dụ 5 ............................................................................................................................... 107 Hình 7-6: Kết quả ví dụ 6 ............................................................................................................................... 108 Hình 7-7: Khung trong trang Web.................................................................................................................... 110 Hình 7-8: Kết quả ví dụ 7 ................................................................................................................................ 111 Hình 7-9: Kết quả ví dụ 8 ................................................................................................................................ 112 Hình 7-10: Kết quả ví dụ 9 .............................................................................................................................. 113 Hình 7-11: Kết quả ví dụ 10 ............................................................................................................................ 113 Hình 7-12: Kết quả ví dụ 11 ............................................................................................................................ 114 Hình 7-13 Kết quả ví dụ 12 ............................................................................................................................. 115 Hình 7-14:: Kết quả ví dụ 14 (trình duyệt có hỗ trợ khung) ............................................................................. 116 Hình 8-1 Kết quả ví dụ 1 ................................................................................................................................. 120 Hình 8-2: Kết quả ví dụ 2 ................................................................................................................................ 122 Hình 8-3: ......................................................................................................................................................... 123 Hình 9-1: Kết quả ví dụ 1 ................................................................................................................................ 127 Hình 9-2: Kết quả ví dụ 2 ................................................................................................................................ 130 Hình 9-3: Kết quả Ví dụ 3 ................................................................................................................................ 131 Hình 9-4: Kết quả ví dụ 4 ............................................................................................................................... 132 Hình 9-5: Kết quả ví dụ 5 ............................................................................................................................... 133 Hình 9-6: Kết quả ví dụ 6 ............................................................................................................................... 134 Hình 9-7: Kết quả ví dụ 7 ................................................................................................................................ 135 Hình 9-8: Kết quả ví dụ 8 ................................................................................................................................ 136 Hình 9-9: Kết quả ví dụ 9 ............................................................................................................................... 137
Hình 9-10: Kết quả ví dụ 10 ............................................................................................................................ 139 Hình 9-11: .............................................................................................................. Error! Bookmark not defined. Hình 10-1: Kết quả của Ví dụ 1 ....................................................................................................................... 141 Hình 10-2: Kết quả của Ví dụ 2 ....................................................................................................................... 141 Hình 10-3: Kết quả của ví dụ 3 ........................................................................................................................ 142 Hình 10-4: Kết quả của Ví dụ 4 ....................................................................................................................... 143 Hình 10-5: Kết quả Ví dụ 5 .............................................................................................................................. 143 Hình 10-6: ....................................................................................................................................................... 144 Hình 10-7: ....................................................................................................................................................... 144 Hình 10-8: ....................................................................................................................................................... 145 Hình 11-1: Dùng JavaScript ............................................................................................................................. 149 Hình 11-2: Dùng JavaScript – File ngoài ........................................................................................................... 150 Hình 11-3: Dùng các biểu thức JavaScript ....................................................................................................... 151 Hình 11-4: Dùng JavaScript - Alert ................................................................................................................... 152 Hình 11-5: Dùng JavaScript – Confirm, Alert và Write ...................................................................................... 152 Hình 11-6: Các biến JavaScript: ....................................................................................................................... 154 Hình 11-7: JavaScript: variables (1).................................................................................................................. 155 Hình 11-8: JavaScript: Ví dụ NaN ..................................................................................................................... 156 Hình 11-9:JavaScript: Các toán tử số học ................................................................................................... 158 Hình 11-10: JavaScript: Toán tử logic .............................................................................................................. 160 Hình 11-11: JavaScript: Toán tử Logic ............................................................................................................. 161 Hình 11-13: JavaScript: Toán tử typeof ........................................................................................................... 161 Hình 11-14: JavaScript: Biểu thức ................................................................................................................... 166 Hình 11-15JavaScript: Các biểu thức (1) .......................................................................................................... 166 Hình 11-16: JavaScript: Mảng ......................................................................................................................... 168