Lập trình mạng – Chương 5 1 CHƯƠNG 5: LẬP TRÌNH WEB – CGI 5.1 Giới thiệu về lập trình web 5.2 HTMLs và FORMs 5.3 Lập trình web ở Client 5.4 DHTML 5.5 Phương pháp lập trình web với CGI Lập trình mạng – Chương 5 2 5.1 Giới thiệu về lập trình web • Hệ thống WWW tĩnh: – Tập hợp các trang HTML – Không tương tác được với user – Khó khăn trong việc cập nhật thông tin thường xuyên. • Ứng dụng web: – Có thể tương tác với user. – Có thể tương tác với các ứng dụng khác. Lập trình mạng – Chương 5 3 5.1 Giới thiệu về lập trình web • Các đặc điểm của ứng dụng web: – Không phải là một ứng dụng độc lập, là ứng dụng chạy trên nền web-server. – Người lập trình có thể thực hiện các thao tác trên ứng dụng web như với một ứng dụng độc lập. – Có thể lấy thông tin từ user. Lập trình mạng – Chương 5 4 5.2 HTMLs và FORMs • HTML(HyperText Markup Language): – Là ngôn ngữ dùng để biểu diễn trang web thông qua các tags. – Thông qua các tags có thể định dạng cách hiển thị trang web. – Một trang HTML có thể chèn các hình ảnh, âm thanh trong nó, có thể liên kết đến các trang HTML khác. Lập trình mạng – Chương 5 5 5.2 HTMLs và FORMs • Các tags HTML cơ bản: – Khung của một file HTML: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Tiêu đề của trang web</title> </head> <body> <!-- Nội dung trang web được trình bày ở đây--> </body> </html> Lập trình mạng – Chương 5 6 5.2 HTMLs và FORMs • Các tags HTML cơ bản: – Tiêu đề: • <Hn>…</Hn> (n: 1=>6) – Phân đoạn: • <p> … </p> – Kiểu chữ: • In đậm: <b>…</b> • In nghiêng: <i> … </i> • Gạch dưới: <u> … </u> Lập trình mạng – Chương 5 7 5.2 HTMLs và FORMs • Các tags HTML cơ bản: – Danh sách: • Đánh thứ tự: <ol> [<li>]+ </ol> • Không đánh thứ tự: <ul> [<li>]+ </ul> – Bảng: <table border="1" width="100%"> [<tr> [<td> … </td>]+ </tr>]+ </table> Trộn các ô: <td colspan=“số cột trộn"> </td> Lập trình mạng – Chương 5 8 5.2 HTMLs và FORMs • Các tags HTML cơ bản: – Chèn hình ảnh: • <img border="#" src="*" width="*" height="*"> – Tạo điểm đánh dấu (bookmark): <a name="*"> – Liên kết đến bookmark: • <a href="#bookmark-name"> … </a> – Liên kết đến một trang web khác: • <a href="path"> … </a> – Liên kết đến địa chỉ e-mail: • <a href="mailto:e-mail address"> … </a> Lập trình mạng – Chương 5 9 5.2 HTMLs và FORMs • Các tags HTML cơ bản: – Giữ định dạng đoạn khi soạn thảo: • <pre> … </pre> – Các ký tự đặc biệt: • Khoảng trắng: • © : © • ® : ® • < : < • > : > • & : & Lập trình mạng – Chương 5 10 5.2 HTMLs và FORMs • Các tags HTML cơ bản: – Số mũ: • Superscript: <sup> … </sup> • Subscript: <sub> … </sup> – Định dạng font chữ: • <font face=“” size=“” color=“”>…</font> – Đường ngăn cách: • <hr size=“” width=“”> – Xuống dòng trong một đoạn: • <br> 123doc.vn