Nguyễn Thị Thùy Liên Khoa CNTTĐHSP Hà Nội lienntthnue.edu.vn Ngôn ngữ HTML Các thẻ cơ bản của HTML Liên kết trang Web Đối tượng nhập dữ liệu Các nút, box thông dụng Khung, Hộp nhập văn bản nhiều dòng, Listbox, Combobox, Các nút lệnh. Đối tượng nhập dữ liệu, Form
Nguyễn Thị Thùy Liên Khoa CNTT-ĐHSP Hà Nội lienntt@hnue.edu.vn Giới thiệu HTML=HyperText Markup Language – Ngôn ngữ đánh dấu siêu văn – Ngôn ngữ để viết trang web Do Tim Berner Lee phát minh W3C (World Wide Web Consortium) đưa thành chuẩn năm 1994 Đặc điểm HTML sử dụng thẻ (tags) để định dạng liệu HTML không phân biệt chữ hoa, chữ thường Các trình duyệt thường khơng báo lỗi cú pháp HTML Nếu viết sai cú pháp dẫn đến kết hiển thị không với dự định Thẻ (tag) Có nhiều thẻ, thẻ có tên mang ý nghĩa khác Có loại thẻ: thẻ đóng thẻ mở Cách viết thẻ: Thẻ mở: Ví dụ: ,, … Thẻ đóng tương ứng: Ví dụ: ,
Chú ý: ln có thẻ mở khơng có thẻ đóng tương ứng Ví dụ: , , , … khơng có thẻ đóng Thẻ (tag) – thẻ HTML Thẻ cho biết tài liệu có định dạng HTML Thẻ (tag) – thẻ HEAD Thẻ : chứa số thông tin trang: tiêu đề: … Các thẻ mở rộng đường link tới số file khác Nội dung thẻ head khơng hiển thị cửa sổ trình duyệt Thẻ (tag) – thẻ HEAD Thẻ (tag) – thẻ BODY Thẻ : chứa toàn nội dung trang hiển thị cửa sổ trình duyệt Thuộc tính (property) thẻ Một thẻ có thuộc tính nhằm bổ sung tác dụng cho thẻ Mỗi thuộc tính có tên thuộc tính (tên_TT) Các thuộc tính đặt thẻ mở Viết thẻ có thuộc tính: Thuộc tính (property) thẻ 10 Option Button (Radio Button) 48 Nút lệnh (Button) Sử dụng để NSD lệnh thực cơng việc Trên web có loại nút: submit: Tự động lệnh gửi liệu reset: đưa liệu trạng thái mặc định normal: người lập trình tự xử lý Thẻ: Thuộc tính: name=“tên_ĐT”: thường không quan trọng type=“submit”: nút submit type=“reset”: nút reset type=“button”: nút thông thường (normal), it sử dụng value=“tiêu đề nút” 49 Combo Box (Drop-down menu) Bao gồm danh sách có nhiều phần tử Tại thời điểm có phần tử chọn NSD chọn phần tử danh sách xổ xuống cách kích vào mũi tên bên phải hộp danh sách Thẻ tạo hộp danh sách: Danh sách phần tử Thuộc tính: name=“tên_ĐT”: quan trọng Thẻ tạo phần tử danh sách: Tiêu đề phần tử Thuộc tính: value=“giá trị”: giá trị chương trình nhận phần tử chọn selected: có phần tử mặc định chọn 50 Combo Box (Drop-down menu) 51 Listbox Tương tự Combo box, nhiên nhìn thấy nhiều phần tử lúc, lựa chọn nhiều phần tử Thẻ: … Thuộc tính: tương tự combo nhiên có thuộc tính khác: size=“số dòng” multiple: cho phép lựa chọn nhiều phần tử lúc Thẻ … tương tự combobox 52 Hộp nhập văn nhiều dòng (TextArea) Cho phép nhập văn dài nhiều dòng Thẻ: Nội dung mặc định Thuộc tính: name=“tên_ĐT”: quan trọng rows=“số dịng” cols=“số cột” rows tính theo số dịng văn bản, cols tính theo số ký tự chuẩn dòng 53 Khung (Frame) Cho phép chia trang web làm nhiều phần, phần chứa nội dung trang web khác Trình duyệt khơng hỗ trợ khung 54 Khung (tt) Tạo trang web chứa khung: Thay thẻ … bằng: khung nội dung trường hợp trình duyệt khơng hỗ trợ khung 55 Khung (tt) Một số thuộc tính rows = “n1, n2, … nk” cols = “n1, n2, … nk”: Quy định có k dịng (hoặc cột), độ rộng dòng (cột) thứ i ni ni số, thay *: phần cịn lại frameborder = yes no framespacing = “n”: Khoảng cách khung 56 Khung (tt) Tạo khung có nội dung trang web đó: Thuộc tính: src=“Địa chứa nội dung” name=“tên khung” noresize: Không thay đổi kích thước Thẻ mặc định Thuộc tính target=“Cửa sổ mặc định” href=“Địa gốc mặc định” 57 Đa phương tiện Âm nền: Thuộc tính: src=“địa file âm thanh” loop=“n”: số lần lặp -1: mặc định: mãi 58 Đa phương tiện (tt) Video IE sử dụng Windows Media Player