HTML (Ngôn ngữ đánh dấu siêu văn bản) là ngôn ngữ lập trình web cơ sở Được web servers và các trình duyệt sử dụng để “mô tả” một trang web HTML sử dụng các thẻ để bố cục nội dung, cho phép tạo các siêu văn bản. Được hiểu bởi các trình duyệt internet (IE, Firefox, Netscape…)
BỘ GIÁO DỤC VÀ ĐÀO TẠO Bài dự thi thiết kế giảng E – Learning Bài giảng: Thiết kế trang Website tĩnh ( HTML) Thuộc môn Tin học văn phòng Người soạn: Vũ Văn Tuấn Email: VuTuanct123@moet.edu.vn Đơn vị: Phịng Giáo dục Đào tạo Nga Sơn Lập trình Web • Thẻ đơi: Một thẻ mở thẻ đóng Thẻ đóng giống thẻ mở trừ dấu / Thẻ mở trước thẻ đóng Dữ liệu nằm thẻ mở thẻ đóng chịu tác động thẻ • Thẻ đơn: Thẻ đơn có tác động vị trí xuất • Các thẻ (cả đơn đơi) định danh khơng Có thể có thuộc tính thẻ Xác định giá trị thuộc tính Thuộc tính theo mẫu thuoctinh = giatri Tên thẻ Giá trị thuộc tính • HTML: • Cung cấp thẻ tạo đối tượng điều khiển không cung cấp khả xử lý kiện chúng • Hiển thị tĩnh (dạng hiển thị đối tượng cố định) • JavaScript (Scripts): • Xử lý kiện đối tượng điều khiển • Hiển thị động (dạng hiển thị đối tượng thay đổi) • Được sử dụng rộng rãi • Tựa C • Khác C điểm: Các biến, hàm không định kiểu; khai báo biến từ khóa var; định nghĩa hàm từ khóa function • Sử dụng HTML: • Viết lệnh JavaScript cặp thẻ - phân đoạn Javascript • Có thể đặt (nhiều) phân đoạn javascript đâu trang HTML • Gọi hàm JavaScript thuộc tính kiện đối tượng điều khiển viết HTML • Cũng liên kết tệp javascript (.js) vào trang HTML theo cú pháp sau: •Khai báo sử dụng biến • Mở cửa sổ mới: window.open( [sURL] [, sName] [, sFeatures] [, bReplace]) Trong đó: • sURL: chuỗi URL tài nguyên cần mở • sName: tên cửa sổ, tên sử dụng thuộc tính TARGET số thẻ • sFeatures: chuỗi bao gồm cặp thuộc_tính=giá_trị, cặp cách dấu phẩy (,): • Đóng cửa sổ: window.close() sFeatures string Thuộc tính = giá trị Ý nghĩa height=giá_trị_số chiều cao cửa sổ width= giá_tr_số chiều rộng cửa sổ status=yes/no/1/0 quy định có hiển thị status bar hay khơng menubar=yes/no/1/0 quy định có hiển thị menu bar hay khơng titlebar=yes/no/1/0 quy định có hiển thị titlebar window khơng resizeable=yes/no/1/0 có cho phép thay đổi kích thước cửa sổ hay khơng scrollbars=yes/no/1/0 có hiển thị cuộn hay khơng Ví dụ: Event Đối tượng chịu tác động kiện Hoạt động onabort Image Khi có ngắt quãng q trình nạp ảnh (ví dụ: người sử dụng nhấn chuột vào đường link khác dừng trình duyệt) onblur Button, Checkbox, FileUpload, Frame, Layer, Password, Radio, Reset, Select, Submit, Text, Textarea, Window Khi đối tượng focus (người sử dụng chuyển sang đối tượng khác) FileUpload, Select, Text, Textarea Thay đổi liệu đối tượng Button, Document, Checkbox, Link, Radio, Reset, Submit Nhấn chuột trái vào đối tượng onchange onclick ondblclick ondragdrop onerror Area, Document, Link Nhấn đúp chuột trái vào đối tượng Frame, Window Khi kéo thả shortcut hay tệp vào cửa sổ trình duyệt Frame, Image, Window Lỗi đoạn mã kịch q trình nạp ảnh (ví dụ: khơng tìm thấy ảnh) onfocus Button, Checkbox, FileUpload, Frame, Layer, Password, Radio, Reset, Select, Submit, Text, Textarea, Window Khi đối tượng focus (đang xử lý đối tượng) – đối ngược với kiện onblur onkeydown Document, Image, Link, Textarea Người sử dụng nhấn phím (vừa nhấn xuống, chưa nhả ra) onkeypress Document, Image, Link, Textarea Khi người sử dụng nhấn phím (bao gồm kiện keydown keyup) onkeyup Document, Image, Link, Textarea Khi người sử dụng nhả phím (sau nhấn, nhấc tay lên) onload Frame, Image, Layer, Window Kết thúc trình nạp đối tượng onmousedown Button, Document, Link Nhấn chuột trái (chưa nhả) onmouseout Area, Layer, Link Khi trỏ chuột khỏi phạm vi đối tượng onmouseover Area, Layer, Link Khi trỏ chuột di chuyển phạm vi đối tượng onmouseup Button, Document, Link Nhả chuột (sau nhấn xuống) onmove Frame, Window Khi di chuyển cửa sổ hay frame onreset Form Khởi tạo lại form (đặt điều khiển form giá trị mặc định) onresize Frame, Window Khi thay đổi kích thước form frame onselect Textarea Khi lựa chọn nội dung text onsubmit Form Khi đệ trình form (submit) onunload Frame, Window Đang thoát khỏi trang (đang rời khỏi trang đóng cửa sổ window)