Bài giảng Phát triển ứng dụng web: Chương 2 - Lê Đình Thanh

Bài giảng Phát triển ứng dụng web: Chương 2 HTML, cung cấp cho người đọc những kiến thức như: HTML; CSS; Javascript; DOM;...Mời các bạn cùng tham khảo!
Nội dung trích xuất từ tài liệu:
Bài giảng Phát triển ứng dụng web: Chương 2 - Lê Đình Thanh Bài giảng PHÁT TRIỂN ỨNG DỤNG WEB Lê Đình Thanh Khoa Công nghệ Thông tin Trường Đại học Công nghệ, ĐHQGHN E-mail: thanhld@vnu.edu.vn Mobile: 0987.257.504 Chương 2 HTML Lê Đình Thanh, Bài giảng Phát triển ứng dụng web. Nội dung • HTML • CSS • Javascript • DOM Lê Đình Thanh, Bài giảng Phát triển ứng dụng web. Web Browser Mã nguồn trang web Trình diễn trên được thể giao diện hiện bằng người dùng HTML, CSS JavaScript Web Browser  Gửi yêu cầu và nhận nội dung (mã nguồn Do Web Server HTML, CSS, JavaScript) trang web từ Web gửi tới. Server.  Thông dịch mã nguồn trang web và trình diễn kết quả trên giao diện người dùng. Lê Đình Thanh, Bài giảng Phát triển ứng dụng web. Nội dung web • Một trang web bao gồm một tập các đối tượng tài liệu được  khai báo bằng HTML  lưu trữ theo cấu trúc DOM  định kiểu trình diễn bởi CSS  quản lý bởi JavaScript Quan trọng Lê Đình Thanh, Bài giảng Phát triển ứng dụng web. HTML: HyperText Markup Language • Ngôn ngữ đánh dấu siêu văn bản. • Dùng để khai báo các đối tượng tài liệu  Các đối tượng nội dung: Input text, text area, radio button, check box, list box, button, submit, hidden, hyperlink, text, image, …  Các đối tượng định dạng: font, italic, bold, … (ngày càng ít được dùng, mà thay bằng CSS) Lê Đình Thanh, Bài giảng Phát triển ứng dụng web. Thẻ HTML • Các đối tượng tài liệu được khai báo bởi các thẻ HTML • Thẻ đôi: Các đối tượng bên trong/con. • Thẻ đơn: . • Ví dụ:  text text text  Cấu trúc trang HTML Tiêu đề Các đối tượng tài liệu được khai báo bởi các thẻ HTML Lê Đình Thanh, Bài giảng Phát triển ứng dụng web. !DOCTYPE Lê Đình Thanh, Bài giảng Phát triển ứng dụng web. Thông tin về trang - Một vài meta thường dùng Lê Đình Thanh, Bài giảng Phát triển ứng dụng web. Liên kết tài nguyên … Bao hàm và định nghĩa kịch bản var n = document.getElementById(“note”); n.innerHTML = “Một bài viết đã được xóa.”; Lê Đình Thanh, Bài giảng Phát triển ứng dụng web. Định kiểu trình diễn body {background-color:# eee;} .container {position:relative;} #note {color:red;} Lê Đình Thanh, Bài giảng Phát triển ứng dụng web. Các đối tượng văn bản • Đầu mục • Đoạn văn • Văn bản thường • Bài viết • Cụm từ được nhấn mạnh • Phân đoạn • Thuật ngữ và từ viết tắt • Đầu đề, chân đề • Văn bản được xóa và • Ngắt chủ đề thêm mới • Bẻ từ • Mũ, chỉ số • Tham chiếu ký tự • Địa chỉ • Sử dụng bảng mã • Trích dẫn • Mã nguồn máy tính Lê Đình Thanh, Bài giảng Phát triển ứng dụng web. Đầu mục: - Lê Đình Thanh, Bài giảng Phát triển ứng dụng web. Văn bản thường • Dãy các ký tự nằm giữa hai thẻ liên tiếp • Ví dụ, ba đối tượng text cùng một h1, một h2 Nội dung web Khai báo tài liệu HTML Lê Đình Thanh, Bài giảng Phát triển ứng dụng web. Nhấn mạnh: , Lê Đình Thanh, Bài giảng Phát triển ứng dụng web. Thuật ngữ và từ viết tắt: , Lê Đình Thanh, Bài giảng Phát triển ứng dụng web. Văn bản được xóa hoặc thêm mới: , Lê Đình Thanh, Bài giảng Phát triển ứng dụng web. Viết cao Lê Đình Thanh, Bài giảng Phát triển ứng dụng web.