Frontpage 2002 (Front page XP)

Giáo trình đào tạo Xây dựng quản trị Website, Portal Chương Ngôn ngữ đánh dấu siêu văn (HTML: Hyper Text Markup Language) 4.1 Khái niệm HTML(Hypertext Markup Language) ngôn ngữ đánh dấu siêu văn bản, ngôn ngữ thông dụng hiển thị Web Ngôn ngữ HTML khơng phải ngơn ngữ lập trình HTML gọi ngơn ngữ gồm tập hợp nhỏ nhóm ký tự theo quy tắc mà bạn dùng để quy định kiểu dáng, vị trí, cách thức văn bản, ảnh, âm hay đối tượng khác với liên kết chúng Các trang viết ngơn ngữ HTML có cấu trúc sau: tiêu đề trang Nội dung văn 4.2 Các thẻ bản: Cách định nghĩa thẻ: Có loại thẻ: - Thẻ có nội dung: nội dung text : Bắt đầu thẻ : Kết thúc thẻ - Thẻ rỗng: (Trường hợp khơng có kết thúc thẻ) 4.2.1 Các thẻ định nghĩa đoạn văn bản, kiểu chữ Thẻ P: Định nghĩa đoạn văn Cú pháp:

nội dung đoạn văn

Mã nguồn Trung tâm Điện tốn Truyền số liệu KV1 41 Giáo trình đào tạo Xây dựng quản trị Website, Portal Test

Day la noi dung doan text

Hiển thị trình duyệt Hình 4.1: Hiển thị đoạn văn Thẻ H: Quy định kích cỡ tiêu đề Cú pháp: Tiêu đề Trong đó: x =1,2,3,4,5,6 x nhỏ cỡ chữ lớn Mã nguồn Test Tieu de co chu lon nhat (H1) Tieu de co chu lon thu hai (H2) Tieu de co chu nho nhat Hiển thị trình duyệt Trung tâm Điện tốn Truyền số liệu KV1 42 Giáo trình đào tạo Xây dựng quản trị Website, Portal Hình 4.2: Ví dụ tiêu đề văn Thẻ B: Chữ đậm Cú pháp: Phần chữ đậm Mã nguồn Test

Phan text chu dam

Hiển thị trình duyệt Hình 4.3: Đoạn văn chữ đậm Trung tâm Điện toán Truyền số liệu KV1 43 Giáo trình đào tạo Xây dựng quản trị Website, Portal Thẻ I: Chữ nghiêng Cú pháp: Phần chữ nghiêng Mã nguồn Test

Phan text chu nghieng

Hiển thị trình duyệt Hình 4.3: Đoạn văn chữ nghiêng Thẻ U: Chữ gạch chân Cú pháp: Phần chữ gạch chân Mã nguồn Test

Phan text gach chan

Hiển thị trình duyệt Trung tâm Điện tốn Truyền số liệu KV1 44 Giáo trình đào tạo Xây dựng quản trị Website, Portal Hình 4.4: Đoạn văn chữ gạch chân Thẻ FONT: Quy định font chữ Cú pháp: Một số tên font thông dụng: VnTime; VnTimeH; VnArial; VnArialH;.VnAvant; VnAvantH; Mã nguồn Test

Phần text có font Arial theo chuẩn Unicode, cỡ chữ 2, màu đen

Hiển thị trình duyệt Hình 4.5: Ví dụ phơng chữ Trung tâm Điện tốn Truyền số liệu KV1 45 Giáo trình đào tạo Xây dựng quản trị Website, Portal Thẻ BR: Xuống dòng (Thuộc loại thẻ rỗng) Mã nguồn Test

Phan text truoc the BR Phan text sau the BR

Hiển thị trình duyệt Hình 4.6: Thẻ BR trình duyệt Thẻ Sub: Chữ nhỏ số Cú pháp: Phần chữ nhỏ số dưới Mã nguồn Test

Đối tượngChi so duoi

Hiển thị trình duyệt Trung tâm Điện tốn Truyền số liệu KV1 46 Giáo trình đào tạo Xây dựng quản trị Website, Portal Hình 4.7: Chỉ số Thẻ Sup: Chữ nhỏ số Cú pháp: Phần chữ nhỏ số trên Mã nguồn Test

