Tài liệu môn học - xuantruongprogrammerweb tài liệu, giáo án, bài giảng , luận văn, luận án, đồ án, bài tập lớn về tất c...
Đại học Sư phạm Hà Nội KHOA CÔNG NGHỆ THƠNG TIN MƠN HỌC LẬP TRÌNH TRÊN NỀN WEB Trình bày: Nguyễn Xn Trường xuantruong12121991@gmail.com MƠN HỌC LẬP TRÌNH TRÊN NỀN WEB Ngơn ngữ HTML Trình bày: Nguyễn Xn Trường xuantruong12121991@gmail.com Ngơn ngữ HTML Nội dung • Các khái niệm • Các thẻ HTML 11/09/2015 xuantruong12121991@gmail.com Ngơn ngữ HTML • HTML(HyperText Markup Language): • Là ngơn ngữ dùng để biểu diễn trang web thông qua tags • Thơng qua tags định dạng cách hiển thị trang web • Một trang HTML chèn hình ảnh, âm nó, liên kết đến trang HTML khác 11/09/2015 xuantruong12121991@gmail.com Ngơn ngữ HTML • Các thẻ (tag) HTML • Các thẻ dùng để báo cho trình duyệt cách thức trình bày văn hình • Dùng để chèn mối liên kết đến trang khác, đoạn chương trình khác 11/09/2015 xuantruong12121991@gmail.com Ngơn ngữ HTML • Cấu trúc thẻ Đoạn văn chịu tác động lệnh • Mỗi thẻ gồm tên thẻ - KEYWORD - bao bọc hai dấu bé () • Hầu hết lệnh thể cặp hai thẻ: thẻ mở () thẻ đóng () Dấu gạch chéo ("/") kí hiệu thẻ đóng 11/09/2015 xuantruong12121991@gmail.com Cấu trúc thẻ • Nhiều thẻ có kèm thuộc tính (attribute), cung cấp thêm tham số chi tiết cho việc thực lệnh • Các thuộc tính chia làm hai loại: • Thuộc tính bắt buộc • Thuộc tính khơng bắt buộc • Tuỳ chọn 11/09/2015 xuantruong12121991@gmail.com Cấu trúc thẻ • Mỗi thẻ hay nhiều thuộc tính kèm • Thuộc tính nhập trước ngoặc đóng „>‟ thẻ mở • Có thể có nhiều thuộc tính thẻ • thuộc tính phân cách khoảng trắng • Các giá trị thuộc tính đặt “ ”, „ ‟ khơng có 11/09/2015 xuantruong12121991@gmail.com Cấu trúc thẻ • Nếu giá trị chuỗi ký tự có khoảng trắng bên trong, bắt buộc phải dùng “ ” hay „ ‟ để bao chuỗi lại • VD: 11/09/2015 xuantruong12121991@gmail.com Cấu trúc thẻ • Phần tử (element): • Có thể bao gồm thẻ mở, thẻ đóng nội dung bên cặp thẻ mở, đóng • Có hai loại phần tử HTML • Phần tử chứa nội dung: bao gồm thẻ mở thẻ đóng • VD:Nội dung
• Phần tử rỗng: bao gồm thẻ • VD: viết < br /> 11/09/2015 xuantruong12121991@gmail.com 10 Các thẻ HTML - Form • Form • Cấu trúc form: • BUTTON: nút nhấn • Cú pháp: 11/09/2015 xuantruong12121991@gmail.com 48 Các thẻ HTML - Form • Form(tt) 11/09/2015 xuantruong12121991@gmail.com 49 Các thẻ HTML - Form • Form(tt) • Khi nhập tệp vào ô text chọn tệp nút Browse giá trị tên tệp gắn cho thuộc tính Value thành phần Lập trình mạng – Chương 50 Các thẻ HTML - Form • Form(tt) 11/09/2015 xuantruong12121991@gmail.com 51 Các thẻ HTML - Form • Form(tt) 11/09/2015 xuantruong12121991@gmail.com 52 Các thẻ HTML - Form • FieldSet: • Nhóm đối tượng giống vào phần logic cú pháp: Chú thích Các thành phần nhóm • Tag legend: tạo thích nhóm • Cho phép canh lề thích 11/09/2015 xuantruong12121991@gmail.com 53 Các thẻ HTML - Form • FieldSet: Ví dụ: 11/09/2015 xuantruong12121991@gmail.com 54 Các thẻ HTML - Form • FieldSet: Kết quả: 11/09/2015 xuantruong12121991@gmail.com 55 Câu hỏi Bài Tập (Ví dụ tổng hợp) 11/09/2015 xuantruong12121991@gmail.com 56 ... Các thẻ định dạng cấu trúc tài liệu • Thẻ HTML định dạng tài liệu • Cặp thẻ dùng để xác nhận tài liệu tài liệu HTML Bắt buộc phải có • Cú pháp: Tồn nội dung tài liệu đặt đây… 11/09/2015... phần mở đầu cho tài liệu Có thể có khơng • Cú pháp: …Phần mở đầu đặt • Thẻ TITLE • Cặp thẻ nằm phần mở đầu tài liệu tức phạm vi thẻ HEAD • Cú pháp: Tiêu đề tài liệu< /TITLE>... phần nội dung tài liệu Bắt buộc phải có • Gồm nhiều thuộc tính để định dạng để đặt ảnh nền, màu nền, đặt lề cho trang,… • Cú pháp: …Phần nội dung tài liệu đặt