CHƯƠNG 1 : CƠ SỞ LÝ THUYẾT 1. Tìm hiểu về HTML. Tổng quan về HTML. HTML( HyperText Markup Language ) là ngôn ngữ đánh dấu siêu văn bản được thiết kế để tạo nên các trang web với các mẫu thông tin được trình bày trên World Wide Web.
HTML được định nghĩa như là một ứng dụng đơn giản của SGML và được sử dụng trong các tổ chức cần đến các yêu cầu xuất bản phức tạp. Tên gọi ngôn ngữ đáng dấu siêu văn bản có ý nghĩa như sau: Đánh dấu(Markup): HTML là ngôn ngữ của các thẻ đánh dấu(tag). Các thẻ này xác định cách thức trình bày đoạn văn bản tương ứng trên màn hình. Ngôn ngữ(Language): HTML là một ngôn ngữ tương tự như các ngôn ngữ lập trình, tuy nhiên đơn giản hơn.
Nó có cú pháp chặt chẽ để viết các lệnh thực hiện việc trình diễn văn bản. Các từ khóa có ý nghĩa xác định được cộng đồng Internet thừa nhận và sử dụng lại. Ví dụ b= bold, ul= unordered list,… Văn bản(Text): HTML đầu tiên và trước hết là để trình bày văn bản và dựa trên nền tảng là một văn bản. Các thành phần khác như hình ảnh, âm thanh, hoạt hình đều gắn vào một đoạn văn bản nào đó.
Siêu văn bản(HyperText): HTML cho phép liên kết nhiều trang văn bản rải rác ở khắp mọi nơi trên Internet. Nó có tác dụng che dấu sự phức tạp của Internet đối với người sử dụng. Người dùng Internet có thể đọc văn bản mà không cần biết đến văn bản đó nằm ở đâu, hệ thống được xây dựng phức tạp như thế nào, HTML thực sự đã vượt ra ngoài khuôn khổ khái niệm văn bản cổ điền.2 Các khái niệm cơ bản Trong HTML Định nghĩa Các thẻ HTML cơ bản Thẻ <head>.</head>: Tạo đầu mục trang Thẻ <title>.</title>: Tạo tiêu đề trang trên thanh tiêu đề, đây là thẻ bắt buộc. Thẻ title cho phép bạn trình bày chuỗi trên thanh tựa đề của trang Web mỗi khi trang Web đó được duyệt trên trình duyệt Web.</body>: Tất cả các thông tin khai báo trong thẻ <body> đều có thể xuất hiện trên trang Web.
Những thông tin này có thể nhìn thấy trên trang Web. 6 Các thẻ định dạng khác. Thẻ <p>…</p>:Tạo một đoạn mới. </font>: Thay đổi phông chữ, kích cỡ và màu kí tự… Thẻ định dạng bảng <table>…</table>: Đây là thẻ định dạng bảng trên trang Web.
Sau khi khai báo thẻ này, bạn phải khai báo các thẻ hàng <tr> và thẻ cột <td> cùng với các thuộc tính của nó. Thẻ hình ảnh <img>: Cho phép bạn chèn hình ảnh vào trang Web. Thẻ này thuộc loại thẻ không có thẻ đóng. Thẻ liên kết <a>.
</a>: Là loại thẻ dùng để liên kết giữa các trang Web hoặc liên kết đến địa chỉ Internet, Mail hay Intranet(URL) và địa chỉ trong tập tin trong mạng cục bộ (UNC). Các thẻ Input: Thẻ Input cho phép người dùng nhập dữ liệu hay chỉ thị thực thi một hành động nào đó, thẻ Input bao gồm các loại thẻ như: text, password, submit, button, reset, checkbox, radio, image. Thẻ Textarea: < Textarea>. < \Textarea>: Thẻ Textarea cho phép người dùng nhập liệu với rất nhiều dòng.
Với thẻ này bạn không thể giới hạn chiều dài lớn nhất trên trang Web. Thẻ Select: Thẻ Select cho phép người dùng chọn phần tử trong tập phương thức đã được định nghĩa trước. Nếu thẻ Select cho phép người dùng chọn một phần tử trong danh sách phần tử thì thẻ Select sẽ giống như combobox. Nếu thẻ Select cho phép người dùng chọn nhiều phần tử cùng một lần trong danh sách phần tử, thẻ Select đó là dạng listbox.
Thẻ Form: Khi bạn muốn submit dữ liệu người dùng nhập từ trang Web phía Client lên phía Server, bạn có hai cách để làm điều nàu ứng với hai phương thức POST và GET trong thẻ form. Trong một trang Web có thể có nhiều thẻ Form khác nhau, nhưng các thẻ Form này không được lồng nhau, mỗi thẻ form sẽ được khai báo hành động (action) chỉ đến một trang khác.2 Tìm hiểu về CSS 1.1 Tổng quan về CSS CSS – được dùng để miêu tả cách trình bày các tài liệu viết bằng ngôn ngữ HTML và XHTML.CSS là viết tắt của Cascading Style Sheets. CSS được hiểu một cách đơn 7 giản đó là cách mà chúng ta thêm các kiểu hiển thị (font chữ, kích thước, màu sắc.) cho một tài liệu Web. Tác dụng ➢ Hạn chế tối thiểu việc làm rối mã HTML của trang Web bằng các thẻ quy định kiểu dáng (chữ đậm, chữ in nghiêng, chữ có gạch chân, chữ màu.), khiến mã nguồn của trang web được gọn gàng hơn, tách nội dung của trang Web và định dạng hiển thị, dễ dàng cho việc cập nhật nội dung.
➢ Tạo ra các kiểu dáng có thể áp dụng cho nhiều trang web, giúp tránh phải lặp lại việc định dạng cho các trang Web giống nhau. Để cho thuận tiện bạn có thể đặt toàn bộ các thuộc tính của thẻ vào trong một file riêng có phần mở rộng là ".css" CSS nó phá vỡ giới hạn trong thiết kế Web, bởi chỉ cần một file CSS có thể cho phép bạn quản lí định dạng và layout trên nhiều trang khác nhau. Các nhà phát triển Web có thể định nghĩa sẵn thuộc tính của một số thẻ HTML nào đó và sau đó nó có thể dùng lại trên nhiều trang khác. Có thể khai báo CSS bằng nhiều cách khác nhau.
Bạn có thể đặt đoạn CSS của bạn phía trong thẻ <head>.</head>, hoặc ghi nó ra file riêng với phần mở rộng ".css", ngoài ra bạn còn có thể đặt chúng trong từng thẻ HTML riêng biệt Tuy nhiên tùy từng cách đặt khác nhau mà độ ưu tiên của nó cũng khác nhau. Mức độ ưu tiên của CSS sẽ theo thứ tự sau. - Style đặt trong từng thẻ HTML riêng biệt - Style đặt trong phần <head> - Style đặt trong file mở rộng .css - Style mặc định của trình duyệt -Mức độ ưu tiên sẽ giảm dần từ trên xuống dưới.2 Một số khái niệm cơ bản trong CSS Định nghĩa các thuộc tính về chữ Định nghĩa các thuộc tính đề đối tượng Các thuộc tính liên quan đến đối tượng như chiều dài, chiều cao, vị trí. Định nghĩa Các thuộc tính khác Các thuộc tính khác hay dùng trong css.3 Tổng quan về ngôn ngữ PHP 1.1 Giới thiệu Ngôn ngữ lập trình PHP (Hypertext Preprocessor)là ngôn ngữ script trên server được thiết kế để dễ dàng xây dựng các trang Web động.
Mã PHP có thể thực thi trên Webserver để tạo ra mã HTML và xuất ra trình duyệt web theo yêu cầu của người sử dụng. Ngôn ngữ PHP ra đời năm 1994 Rasmus Lerdorf sau đó được phát triển bởi nhiều người trải qua nhiều phiên bản. Phiên bản hiện tại là PHP 5 đã được công bố 7/2004. Có nhiều lý do khiến cho việc sử dụng ngôn ngữ này chiếm ưu thế xin nêu ra đây một số lý do cơ bản : - Mã nguồn mở (open source code) - Miễn phí, download dễ dàng từ Internet.
- Ngôn ngữ rất dễ học, dễ viết. - Mã nguồn không phải sửa lại nhiều khi viết chạy cho các hệ điều hành từ Windows, Linux, Unix - Rất đơn giản trong việc kết nối với nhiều nguồn DBMS, ví dụ như : MySQL, Microsoft SQL Server 2000, Oracle, PostgreSQL, Adabas, dBase, Empress, FilePro, Informix, InterBase, mSQL, Solid, Sybase, Velocis và nhiều hệ thống CSDL thuộc Hệ Điều Hành Unix (Unix dbm) cùng bất cứ DBMS nào có sự hổ trợ cơ chế ODBC (Open Database Connectivity) ví dụ như DB2 của IBM. - Được sử dụng để xây dựng các framework lớn như: Joomla, Zend,. Codeigniter, Laravel - Có nhiều trình soạn thảo hỗ trợ cả trên hệ điều hành windows và unix.
Ví dụ: eclipse, PHPDesigner, DreamWaver .2 Cài đặt PHP Để cài đặt PHP, chúng ta có thể cài đặt từng gói riêng lẻ (PHP, Apache, Mysql). Tuy nhiên, nên cài đặt dạng gói tích hợp vì nó sẽ tiện lợi hơn. Gói phần mềm trong quá trình học là XAMPP. XAMPP là viết tắt của X + Apache + Mysql + PHP + Perl.
Xampp là chương trình tạo máy chủ Web (Web 10 Server) trên máy tính cá nhân (Localhost) được tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như PHPmyadmin. Gói phần mềm XAMPP miễn phí, có thể tải về bản mới nhất tại tramg chủhttps://www.3 Cơ bản về PHP ❖ Cách khai báo PHP Cách Thẻ mở Thẻ đóng 1 <?php ?> 2 <? ?> 3 <% %> 4 <script </script> language=”php”> ❖ Xuất giá trị PHP Cú pháp: Echo thongtin; - Thông tin là chuỗi: Chuỗi ( text, HTML) Ví dụ: <?php Echo “Hello, <b>PHP</b>”; ?> - Thông tin là biến. - Thông tin gồm chuỗi và biến. hoặc , để nỗi chuỗi và biến hoặc chuỗi và chuỗi.
Xuất ra màn hình họ tên và lớp của sinh viên. Tạo 1 bảng gồm 4 cột và 2 dòng bằng PHP và HTML. ❖ Chú thích PHP: // Nội dung chú thích /* Nội dung chú thích */ 11 1.4 Các kiểu dữ liệu cơ sở - Kiểu Boolean: chỉ có một trong hai giá trị TRUE và FALSE - Kiểu Interger (số nguyên): Giá trị có thể là số trong hệ thập phân, thập lục phân, bát phân • Ví dụ: ▪ 123 // hệ thập phân ▪ -123 // số âm hệ thập phân ▪ 0123 // hệ bát phân (bắt đấu bằng 0) ▪ 0x1A // hệ thập lục phân (bắt đầu bằng 0x) - Kiểu Float/Double (số thực) • Ví dụ: ▪ 1.5 Biến trong lập trình PHP ❖ Khởi tạo biến: Biến là một giá trị có thể thay đổi được. Giá trị nào là giá trị gán sau cùng thì đó là giá trị của biến + Cú pháp: $tên_biến=giá trị + Ví dụ: • $a= 500; • $a=”hello”; + Quy tắc đặt tên biên • Bắt đầu bằng ký tự $, theo sau là 1 ký tự hoặc dấu _, tiếp đó là ký tự; ký số dấu _ • Nên khởi tạo giá trị ban đầu cho biến • Không trùng với tên hàm • Không nên bắt đầu bằng ký tự số • Tên biến phân biệt chữ Hoa – chữ Thường + Ví dụ: • $tên; • $123abc → không hợp lệ • $a123 → hợp lệ + Ví dụ: Cho đoạn mã sau <?php $a=500; $a= 1000; echo "gia tri "."<br />"; echo 'Gia tri $a'; ?> Giá trị của biến a là bao nhiêu? Tại sao? ❖ Biến nội suy là một biến nhận biết được trong chuỗi $a= 500; Echo “Hello , $a”; 13 Echo ‘Hello, $a’; “” → Nội suy biến và có thể chứa dấu ‘ ‘’ → Không nội suy biến, có thể chứa dấu $ và dấu “ Ví dụ: Xuất cụm từ sau ra màn hình: Mary’s “$ is good ” 1.