Bài giảng Phát triển ứng dụng web 1: Ngôn ngữ HTML - ĐH Sài Gòn

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