Bài 03 trang bị cho người học kiến thức về siêu liên kết và bảng dữ liệu. Chương này trình bày những nội dung cụ thể sau: Liên kết, URL, làm việc với liên kết trong HTML, tạo bảng,... Mời các bạn cùng tham kham khảo.
Lê Quang Lợi Bài 03: Liên kết – Bảng Nội dung » Xiêu liên kết » Bảng liệu Lê Quang Lợi: loilequang@gmail.com HTML-DHTML-Javascript CNPM-CNTT-ĐHSPKT HY 3.1 Liên kết » Xiêu liên kết (HyperLink): thể vị trí tài liệu Internet tài liệu HTML thông qua URL » Thẻ : chứa vị trí cần tới trang (Chuyển trang) » Tài liệu:file(html, doc, video, img, data …) thư mục » URL: thể vị trí tài liệu internet » URL với thành phần: giao thức, IP, Port, thư mục file Lê Quang Lợi: loilequang@gmail.com HTML-DHTML-Javascript CNPM-CNTT-ĐHSPKT HY 3.1.1 URL » Host: máy chứa tài nguyên » Giao thức: cách thức truyền liệu (http, ftp, smtp) » Port: cổng giao tiếp liệu » Thư mục con: vị trí thư mục máy » File: tài liệu » Truy vấn: cách thức truyền đối cho hàm theo giao thức Ví dụ: http://www.kumquat.com/another-doc.html ftp://www.kumquat.com/planting/special/README.txt Lê Quang Lợi: loilequang@gmail.com HTML-DHTML-Javascript CNPM-CNTT-ĐHSPKT HY 3.2 URL » Các ký hiệu dùng URL: “?”, “#”, “/”, “ /” » Website URL: URL= “Danhtr.vn” » URL tuyệt đối: chứa đầy đủ thành phần URL= “http://Danhtr.vn” » URL tương đối: chứa thành phần vị trí tương đối URL= “http:// /Danhtr.vn” » URL thư mục gốc: URL=“ /” Lê Quang Lợi: loilequang@gmail.com HTML-DHTML-Javascript CNPM-CNTT-ĐHSPKT HY 3.2 Làm việc với liên kết HTML » Thẻ a: đại diện cho liên kết cần chuyển nội dung » Cú pháp: Nội dung » Path thể vị trí tài nguyên mạng( URL) » Nội dung: hiển thị giao diện để lựa chọn chuyển tớ tài nguyên Ví dụ: Dantri Lê Quang Lợi: loilequang@gmail.com HTML-DHTML-Javascript CNPM-CNTT-ĐHSPKT HY 3.2 Làm việc với liên kết HTML » Liên kết đến trang khác: Vtc Sản phẩm » Liên kết theo điểm neo: nhảy đến vị trí xác tài liệu • Tạo điểm neo: • Tạo liên kết: điểm 01 » Liên kết theo Email: Gửi mai Lê Quang Lợi: loilequang@gmail.com HTML-DHTML-Javascript CNPM-CNTT-ĐHSPKT HY 3.3 Làm việc với liên kết HTML » Thẻ Table định nghĩa bảng (hàng/cột) » Table: bảng liệu với width height » Thead: phần đầu bảng » Th: tạo cột bảng Cột 01 Cột 02 Cột 03 Ô 11 Ô 12 Ô 13 Ô 21 Ô 22 Ô 23 » Tr: tạo dòng (hàng) » Td: tạo ô thuộc hàng » Tbody: thân bảng » Tfoot: chân bảng Lê Quang Lợi: loilequang@gmail.com HTML-DHTML-Javascript CNPM-CNTT-ĐHSPKT HY 3.3.1 Tạo Bảng Month Savings January Month Savings January $100 Thể dòng: tr Thể ô liệu $100 Lê Quang Lợi: loilequang@gmail.com HTML-DHTML-Javascript CNPM-CNTT-ĐHSPKT HY 3.3.2 Thao tác Bảng » Các thuộc tính: • width (Độ rộng), Border (đường viền) • Align (căn lề cho nội dung văn bản), • VAlign(căn lề theo phương dọc) • Cellpadding: khoảng cách nội dung đường viền • CellSpacing: Khoảng cách ô » Các thao tác: thẻ TD thao tác hịa nhập • Hịa nhập hàng: Colspan=“số ơ” • Hịa nhập cột: Rowspan=”số ơ” • Hịa nhập hình chữ nhật: Colspan, Rowspan Lê Quang Lợi: loilequang@gmail.com HTML-DHTML-Javascript CNPM-CNTT-ĐHSPKT HY 3.3.2 Thao tác Bảng