Đối tượngChi so tren

Hiển thị trình duyệt Hình 4.8: Chỉ số Thẻ DL: Định nghĩa danh sách Cú Pháp Đề mục danh sách Danh sách mức 1 Danh sách mức 1 Danh sách mức 2 Trung tâm Điện tốn Truyền số liệu KV1 47 Giáo trình đào tạo Xây dựng quản trị Website, Portal Danh sách mức 2 Danh sách mức 1 Danh sách mức 2 Mã nguồn Test De muc danh sach Danh sach muc 1 Danh sach muc 1 Danh sach muc 2 Danh sach muc 2 Danh sach muc 1 Danh sach muc 2 Hiển thị trình duyệt Hình 4.9: Ví dụ danh sách Thẻ UL: Tạo danh sách có bullets Cú pháp: Trung tâm Điện toán Truyền số liệu KV1 48 Giáo trình đào tạo Xây dựng quản trị Website, Portal

• Text1
• Text2
• Text3

Mã nguồn Test

• text1
• text2
• text3

Hiển thị trình duyệt Hình 3.10: Danh sách có bullet Thẻ OL: Tạo danh sách theo có đánh số thứ tự Cú pháp:

1. Text1
2. Text2
3. Text3

Mã nguồn Trung tâm Điện toán Truyền số liệu KV1 49 Giáo trình đào tạo Xây dựng quản trị Website, Portal Test

1. text1
2. text2
3. text3

Hiển thị trình duyệt Hình 3.11: Danh sách có đánh số thứ tự 4.2.2 Các thẻ định nghĩa bảng, ảnh Thẻ TABLE: Tạo bảng Cú pháp: Nội dung cột 1, hàng1 Nội dung cột 2, hàng1 Nội dung cột 1, hàng 2 Nội dung cột 2, hàng 2 Trung tâm Điện toán Truyền số liệu KV1 50 Giáo trình đào tạo Xây dựng quản trị Website, Portal Hình 4.16 Book mark Trung tâm Điện tốn Truyền số liệu KV1 57 Giáo trình đào tạo Xây dựng quản trị Website, Portal 4.2.4 Tạo form - Thẻ công cụ chủ yếu để tạo trang web có tính chất tương tác Thẻ cho phép người sử dụng Browser nhập thông tin lựa chọn khả có sẵn Mỗi form thường gắn với chương trình thực gọi "script", chương trình tiến hành làm cơng việc người dùng nhấn nút chấp nhận (submit) form Cú pháp: Các thẻ form Request Browser Server answer Internet Request Server answer Client Web Server - C, C++ - Javascript - Basic - Perl APP CGI - … Hình 4.17: Cách thức trao đổi thơng tin qua chương trình Trung tâm Điện tốn Truyền số liệu KV1 58 Giáo trình đào tạo Xây dựng quản trị Website, Portal Các thẻ tạo form: Thẻ INPUT: Cú pháp: Có loại sau: Text: Hộp text box có dịng để điền liệu Checkbox: Hộp lựa chọn logic kiểu giá trị tập hợp Radio: Hộp lựa chọn logic kiểu giá trị Button: Tạo nút bấm Submit: Tạo nút bấm có tính chất gửi thơng tin Reset: Tạo nút bấm có tính xố tồn thơng tin formfield Thẻ SELECT:(Hộp lựa chọn trượt) Cú pháp: Tên lựa chọn1 Tên lựa chọn2 Trong đó: giá trị size độ rộng hộp lựa chọn trượt giá trị1: Là giá trị lựa chọn giá trị2: Là giá trị lựa chọn Thẻ TEXTAREA:(Hộp text có trượt) Cú pháp: Trung tâm Điện toán Truyền số liệu KV1 59 Giáo trình đào tạo Xây dựng quản trị Website, Portal Mã nguồn Test One-line Text box Checkbox Radio button       Normal button, Submit button, Reset button             Hiển thị trình duyệt Trung tâm Điện tốn Truyền số liệu KV1 60 Giáo trình đào tạo Xây dựng quản trị Website, Portal Hình 4.18: Ví dụ form (thẻ Input) Trung tâm Điện toán Truyền số liệu KV1 61 Giáo trình đào tạo Xây dựng quản trị Website, Portal Mã nguồn Test Drop menu Chon menu Menu1 Menu2 Menu3 Scrolling text box Hiển thị trình duyệt Trung tâm Điện tốn Truyền số liệu KV1 62 Giáo trình đào tạo Xây dựng quản trị Website, Portal Hình 4.19: Thẻ Select, textarea 4.2.5 Tạo khung (thẻ Frame) Cú pháp:

