Bài giảng Lập trình Web - Chương 1: HTML

BÀI GIẢNG LẬP TRÌNH WEB 1 Chương 1 HTML GV: Nguyễn Duy Nhất nhatnd@hcm.fpt.vn Chương 1 : HTML Giới thiệu HTML §1. Giới thiệu Internet & World Wide Web §1. Giới thiệu Internet & World Wide Web Internet Là một mạng máy tính toàn cầu. Mỗi máy tính “online” được xác định bởi một địa chỉ IP. Máy tính “online” có cài đặt một dịch vụ mạng (HTTP, FTP, Mail, ...) được gọi là một máy chủ (Server). Mỗi Server thường được đăng ký một tên miền (domain name) để người sử dụng dễ truy cập. §1. Giới thiệu Internet & World Wide Web World Wide Web Server có cung cấp dịch vụ Web (Web Service) thông qua giao thức HTTP được gọi là Web Server. Máy tính truy cập vào Web Server để yêu cầu (duyệt) trang web được gọi là Web Client. World Wide Web là tập hợp tất cả các Web Server và Web Client trong Internet. §1. Giới thiệu Internet & World Wide Web Web server IIS §1. Giới thiệu Giao dịch giữa Web Server và Web Client Trang Web Thông tin được thể hiện trong các tài liệu động gọi là các Web Pages. Web Pages được lập trình bởi một ngôn ngữ chính gọi là ngôn ngữ kịch bản (script) HTML. Với HTML, Web Pages có thể thể hiện hình ảnh, âm thanh, video clip, ... có thể liên kết với (gọi) các Web Pages khác. §1. Giới thiệu Giao dịch giữa Web Server và Web Client Trang Web Mã nguồn (source) của Web Page là mã HTML xây dựng nên Web Page đó, thường được lưu trong file có phần mở rộng là .htm, .html, .asp, .jsp, ... Phần mềm đọc mã HTML và hiển thị nội dung trang web tương ứng được gọi là trình duyệt web (Web Browser), như Internet Explorer, Netscape, Opera, ...  Các Web Client phải được cài đặt Web Browser §1. Giới thiệu Giao dịch giữa Web Server và Web Client Trang Web Phần mềm cho phép xây dựng mã nguồn trang web bằng tương tác giao diện được gọi là phần mềm thiết kế web, như : Microsoft FrontPage, Macromedia, HTML Editor, … Ngoài ra còn có các phần mềm dịch (convert) các dạng tài liệu khác (word, pdf, …) thành trang web. §1. Giới thiệu IE Web Browser §1. Giới thiệu HTML Source §1. Giới thiệu Giao dịch giữa Web Server và Web Client Quá trình duyệt web Người duyệt web từ web client yêu cầu trang web A từ web server. Web server tiếp nhận yêu cầu, xử lý mã server (server script) trên trang A, tạo thành trang web A’, trang A’ được gửi về web client. Web browser của web client đọc và xử lý mã client (client script) trên trang A’, tạo thành trang A’’, hiển thị trang A’’ lên cửa sổ trình duyệt. §1. Giới thiệu Nội dung mã nguồn một trang web Mã HTML: chủ yếu xây dựng nên giao diện trang web, được viết bởi các ngôn ngữ như HTML, DHTML, ... Mã Client Script: xử lý các tương tác tức thời với người duyệt web, tăng tính động cho trang web, được viết bởi các ngôn ngữ như Java Script, VB Script, ... Mã Server Script: xử lý các tương tác giữa người sử dụng và web server (yêu cầu truy cập CSDL, truy cập thông tin từ server, ...), được viết bởi các ngôn ngữ như JSP, ASP, PHP, Perl, ... §2. HTML Giới thiệu Viết tắt của Hyper Text Markup Language. Là dạng file văn bản có phần mở rộng .htm, hoặc .html, có thể được tạo ra bởi một trình soạn thảo văn bản hoặc một công cụ thiết kế web. Nội dung một file HTML bao gồm tập hợp các “thẻ HTML” (tags). §2. HTML Giới thiệu Cấu trúc mã nguồn một file HTML Giao diện Mã nguồn §2. HTML Các thẻ HTML Thẻ đơn : , , ... Thẻ đôi : ... , ... , ... Thuộc tính của thẻ : Visit W3Schools!