Hướng dẫn frameset trong html

Thẻ trong HTML (Tạo một khung tài liệu)

- Để dễ dàng tiếp thu được bài hướng dẫn này thì trước tiên bạn nên xem qua thẻ

- Thẻ xác định một khung trong một bộ khung, nó dùng để nhúng một tài liệu nào đó vào trang web hiện tại (tài liệu ở đây rất đa dạng, có thể là một trang web khác, tập tin pdf, tấm hình, ....)

- Thẻ bắt buộc phải được đặt bên trong phần tử

- Để sử dụng thẻ , chúng ta dùng cú pháp như sau:

---

Xem ví dụ

2) Các thuộc tính của thẻ

- Thẻ có ba thuộc tính cơ bản.

- Dưới đây là bảng mô tả sơ lược về ba thuộc tính đó:

src	Xác định đường dẫn đến tài liệu mà bạn muốn đặt vào khung
scrolling	Xác định việc có nên hiển thị các thanh scroll hay không
noresize	Ngăn chặn hành động kéo thả làm thay đổi kích thước của phần tử

2.1) Thuộc tính src

- Thuộc tính src dùng để xác định đường dẫn đến tài liệu mà bạn muốn đặt vào khung.

(Đường dẫn đến tài liệu có thể là đường dẫn tương đối hoặc đường dẫn tuyệt đối)

---

Xem ví dụ

2.2) Thuộc tính scrolling

- Nếu tài liệu được nhúng vào có kích thước lớn hơn phần tử , thì khi đó mặc định phần tử sẽ hiển thị các thanh scroll (ngang hoặc dọc) giúp ta kéo lên xuống hoặc sang trái phải để có thể xem hết nội dung của tài liệu được nhúng vào.

- Từ đây, thuộc tính scrolling giúp xác định việc có nên hiển thị các thanh scroll hay không.

- Thuộc tính scrolling có thể có một trong ba giá trị: auto, yes, no

• Giá trị auto (đây là giá trị mặc định): thanh scroll sẽ tự động hiển thị khi nào kích thước của tài liệu được nhúng vào lớn hơn kích thước của phần tử
• Giá trị yes: thanh scroll sẽ luôn luôn hiển thị mặc cho có cần thiết hay không.
• Giá trị no: thanh scroll sẽ không bao giờ được hiển thị.

---

Xem ví dụ

2.3) Thuộc tính noresize

- Mặc định, khi ta dí chuột vào các cạnh của một phần tử thì nó sẽ hiện lên con trỏ giống như

hoặc giúp ta có thể kéo thả để thay đổi kích thước của phần tử

- Từ đây, thuộc tính noresize dùng để xác dịnh việc ngăn chặn hành động kéo thả làm thay đổi kích thước của phần tử

---

Xem ví dụ

Thẻ trong HTML (Tạo một bộ khung tài liệu)

- Thẻ dùng để xác định một bộ khung

- Trong một bộ khung sẽ có một hoặc nhiều khung, mỗi khung là một phần tử

- Phần tử chỉ định trong một bộ khung sẽ có bao nhiu hàng, bao nhiu cột, và kích thước của mỗi phần đó.

- Phần tử bên dưới xác định bộ khung sẽ có hai cột (tương ứng hai phần tử )

• Phần tử thứ nhất có chiều rộng bằng 35% chiều rộng của phần tử
• Phần tử thứ hai có chiều rộng bằng 65% chiều rộng của phần tử

---

Xem ví dụ

- Phần tử bên dưới xác định bộ khung sẽ có ba hàng (tương ứng ba phần tử )

• Phần tử thứ nhất có chiều cao bằng 15% chiều cao của phần tử
• Phần tử thứ hai có chiều cao bằng 50% chiều cao của phần tử
• Phần tử thứ ba có chiều cao bằng 35% chiều cao của phần tử

---

Xem ví dụ

---

Xem ví dụ

- Ngoài ra, chúng ta có thể đặt một bộ khung bên trong một bộ khung khác để tăng tính đa dạng của bộ khung.

---

Xem ví dụ

2) Các thuộc tính của thẻ

- Thẻ có ba thuộc tính cơ bản.

- Dưới đây là bảng mô tả sơ lược về ba thuộc tính đo:

cols	Xác định số lượng cột và chiều rộng mỗi cột trong phần tử
rows	Xác định số lượng hàng và chiều cao mỗi hàng trong phần tử
noresize	Ngăn chặn hành động kéo thả làm thay đổi kích thước của các phần tử bên trong phần tử

2.1) Thuộc tính cols

- Thuộc tính cols dùng để xác định số lượng cột và chiều rộng mỗi cột trong phần tử

(Thuộc tính cols có bao nhiu giá trị thì sẽ tương ứng với bấy nhiu cột, và mỗi giá trị đó cũng xác định chiều rộng của mỗi cột. Lưu ý, các giá trị được ngăn cách bởi dấu phẩy)

- Giá trị của thuộc tính cols được xác định bởi một trong ba đơn vị:

• px
• %
• * (tức là bằng chiều rộng của phần tử trừ đi tổng chiều rộng của những cột khác)

- Phần tử bên dưới xác định bộ khung sẽ có ba cột (tương ứng ba phần tử )

• Phần tử thứ nhất có chiều rộng bằng 20% chiều rộng của phần tử
• Phần tử thứ hai có chiều rộng bằng 30% chiều rộng của phần tử
• Phần tử thứ ba có chiều rộng bằng 50% chiều rộng của phần tử

---

Xem ví dụ

2.2) Thuộc tính rows

- Thuộc tính rows dùng để xác định số lượng hàng và chiều cao mỗi hàng trong phần tử

(Thuộc tính rows có bao nhiu giá trị thì sẽ tương ứng với bấy nhiu hàng, và mỗi giá trị đó cũng xác định chiều cao của mỗi hàng. Lưu ý, các giá trị được ngăn cách bởi dấu phẩy)

- Giá trị của thuộc tính rows được xác định bởi một trong ba đơn vị:

• px
• %
• * (tức là bằng chiều cao của phần tử trừ đi tổng chiều cao của những hàng khác)

- Phần tử bên dưới xác định bộ khung sẽ có ba hàng (tương ứng ba phần tử )

• Phần tử thứ nhất có chiều cao bằng 20% chiều cao của phần tử
• Phần tử thứ hai có chiều cao bằng 30% chiều cao của phần tử
• Phần tử thứ ba có chiều cao bằng 50% chiều cao của phần tử

---

Xem ví dụ

2.3) Thuộc tính noresize

- Mặc định, khi ta dí chuột vào các cạnh của một phần tử thì nó sẽ hiện lên con trỏ giống như

hoặc giúp chúng ta có thể kéo thả để thay đổi kích thước của phần tử

- Từ đây, thuộc tính noresize dùng để xác dịnh việc ngăn chặn hành động kéo thả làm thay đổi kích thước của phần tử

- Bạn không thể kéo thả làm thay đổi kích thước các phần tử trong phần tử bên dưới

---

Xem ví dụ