Noi dung doạn text thong bao trinh duyet khong ho tro Frame

Trung tâm Điện tốn Truyền số liệu KV1 63 Giáo trình đào tạo Xây dựng quản trị Website, Portal Mã nguồn Le hoi

This page uses frames, but your browser doesn't support them.

Trung tâm Điện toán Truyền số liệu KV1 64 Giáo trình đào tạo Xây dựng quản trị Website, Portal Hiển thị trình duyệt Hình 4.20: Tồn trang Frame Trung tâm Điện toán Truyền số liệu KV1 65 Giáo trình đào tạo Xây dựng quản trị Website, Portal Hình 4.21: Frame (top.html) Hình 4.22: Frame (phu_tay_ho.html) Trung tâm Điện toán Truyền số liệu KV1 66 Giáo trình đào tạo Xây dựng quản trị Website, Portal Tóm tắt chương Mã nguồn HTML phần trọng yếu làm việc với Web Bạn chỉnh sửa lại mã nguồn loại bỏ hay thêm vào thẻ sau soạn thảo trang web qua công cụ để tối ưu cho trang web bạn Chương giúp bạn có sở cho việc soạn thảo web tiến đến xây dựng trang web động Khi việc kết hợp mã nguồn với lệnh, hàm ngơn ngữ lập trình quan trọng định trang web động có đạt linh hoạt hay không Bài tập Bài tập Đoạn văn bản, kiểu chữ Bài 1: Sử dụng trình soạn thảo text tạo trang HTML có nội dung sau: Các thực hành Visual Basic 6

Mục lục Phần I CÁC ĐIỀU KHIỂN CƠ BẢN TRONG VISUAL BASIC 6.0 Điều khiển label command button Bài1: Modul Help Bài 2: Modul Display Bài 3: Modul Display1 Bài 4: Modul Display2 Bài 5: Modul About Bài 6: Modul Display3 Bài 7: Modul Move Bài 8: Modul Random Bài 9: Modul Form Bài 10: Modul Start   Điều khiển textbox, option button mảng điều khiển Bài 11: Modul Multiply

1.1 Theo bạn trình duyệt hiển thị trang HTML nào? 1.2 Chỉnh sửa nội dung trang HTML cho hiển thị giống hình 3.23 Trung tâm Điện tốn Truyền số liệu KV1 67 Giáo trình đào tạo Xây dựng quản trị Website, Portal Hình 4.23 Bài tập HTML Trung tâm Điện toán Truyền số liệu KV1 68 Giáo trình đào tạo Xây dựng quản trị Website, Portal Bài 2: Hãy soạn trang web hình 4.24 Hình 4.24: Bài tập Trung tâm Điện tốn Truyền số liệu KV1 69 Giáo trình đào tạo Xây dựng quản trị Website, Portal Bài tập bảng Bài 3: Sử dụng trình soạn thảo text lập trang HTML cho hiển thị hình 4.25 Hình 4.25 Bài tập Trung tâm Điện tốn Truyền số liệu KV1 70 Giáo trình đào tạo Xây dựng quản trị Website, Portal Bài tập form Bài 5: Sử dụng trình soạn thảo text lập trang HTML cho hiển thị hình 3.27 Hình 4.27: Bài tập tổng hợp Trung tâm Điện toán Truyền số liệu KV1 71 ... name="main" src="list_lehoi.html" scrolling="auto" noresize target="_self">

This page uses frames, but your browser doesn''t support them.