Bài giảng Học phần Thiết kế lập trình web: Chương 2 - GV. Trần Minh Hùng

Bài giảng Học phần Thiết kế lập trình web: Chương 2 trình bày các nội dung: Giới thiệu về HTML, Thẻ (tag) HTML, bảng biểu, form, khung, đa phương tiện, một số thẻ meta thông dụng. Mời bạn đọc tham khảo.
Nội dung trích xuất từ tài liệu:
Bài giảng Học phần Thiết kế lập trình web: Chương 2 - GV. Trần Minh Hùng 5/10/2013 Trường Cao đẳng Phát thanh – Truyền hình II NỘI DUNG CHƯƠNG II  Giới thiệu HTML  Thẻ (tag) HTML NGÔN NGỮ HTML  Bảng biểu  Form  Khung (Frame)  Đa phương tiện  Một số thẻ meta thông dụng NỘI DUNG Giới thiệu HTML  Giới thiệu HTML  HTML là gì?  Thẻ (tag) HTML  Đặc điểm  Bảng biểu  Form  Khung (Frame)  Đa phương tiện  Một số thẻ meta thông dụng 1 5/10/2013 Giới thiệu Đặc điểm  HTML = HyperText Markup Language – Ngôn  HTML sử dụng các thẻ (tags) để định dạng ngữ đánh dấu siêu văn bản – Ngôn ngữ để viết dữ liệu các trang web.  HTML không phân biệt chữ hoa, chữ thường  Do Tim Berner Lee phát minh và được W3C  Các trình duyệt thường không báo lỗi cú pháp (World Wide Web Consortium) đưa thành HTML. Nếu viết sai cú pháp chỉ dẫn đến kết quả chuẩn năm 1994. hiển thị không đúng với dự định. NỘI DUNG Thẻ (tag)  Giới thiệu  Thẻ (tag)  Thẻ (tag)  Thuộc tính (property) của thẻ  Bảng biểu  Trang web đầu tiên  Form  Thẻ định dạng ký tự  Khung (Frame)  Tiêu đề, đoạn văn, ngắt dòng  Đa phương tiện  Danh sách  Một số thẻ meta thông dụng  Chèn ảnh  Siêu liên kết (Hyperlink) 2 5/10/2013 Thẻ (tag) Thuộc tính (property) của thẻ  Có nhiều thẻ, mỗi thẻ có 1 tên và mang ý nghĩa  Một thẻ có thể có các thuộc tính nhằm bổ sung tác dụng cho khác nhau. thẻ  Có 2 loại thẻ: thẻ đóng và thẻ mở  Mỗi thuộc tính có tên thuộc tính (tên_TT)  Viết thẻ có thuộc tính:  Cách viết thẻ:  Thẻ mở:  Chú ý: Ví dụ: , , …  Có thể thay đổi thứ tự, số lượng các thuộc tính mà không gây ra lỗi cú pháp  Thẻ đóng tương ứng:  Sự hỗ trợ các thẻ, thuộc tính ở mỗi trình duyệt là khác nhau. Chỉ Ví dụ: , giống nhau ở các thẻ, thuộc tính cơ bản.  Chú ý: luôn có thẻ mở nhưng có thể không có thẻ  Thẻ đóng của thẻ có thuộc tính vẫn viết bình thường () đóng tương ứng. Ví dụ: không có thẻ đóng Trang web đầu tiên Trang web đầu tiên  Trang HTML có phần mở rộng (đuôi) là .HTM hoặc  Soạn thảo: .HTML  Mở trình soạn thảo văn bản thuần (VD Notepad) gõ ND dưới  Có thể tạo trang HTML bằng bất cứ trình soạn thảo “văn bản thuần” nào (Notepad, EditPlus, Notepad++,  Ghi lại với tên “CHAO.HTM” Turbo Pascal,…)  Có nhiều trình soạn thảo HTML cho phép NSD soạn Chao hoi thảo trực quan, kết quả sinh ra HTML tương ứng như:  Microsoft FrontPage  Macromedia Dreamweaver Chào mừng lớp 10CĐTH đến với HTML !  … 3 5/10/2013 Trang web đầu tiên Giải thích  Thử nghiệm:  HTML  Mở trình duyệt web (IE)  Cặp thẻ này được sử dụng để xác nhận một tài liệu là tài liệu HTML,  Vào File/Open, chọn file tức là nó có sử dụng các thẻ HTML để trình b ...