chương 3,4, 5: danh sách bảng frame trong thiết kế web

CHƯƠNG III DANH SÁCH I DANH SÁCH KHƠNG CĨ THỨ TỰ (Unorder List -UL) Cú pháp: 

• Nội dung
• Nội dung …

Shape 1, Shape 2: loại bullet tự động đặt đầu dòng danh sách – Shape 1: ảnh hưởng đến toàn danh sách – Shape 2: ảnh hưởng đến mục danh sách Các loại shape: – Circle: Bullet tròn, rổng – Square: Bullet vng – Disc: Bullet trịn khơng rổng –  Ví dụ: Learning HTML

• Monday
  • Introduction to HTML
  • Creating Lists
• Tuesday
  • Creating Tables
  • Inserting Images
• Wednesday
• Thursday
• Friday

II DANH SÁCH CÓ THỨ TỰ (OrderList – OL) Cú pháp: 

1. Nội dung
2. Nội dung …

x: loại ký tự muốn sử dụng danh sách gồm :  – – – – – A: Chữ hoa a: Chữ thường I: Số la mã hoa i: Số la mã thường 1: Cho số mặc định n: giá trị danh sách – x1: loại ký tự sử dụng cho dòng dòng tiếp theo, làm ảnh hưởng x – m: giá trị dòng này, làm thay đổi giá trị n Ví dụ 1: – Learning HTML

1. Monday
   1. Introduction to HTML
   2. Creating Lists
2. Tuesday
   1. Creating Tables
   2. Inserting Images
3. Wednesday
   5. Creating Forms
   6. Working with Frames
4. Thursday
5. Friday

Ví dụ 2: Có thể lồng loại danh sách có thứ tự khơng có thứ tự vào Learning HTML

1. Monday
   • Introduction to HTML
   • Creating Lists
2. Tuesday
   • Creating Tables
   • Inserting Images
3. Wednesday
   • Creating Forms
   • Working with Frames

III DANH SÁCH ĐỊNH NGHĨA:   Trong HTML có tag đặc biệt dùng để tạo danh sách định nghĩa dành riêng cho việc tra cứu, thích hợp cho loại danh sách để nối từ với diễn giải dài Cú pháp: Nhập từ muốn định nghĩa Nhâp nội dung định nghĩa … Learning HTML Pixel Short for picture element A pixel refers to the small dots that make up an image on the screen Pixel depth refers to the number of colours which may be displayed Resolution The quality of the display on a monitor The higher the resolution, the sharper the image The number of pixels that can be displayed on a screen defines resolution Scanner A hardware device that allows the user to make electronic copies of graphics or text Cách thực hiện: Trước hết ta tạo trang web riêng: trang logo, trang chứa liên kết trang nội dung chính, sau đưa trang vào khung frame II CÁCH TẠO FRAME LAYOUT Cú pháp: Page Title Frame Definitions  Các dạng frame:  Tạo frame theo dòng Cú pháp: Nội dung tiêu đề … a, b: độ cao dịng thứ 1, thứ …, tính pixel % – Name: tên khung, (xác định chức khung) – Content.htm: địa trang web xuất khung  Ví dụ: Frame – Tạo frame theo cột Cú pháp:  Nội dung tiêu đề … – – – a, b: độ cao dòng thứ 1, thứ …, tính pixel % Name: tên khung, (xác định chức khung) Content.htm: địa trang web xuất khung Ví dụ: Frame III CÁC THUỘC TÍNH CỦA FRAME     Noresize: Khơng đổi kích thước Scrolling: có/khơng có cuộn Auto: Xuất cuộn nội dung dài Yes: xuất cuộn No: không xuất cuộn Ví dụ: Frameborder: đường viền khung mặc định 1, muốn khung khơng cịn đường viền tag Frameset nhập thêm Border=0,    Marginwidth: hiệu chỉnh khoảng cách từ nội dung đến lề trái phải khung (tính pixel) Marginheight: hiệu chỉnh khoảng cách từ nội dung đến lề khung (tính pixel) Các frame lồng nhau: … … IV LIÊN KẾT FRAME   Trang khung thuộc tính SRC, ta chỉnh trang khác xuất khung cách vị trí trang đích (Target) Tại trang muốn tạo liên kết với khung, ta nhập cú pháp: Nhãn mục liên kết Trong : Target=Name : tên khung mà trang muốn liên kết đến tag Page.htm: trang hiển thị khung liên kết   Tag : Nếu có nhiều liên kết đến trang xuất khung thuộc tính target mặc định đặt tag Cú pháp: V PHẦN TỬ NOFRAMES   Phần tử NOFRAMES sử dụng để nội dung thay cho frame trình duyệt không hổ trợ frame Cú pháp: Page title Frame Definitions Page Layout VI PHẦN TỬ IFRAME   Nếu muốn trộn văn khung trang phải tạo khung bên trang tag , trình duỵêt khơng hổ trợ nội dung IFRAME bị trả lại Cú pháp:Tại vị trí muốn chèn frame, nhập cú pháp: Nội dung thay trình duyệt khơng chấp nhận khung Trong đó: Page.htm: trang xuất khung Name: tên khung x, y: kích thước khung Align: canh lề VÍ DỤ: ... dụng bảng table cell bạn sử dụng tag HTML nào, ví dụ bạn chèn tag cell danh sách có thứ tự mục chèn bảng bảng khác… Ví dụ : Cần thiết kế trang web gồm nhiều vùng với chủ đề khác hình đây, bảng. .. khung (tính pixel) Các frame lồng nhau: … … IV LIÊN KẾT FRAME   Trang khung... xuất cuộn Ví dụ: Frameborder: đường