2.2.1 .Ngôn ngữ PHP
2.2.1.4 .Đóng góp của người Việt cho cộng đồng PHP thế giới
2.2.2. Các Ngôn Ngữ Khác
2.2.2.1. HTML
HTML là phần để tạo ra khung sườn, “phần xác” của một trang web.
HTML là chữ viết tắt của Hyper Text Markup Language (ngôn ngữ hiển thị siêu văn bản). Ngôn ngữ này sử dụng các Tag để dánh dấu các thành phần hiển thị trong trang Web.Thông thường một trang Web được viếtt bằng ngơn ngữ HTML có cấu trúc tương tự như sau:
SVTH: Đoàn Trung Hiếu – GVHD: Ngơ Đình Thưởng. Trang 17 <html>
<head>
<title>Tiêu đề trang Web của bạn</title> </head>
<body>
....................................................... Các Tag trong trang Web
....................................................... </body>
</html>
Thành phần của HTML:
Bao gồm nội dung và các thẻ.
Nội dung được đặt giữa các thẻ.
Các thẻ được đặt trong dấu <>.
Thơng thường mỗi thẻ đều có thẻ mở và thẻ đóng. Thẻ đóng khác thẻ mở ở chổ có
thêm dấu /.
Một số thẻ khơng có thẻ đóng, được gọi là thẻ đơn. Ví dụ thẻ <br> để xuống dòng, thẻ <hr> để tạo đường kẻ ngang đều là thẻ đơn.Các thẻ này cũng có thể được viết dưới dạng <br/> và <hr/>.
Mỗi thẻ có thể có một hoặc nhiều thuộc tính. Các thuộc tính đều được đặt trong thẻ
mở, ngay sau tên thẻ, và cách tên thẻ bởi một khoảng trắng. Nếu có nhiều thuộc tính thì giữa các thuộc tính cách nhau cũng bởi một khoảng trắng.
Mỗi thuộc tính sẽ được định một giá trị nhất định. Giá trị đó được đinh bởi dấu =
và nằm trong dấu '...' hoặc "...".
Các thẻ HTML cơ bản:
Thẻ định dạng bố cục.
SVTH: Đồn Trung Hiếu – GVHD: Ngơ Đình Thưởng. Trang 18 Thẻ liên kết. Thẻ hình ảnh. Thẻ hình nền/màu nền. Thẻ tạo bản. Thẻ tạo danh sách. Thẻ tạo Form. Và một số thẻ khác. 2.2.2.2. CSS
CSS viết tắt của từ Cascading Style Sheets, ý nghĩa nó là gì chúng ta khơng cần quan tâm để làm gì mà chỉ cần biết CSS là một file có phần mở rộng là.css, nhiệm vụ của nó là tách riêng phần định dạng (style) ra khỏi nội dung trang HTML.
Khi sử dụng css chúng ta sẽ dễ dàng quản lý nội dung trang HTML, dễ điều khiển phần định dạng, và đặc biệt là sẽ tốn ít thời gian khi code hay chỉnh sửa, giả sử các bạn có ~100 file HTML có tiêu đề như nhau, các tiêu đề này được định dạng trong từng trang HTML, khi các bạn muốn chỉnh sửa các tiêu đề này, thì các bạn sẽ phải mở và chỉnh từng trang trong ~100 file, việc này mất bao nhiêu thời gian chắc các bạn có thể ước lượng được, cịn nếu ~100 file này được kết hợp với 1 file CSS thì việc định dạng tiêu đề trong ~100 file này chỉ mất vài phút.
Cách chèn CSS vào trang HTML
Chúng ta có 3 cách để đưa nội dung của CSS vào trang web như sau:
Cách 1: Chèn nội dung CSS vào trong cặp thẻ <style></style> trong phần <head></head> của trang web.
Cách 2: Chèn trực tiếp vào bên trong thẻ HTML.
+ Chèn trực tiếp CSS vào bên trong các thẻ mở của HTML.
+ Nếu có nhiều thuộc tính cần quy định, ta ngăn cách giữa chúng bằng khoảng trắng.
SVTH: Đồn Trung Hiếu – GVHD: Ngơ Đình Thưởng. Trang 19
Cách 3: Liên kết với một file *.css bên ngoài
+ Đây là cách được dùng nhiều nhất trong sử dụng CSS vì tính tiện dụng và
linh hoạt của nó. Giả sử, bạn có một website gồm hàng trăm trang, khi bạn muốn thay đổi một chút cách trình này của website, thay vì gạch cạch đi gõ từng trang một, bạn chỉ cần sửa file CSS bên ngoài một chút, hàng trăm trang web của bạn đều được thay đổi.
+ Cú pháp: Thực hiện liên kết bằng thẻ <link> (khơng có tag đóng), theo cú pháp sau:
<link rel="stylesheet" href="Đường dẫn đên file.css" type="text/css" />
+ Tag này được đặt trong cặp tag <head></head> của trang web, và không cần đặt trong tag <style></style>
+ Nếu bạn đặt file *.css cùng thư mục với trang web, thì trong thuộc tính href bạn chỉ cần viết: href="<ten_file_css.css".
+ Nếu file *.css không cùng thư mục với trang web: Bạn cần chỉ trong đường dẫn tuyệt đối tới file *.css đó trong thuộc tính href.