Bài giảng Phát triển ứng dụng web 1: Ngôn ngữ HTML cung cấp cho người học các kiến thức: Các bước thiết lập website, thiết kế lập trình website, xây dựng website dưới góc nhìn ngộ nghĩnh. Mời các bạn cùng tham khảo.
Phát triển ứng dụng web Đại Học Sài Gòn – Khoa CNTT Ngôn ngữ HTML – Ngôn ngữ HTML Nội dung buổi học trước Các bước thiết lập website Thiết kế lập trình website • Thiết kế giao diện Xây dựng website góc nhìn ngộ nghĩnh – Ngơn ngữ HTML Nội dung Giới thiệu HTML Cấu trúc tài liệu HTML Các tag (thẻ) HTML Hướng dẫn thực hành HTML Gợi ý chọn đề tài cho đồ án – Ngôn ngữ HTML Giới thiệu HTML HTML (Hyper Text Markup Language): ngôn ngữ đánh dấu siêu văn bản, dùng để xây dựng webpage HTML: chứa thành phần định dạng để báo cho browser biết cách hiển thị webpage Một trang web thơng thường gồm: • Dữ liệu (văn bản, âm thanh, hình ảnh, …) • Các tag (thẻ) HTML để định dạng mô tả cách thức liệu hiển thị trình duyệt Web browser: phân tích & “hiểu” tags HTML, thị nội dung web cho người dùng Webpage HTML: file *.htm || *.html – Ngơn ngữ HTML Trình duyệt – Trình soạn thảo Web browser – trình duyệt web Notepad Dreamweaver – Ngôn ngữ HTML HTML - Tag (thẻ) HTML First page title Hello world! It's my first html – Ngôn ngữ HTML Cú pháp, đặc tính HTML Dữ liệu HTML tag: Tên gợi nhớ Tag quy định cặp dấu ngoặc Phần lớn tag gồm phần mở đóng Một số tag có phần & khơng có liệu: , Cấu trúc lồng Thuộc tính tag cung cấp thơng tin bắt buộc/tùy chọn cho tag Một số web browser không hiểu số tag thuộc tính Khơng phân biệt chữ hoa, thường Bỏ qua khoảng trắng – Ngôn ngữ HTML Cấu trúc webpage HTML Phần đầu trang First page title Phần nội dung Bắt đầu kết thúc trang Hello world! It's my first html – Ngôn ngữ HTML Cấu trúc tài liệu HTML : Định nghĩa phạm vi văn HTML : Định nghĩa mô tả trang HTML Thông tin tag không hiển thị trang web : Mô tả tiêu đề trang web : Xác định vùng thân trang web, nơi chứa thông tin – Ngôn ngữ HTML Các tag HTML Tag xử lý định dạng văn Tag danh sách Tag tạo bảng Tag liên kết trang Tag hình ảnh Tag âm – Ngôn ngữ HTML 10 Phân loại URL Bài tập: Nội dung về: Phân loại URL Reference from: GV Trần Thị Bích Hạnh (2007) Bài giảng Mơn Lập trình thiết kế web, K.CNTT, ĐHKHTN – Ngôn ngữ HTML 41 Tag kẻ bảng - Table Tên thẻ thuộc tính thẻ Tên thẻ / T tính Mơ tả Khởi tạo bảng … Tạo dòng, thẻ nằm thẻ … Tạo ô tiêu để, thẻ nằm thẻ … Tạo ô, thẻ phải nằm thẻ Colspan Thiết lập có độ rộng cột Rowspan Thiết lập có độ cao dịng Background Thiết lập ảnh cho thẻ , , Bgcolor Thiết lập màu cho thẻ , , Ví dụ minh hoạ – Ngơn ngữ HTML 42 Tag kẻ bảng - Table Show Code STT Ho va Ten 1 Do Minh Tung 2 Cao T Phuong Thanh 3 Phan Thi Kim Loan – Ngôn ngữ HTML 43 Colspan Table Tag Show Code Name Cellphone Phan Thi Kim Loan 88352100 86251160 – Ngôn ngữ HTML 44 Rowspan Table Tag Show Code First Name: Phan Thi Kim Loan Cellphone: 86251160 88352100 – Ngôn ngữ HTML 45 Attribute Table Tag Show Background Bgcolor – Ngôn ngữ HTML Code Puppy Piggy Kitty Mummy Puppy Piggy Kitty