Bài giảng cung cấp cho người học các kiến thức: Ngôn ngữ HTML. Hi vọng đây sẽ là một tài liệu hữu ích dành cho các bạn sinh viên đang theo học môn dùng làm tài liệu học tập và nghiên cứu.
6 Ngôn ngữ HTML Ngôn ngữ HTML Tài liệu tham khảo Tự học HTML XHTML 24 Lê Minh Phương Những thực hành HTML Đinh Xuân Lâm Thiết kế quảng cáo tiếp thị web HTML Ngọc Anh Thư Press Thiết kế xuất trang Web với HTML NXB Thống Kê Lê Anh Nhật 82 Ngôn ngữ HTML 6.1 Bài Mở Đầu HTML gì? HyperText Markup Language (HTML) – Ngôn ngữ đánh dấu siêu văn Bao gồm đoạn mã chuẩn với quy ước thiết kế để tạo trang Web hiển thị trình duyệt Web Lê Anh Nhật 83 Ngôn ngữ HTML 6.1 Bài Mở Đầu Web Page (Trang Web): Là tài liệu HTML Web site: Là số trang Web liên kết với World Wide Web (www): Là dịch vụ toàn cầu Internet mà HTML tảng Lê Anh Nhật 84 Ngôn ngữ HTML 6.1 Bài Mở Đầu Những ứng dụng HTML HTML tảng World Wide Web, dịch vụ toàn cầu Internet HTML để thiết kế Web mạng Internet, tạo tài liệu, gửi cáo thị cho công ty, cá nhân Lê Anh Nhật 85 Ngôn ngữ HTML 6.1 Bài Mở Đầu Trình soạn thảo trình học Sử dụng trình soạn thảo NotePad có sẵn Windows Start\Programs\Accessories\NotePad Hoặc trình soạn thảo windows FrontPage, DreamWare, Visual Studio Lê Anh Nhật 86 Ngôn ngữ HTML 6.1 Bài Mở Đầu Những vấn đề cần quan tâm thiết kế Web Tổ chức tài liệu: tựa đề, tiêu đề, đoạn văn, đường kẻ ngang, danh sách, bảng Thu ngắn văn Bố trí hình ảnh nhỏ gọn, hợp lý Lê Anh Nhật 87 Ngôn ngữ HTML 6.2 Tạo chương trình 1.1 Tạo trang Web - Mở môi trường mà bạn muốn soạn thảo tài liệu HTML - Sử dụng chương trình soạn thảo NotePad: Start -> Program -> Accessories -> NotePad •Chú ý: + Khi ghi tài liệu HTML vào ổ đĩa nhớ ghi đầy đủ phần mở rộng + Nếu sử dụng mơi trường soạn thảo NotePad Windows ghi ghi tài liệu HTML vào ổ đĩa fải chọn Encoding UTF-8 để hiển thị tiếng việt Lê Anh Nhật 88 Ngơn ngữ HTML 6.2 Tạo chương trình 1.2 Tag (thẻ) HTML gì? Khi Web browser hiển thị trang Wed, Web Browser đọc từ file văn đơn giản tìm kiếm đoạn mã đặc biệt hay Tag đánh dấu ký hiệu < > * Tag mang thoâng tin String of text : tag bắt đầu Trong đó: : tag kết thúc * Tag rỗng: Lê Anh Nhật 89 Tag Ví dụ: Chúc mừng bạn đến với HTMLTag Chúc bạn học tốt! Tag kết thúc Lê Anh Nhật 90 Ví dụ: tạo trang web có frame sau: Lê Anh Nhật 228 Tệp "frame_index.html" vi du ve frame index Xin lỗi, trình duyệt không trợ giúp frame Lê Anh Nhật 229 Tệp "frame_content.html" vi du ve frame content MỤC LỤC
Cấu trúc trang web Lê Anh Nhật 230 7.4 Thực hành tự Lê Anh Nhật 231 Lê Anh Nhật 232 Chương FORM 8.1 Form Form cho phép bạn nhận thông tin hay phản hồi từ người dùng Tạo Form: yêu cầu thông tin nhiều cách khác : nhận giá trị trị Post Get Lê Anh Nhật 233 8.2 Trường văn thuộc tính Text… < /TextArea> Cho phép người dùng nhập nhiều dòng văn vào Form với số dòng số cột cần hiển thị Text: Hướng dẫn người sử dụng nhập liệu Value: OFF (giá trị mặc định) không dùng Wrap Lê Anh Nhật 234 8.3 Text Box Cho phép người dùng nhập đoạn văn có chiều dài Size chiều dài tối đa cho đoạn văn MaxLength (Size < MaxLength) Lê Anh Nhật 235 8.4 Password Khi nhập liệu vào ký tự dấu thay vào ký tự “*” hay “x” tuỳ thuộc vào trình duyệt Lê Anh Nhật 236 8.5 Check Box String Tuỳ chọn dùng có nhiều giá trị cho tuỳ chọn Muốn xác định trạng thái mặc định checkBox đánh dấu khơng đánh dấu thêm hai giá trị: Checked UnChecked String: Là xâu thông báo lựa chọn Lê Anh Nhật 237 8.6 Radio Button String Cho phép người dùng lựa chọn tuỳ chọn định trước Thuộc tính Name phải giống thuộc tính Value phải khác Lê Anh Nhật 238 8.7 Trường Hidden Được thiết kế để truyền (ngầm) giá trị đến Web Server Script Giá trị truyền thường từ khoá, giá trị kiểm tra hay chuỗi Lê Anh Nhật 239 8.8 Submit Button Dùng để chuyển liệu Form mà người sử dụng nhập sang trang String: Là dòng chữ ghi nút, khơng có Value mặt định Submit ghi nút Lê Anh Nhật 240 8.9 Reset Button Dùng để xoá liệu Form mà người sử dụng nhập, khởi động lại cho phần tử Form String: Là dịng chữ ghi nút, khơng có Value mặt định Reset ghi nút Lê Anh Nhật 241 8.10 ComboBox ListBox < Select Name = “name” Size = Multiple > String String String ………… -: Định nghĩa phần tử danh sách -Multiple: Cho phép người dùng chọn lúc nhiều giá trị Lê Anh Nhật 242 ...6 Ngôn ngữ HTML Tài liệu tham khảo Tự học HTML XHTML 24 Lê Minh Phương Những thực hành HTML Đinh Xuân Lâm Thiết kế quảng cáo tiếp thị web HTML Ngọc Anh Thư Press Thiết kế xuất trang Web với HTML. .. 83 Ngôn ngữ HTML 6.1 Bài Mở Đầu Web Page (Trang Web): Là tài liệu HTML Web site: Là số trang Web liên kết với World Wide Web (www): Là dịch vụ toàn cầu Internet mà HTML tảng Lê Anh Nhật 84 Ngôn. .. mà HTML tảng Lê Anh Nhật 84 Ngôn ngữ HTML 6.1 Bài Mở Đầu Những ứng dụng HTML HTML tảng World Wide Web, dịch vụ toàn cầu Internet HTML để thiết kế Web mạng Internet, tạo tài liệu, gửi cáo thị