• GVHD: Dương Khai Phong • Email: khaiphong@gmail.com • Website: http://khaiphong.tk • http://course.uit.edu.vn 1/ Giới thiệu tổng quan Web 2/ Ngôn ngữ HTML JavaScript 3/ Ngôn ngữ PHP 4/ Các đối tượng PHP 5/ PHP hướng đối tượng 6/ PHP sở liệu MySQL 7/ PHP AJAX 8/ PHP hệ thống mã nguồn mở 9/ Triển khai ứng dụng PHP PHẦN 2: Giới thiệu Cấu trúc HTML Các thẻ HTML Tạo bảng HTML Biểu mẫu thông tin người dùng HTML nâng cao a HTML gì?  HTML viết tắt HyperText Markup Language (Ngôn ngữ đánh dấu siêu văn bản) nhà khoa học Mỹ - Tim Berners Lee định nghĩa năm 1989  HyperText – Văn kết nối đến văn khác  Sử dụng “thẻ” để “đánh dấu” văn bản, giúp trình duyệt xác định cách biểu diễn trang web đến người sử dụng  Một tập tin HTML tập tin văn có chứa thẻ định dạng (các thẻ giúp trình duyệt Web xác định cách trình bày trang Web)  Một tập tin HTML phải có đuôi mở rộng htm html  Một tập tin HTML viết trình soạn thảo văn đơn giản b Các thẻ HTML:  Các thẻ HTML xác định nằm cặp ngoặc góc nhọn ‘’  Các thẻ HTML thường theo cặp:  Thẻ mở (thẻ bắt đầu):  Thẻ đóng (thẻ kết thúc): Ví dụ: cặp thẻ định dạng chữ đậm Xin chào  Các thẻ HTML không phân biệt chữ thường hay chữ hoa c Các thuộc tính thẻ HTML:  Thuộc tính dùng mô tả chi tiết thẻ  Thông thường có dạng: Tên_thuộc_tính=“Giá trị”  Các thuộc tính đặt thẻ sau: < Tên_thẻ Tên_thuộc_tính=“Giá trị”>  Một thẻ có nhiều thuộc tính: < Tên_thẻ Tên_TT01=“Giá trị” Tên_TT02=“Giá trị”>  Thẻ đóng thuộc tính Bắt đầu tài liệu HTML > … Bắt đầu phần Heading > > Kết thúc phần Heading > Bắt đầu phần thân tài liệu > … > Kết thúc phần thân tài liệu > Kết thúc tài liệu HTML > Thẻ Mô tả Khai báo tài liệu HTML Khai báo phần thân cho tài liệu Khai báo header đến header Chèn ký tự kết thúc dòng Khai báo đoạn Kẻ đường nằm ngang Chú thích a Thẻ HTML:  Công dụng: thẻ cho trình duyệt biết tài liệu HTML  Cú pháp: Nội dung… b Thẻ BODY:  Công dụng: thẻ khai báo phần nội dung tài liệu  Cú pháp: Nội dung… b Thẻ :  Công dụng: dùng để tạo biểu mẫu cho phép người dùng nhập vào liệu  Một biểu mẫu chứa vùng văn (textfield), hộp kiểm (checkbox), nút radio (radio-button) thành phần khác  Form dùng để chuyển liệu người dùng đến URL xác định b Thẻ :  Các thuộc tính chức năng: Thuộc tính method Giá trị Mô tả get post Phương thức HTTP để gởi liệu đến địa URL xác định Mặc định get • method="get": phương thức gởi nội dung form theo địa URL: URL?name=value&name=value • method="post": phương thức gởi nội dung form theo phần thân yêu cầu name form_name target _blank _self _parent _top Khai báo tên riêng cho form Vị trí mở URL đích URL • _blank : URL đích mở cửa sổ • _self : URL đích mở frame mà ta kích chọn • _parent : URL đích mở frame • _top : URL đích mở toàn phần thân cửa sổ b Thẻ :  Ví dụ: My first page First name: Last name: If you click the "Submit" button, you will send your input to a new page called form_action.asp c Thẻ :  Công dụng: dùng để khai báo nhãn cho điều khiển d Thẻ :  Công dụng: dùng để tạo trường nhập liệu mà người dùng đưa thông tin liệu vào  Nên sử dụng phần tử để khai báo nhãn cho điều khiển form e Thẻ :  Công dụng: dùng để tạo vùng văn (một điều khiển nhập liệu nhiều dòng)  Ví dụ: sử dụng thẻ label, text, textarea My first page Name: Notes: Notes f Thẻ :  Công dụng: dùng để tạo trường nhập liệu mà người dùng phép chọn lựa hay nhiều tùy chọn tùy chọn sẵn có  Ví dụ: sử dụng thẻ Radio, Checkbox My first page Dog Cat Bike: Car: Airplane: i Thẻ :  Công dụng: dùng để tạo danh sách đổ xuống, thường dùng chung với thẻ j Thẻ :  Công dụng: dùng để định nghĩa mục chọn danh sách đổ xuống (nên sử dụng chung với thuộc tính value) k Thẻ :  Công dụng: định nghĩa nhóm mục chọn danh sách đổ xuống  Ví dụ: sử dụng thẻ Select, Option My first page Nokia 6600 Samsung 8500 Samsung 7330  Ví dụ: sử dụng thẻ Select, Option, Optgroup My first page Nokia 6600 Samsung 8500 Samsung 7330 m Thẻ :  Công dụng: dùng để tạo nút bấm  Cú pháp: có dạng nút bấm Nội dung hiển thị nút  Ý nghĩa: • : dùng tạo nút bấm chứa nội dung hình ảnh bên nút • : nút bấm đặc biệt dùng để xác nhận thông tin gởi từ form • Click Me!   Ohhh Thẻ Mô tả Thẻ anchor dùng thiết lập kết nối đến tài liệu khác Thẻ image dùng để chèn hình ảnh tài liệu Thẻ tạo đề mục có đánh số thứ tự Thẻ tạo đề mục đánh số thứ tự Thẻ tạo đề mục Thẻ định dạng đường gạch thẻ Thẻ định dạng đường gạch bỏ dòng chữ Thẻ định dạng số H20 Thẻ định dạng số m2 Thẻ định dạng chữ in đậm Thẻ tạo nhiều trang web cửa sổ trình duyệt Thẻ tạo dòng chữ chạy hình … ĐH CÔNG NGHỆ THÔNG TIN http://sites.google.com/site/khaiphong 44         Họ tên: Mã SV: Lớp: Khoá: Email: Số ĐT: Kỹ lập trình: Dự án web làm: 01 A B C D 02 … 19 20 [...]... 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2  Các lưu ý khi tạo bảng:  Các ô trong bảng nếu không có nội dung thì sẽ hiển thị không đúng trong hầu hết các trình duyệt như: mất đường viền (ngoại trừ Mozilla Firefox thì có hiển thị) => Khắc phục: thêm vào các ô dữ liệu rỗng    Ví dụ 2: thẻ table và các thuộc tính:... chọn lựa một trong các tùy chọn sẵn có  Cú pháp: Chọn lựa 1 Chọn lựa 2 …  Lưu ý:  Thuộc tính name trong các khai báo trên phải cùng tên g Thẻ ... quan Web 2/ Ngôn ngữ HTML JavaScript 3/ Ngôn ngữ PHP 4/ Các đối tượng PHP 5/ PHP hướng đối tượng 6/ PHP sở liệu MySQL 7/ PHP AJAX 8/ PHP hệ thống mã nguồn mở 9/ Triển khai ứng dụng PHP PHẦN 2: Giới... THÔNG TIN http://sites.google.com/site/khaiphong 44         Họ tên: Mã SV: Lớp: Khoá: Email: Số ĐT: Kỹ lập trình: Dự án web làm: 01 A B C D 02 … 19 20 ... row 1, cell 2< /td> row 2, cell 1 row 2, cell 2< /td>  Các lưu ý tạo bảng:  Các ô bảng nội dung hiển thị không hầu hết trình duyệt như: