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 1 Đại Học Sài Gịn – Khoa CNTT Ngơn ngữ HTML 4 – 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 dưới góc nhìn ngộ nghĩnh 4 – Ngôn ngữ HTML Nội dung Giới thiệu về HTML Cấu trúc 1 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 4 – Ngơn ngữ HTML Giới thiệu về HTML § HTML (Hyper Text Markup Language): ngơn ngữ đánh dấu siêu văn bản, dùng để xây dựng một webpage § HTML:chacỏcthnhphnnhdngbỏochobrowserbit cỏchhinthmtwebpage Đ Mttrangwebthụngthnggm: ã Dliu(vnbn,õmthanh,hỡnhnh,) ã Cỏctag(th)HTMLnhdngmụtcỏchthccỏcdliuhinth trờntrỡnhduyt Đ Web browser: phân tích & “hiểu” các tags HTML, hiện thị nội dung web cho người dùng § Webpage HTML: 1 file *.htm || *.html 4 – Ngơn ngữ HTML Trình duyệt – Trình soạn thảo Web browser – trình duyệt web Notepad Dreamweaver 4 – Ngôn ngữ HTML HTML căn bản Tag (thẻ) HTML First page title Hello world! It's my first html 4 – Ngơn ngữ HTML Cú pháp, đặc tính của HTML Dữ liệu HTML tag: § Tên gợi nhớ § Tag được quy định trong cặp dấu ngoặc § Phần lớn tag gồm 2 phần mở và đóng § Một số tag chỉ có 1 phần & khơng có dữ liệu: , § Cấu trúc lồng § Thuộc tính của 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 một số tag hoặc thuộc tính § Khơng phân biệt chữ hoa, thường § Bỏ qua các khoảng trắng 4 – Ngơn ngữ HTML Cấu trúc một 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 4 – Ngôn ngữ HTML Cấu trúc 1 tài liệu HTML § : Định nghĩa phạm vi của văn bản HTML § : Định nghĩa các mơ tả về trang HTML. Thơng tin trong tag này khơng được hiển thị trên trang web § : Mơ tả tiêu đề trang web § : Xác định vùng thân của trang web, nơi chứa các thơng tin 4 – Ngơn ngữ HTML Các tag HTML cơ bản § Tag xử lý định dạng văn bản § Tag danh sách § Tag tạo bảng § Tag liên kết trang § Tag hình ảnh § Tag âm thanh 4 – Ngơn ngữ HTML 10 § Bài tập: Phân loại URL Nội dung về: Phân loại các URL Reference from: GV. Trần Thị Bích Hạnh (2007) Bài giảng Mơn Lập trình và thiết kế web, K.CNTT, ĐHKHTN 4 – Ngơn ngữ HTML 41 Tag kẻ bảng Table Tên thẻ và các thuộc tính của thẻ Tên thẻ / T. tính Mơ tả Khởi tạo 1 bảng … Tạo 1 dịng, thẻ nằm trong thẻ … Tạo 1 ơ tiêu để, thẻ nằm trong thẻ … Tạo 1 ơ, thẻ phải nằm trong thẻ Colspan Thiết lập ơ có độ rộng bằng bao nhiêu cột Rowspan Thiết lập ơ có độ cao bằng bao nhiêu dịng Background Thiết lập ảnh nền cho thẻ , , Bgcolor Thiết lập màu nền cho thẻ , , § Ví dụ minh hoạ 4 – 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 4 – Ngôn ngữ HTML 3 Phan Thi Kim Loan 43 Colspan Table Tag Show Code Name Cellphone Phan Thi Kim Loan 88352100 86251160 4 – Ngôn ngữ HTML 44 Rowspan Table Tag Show Code First Name: Phan Thi Kim Loan Cellphone: 86251160 88352100 4 – Ngôn ngữ HTML 45 Attribute Table Tag Show Background Bgcolor 4 – Ngôn ngữ HTML Code Puppy Piggy Kitty Mummy Puppy Piggy Kitty