Web ( World Wide Web): Mạng toàn cầu, sử dụng ngôn ngữ đánh dấu siêu văn bản ( HTML: Highper Text Markup Language) để mô tả. Có 2 loại trang web: tĩnh và động. Thông tin được khai báo bằng cách dùng các thẻ theo một quy luật khai. Người dùng sử dụng các trình duyệt để đọc các thông tin.
Bùi V Anh - Bài gi ng HTML 08-08-2005 • • • • • Bài Ngôn ng đá đánh d u siêu v n b n (Highper Text Markup Language – HTML) Ths Bùi V Anh B môn Tin h c Khoa Toán – C – Tin h c N i dung Khái ni m Khái ni m c b n C u trúc trang Web M t s th thông d ng M t s th đ c bi t C u trúc th Script • Web (World Wide Web): M ng toàn c u, s d ng ngôn ng đánh d u siêu v n b n (HTML – Highper Text Markup Language) đ mô t n i dung • Có lo i trang Web: T nh đ ng BVA1 • Thơng tin đ c khai báo b ng cách dùng BVA5 th theo m t quy lu t khai báo • Ng i dùng s d ng trình t đ đ c thông tin vuanh@vnu.edu.vn Hà N i 08-08-2005 Bùi V Anh - Bài gi ng v HTML Hà N i 08-08-2005 Bùi V Anh - Bài gi ng v HTML Trình t k ch b n Trình ch ngơn ng script Trình ch ngơn ng script… • Internet Explorer, Nescape, FireFox… • K ch b n (script): Có lo i, ch y máy ch (server script) máy khách – máy t web (client script) ó d ng l p trình dùng đ nâng cao hi u qu , tính n ng c a trang web • Các h CSDL g n v i trang web dùng đ l u thơng tin: Access, SQL Server, MySQL, Oracle… • Trình ch (web server): N i cung c p d ch v web, đ t ch y máy tính • Mơi tr ng ch y trình ch : • Client script không ph thu c vào Server script Web server (t ng đ i) • Có th dùng nhi u lo i client script m t trang Web nh ng không đ c khai báo l n l n Hà N i 08-08-2005 Bùi V Anh - Bài gi ng v HTML B môn Tin h c, Khoa Toán - C - Tin h c, Tr – Windows: IIS (Internet Information Server), Apache – Linux: Apache, JRUN, Weblogic… • Ngơn ng script: ASP (Active Server Page), JSP (Java Server Page), Servlet, PHP, Perl, ASP.NET – Ph bi n: VB Script Java Script Hà N i 08-08-2005 Bùi V Anh - Bài gi ng v HTML ng H Khoa h c T nhiên Hà N i 08-08-2005 Bùi V Anh - Bài gi ng v HTML Slide BVA1 - Web t nh: Không k t n i CSDL, thông tin hi n lên đ c l u tr file text hay file riêng bi t - Web đ ng: Có k t n i t i CSDL, trang web đ c làm t i, d li u đ c trình b y đ c đ c t CSDL Bui Vu Anh, 7/23/2005 BVA5 Th : Tag, th đ ng c a th ng g m th , th m đ Bui Vu Anh, 7/23/2005 c đ t < > th đóng đ t Chúng có tên ph n n m th s ch u tác Bùi V Anh - Bài gi ng HTML 08-08-2005 C u trúc trang Web • Là m t file text có c u trúc • Tên file l u tr : htm, html, jhtm, phtm… • Tên th khơng phân bi t ch hoa/th ng Tiêu đ … … … … Hà N i 08-08-2005 Bùi V Anh - Bài gi ng v HTML Ý ngh a th Các th đ nh d ng • Head: Thơng tin khơng xu t hi n trang web, m c đích cung c p thơng tin… • Title: Tên tiêu đ c a trình t • Body: Thơng tin xu t hi n trang web, có th che d u m t ph n thông tin tu theo ph ng th c c a client script • Div: Canh l đo n v n b n Hà N i 08-08-2005 Bùi V Anh - Bài gi ng v HTML Mã 16 màu • Font: Quy đ nh font cho đo n v n b n aqua gray navy silver – … – Tên font s d ng: font vi t tr c quy đ nh s dùng n u máy cài đ t, font th đ c dùng n u font th nh t không cài đ t… – H 16 màu chu n có th dùng tên: red, blue…, h màu 24bit, dùng s h hexa d ng #FFFFFF (d u # tr c) – C ch 1, 2, 3…7 ho c dùng kích th c t ng đ i so v i trình t, dùng –n, +n size=+1, size=-2 Bùi V Anh - Bài gi ng v HTML B môn Tin h c, Khoa Toán - C - Tin h c, Tr • P: nh d ng câu, sau th k t thúc s sang m t dòng m i, tách b ng m t kho ng cách…
• : Làm n i b t đo n v n b n b ng cách lùi vào phía trang web, gi nguyên đ nh d ng Dịng thơng báo đ n v trí có tham kh o n Có th dùng bookmark m t trang khác: name=#tên tham kh o URL: Universal/Uniform Resource Locator 19 ng th c c a JavaScript: Bookmark this URL 20 Hà N i 08-08-2005 Bùi V Anh - Bài gi ng v HTML Th text password Th text password… • Nh p d li u d ng text • Quy đ nh chi u dài l n nh t (maxlength) kích th c (size) trang web • Phù h p (không l n h n) chi u dài c a u n/th ch a • C n cung c p tên đ tham chi u Client Server Side • Cung c p giá tr m c đ nh n u c n name=“txtPassword” 21 BVA18 • Cho phép ng i dùng nh p d li u • Th c hi n ch th hay hành đ ng • G m: text, password, submit, button, reset, checkbox, radio, hidden, image Hà N i 08-08-2005 Bùi V Anh - Bài gi ng v HTML B môn Tin h c, Khoa Toán - C - Tin h c, Tr 22 Hà N i 08-08-2005 Bùi V Anh - Bài gi ng v HTML ng H Khoa h c T nhiên 23 Hà N i 08-08-2005 Bùi V Anh - Bài gi ng v HTML 24 Slide 20 BVA16 URL: Universal Relate Link - đ a ch internet, mail hay intranet UNC: a ch m ng c c b Bui Vu Anh, 7/23/2005 Slide 21 BVA17 Máy c n h tr Java Virtual Machine Bui Vu Anh, 7/23/2005 Slide 22 BVA18 Các th dùng đ khai báo d li u nh m k t n i đ n k ch b n ch y trình ch Bui Vu Anh, 7/23/2005 Bùi V Anh - Bài gi ng HTML 08-08-2005 Th checkbox Th radio Dùng cho tu ch n • Quan tâm đ n thu c tính checked (true/false) s d ng Client Script • Server side tham chi u th d i d ng giá tr c a th thông qua tên nên c n đ nh ngh a giá tr tr c • Khi khai báo trùng tên, chu i giá tr nh n đ c cách b i d u ph y (,) • Dùng cho ch n nhi u l a ch n • Các radio ph i có tên, khác v giá tr • Ch m t m c đ c checked, u tiên m c cu i n u c tình check nhi u m c • Khi tham chi u b ng Server Script s nh n đ c giá tr c a tu ch n đ c ch n How can you know us: Newspaper Television Hà N i 08-08-2005 Bùi V Anh - Bài gi ng v HTML Th submit Dùng ch p nh n nh ng d li u nh p input phía trình ch b ng ph ng th c Post (trong th form) hay Get (trong QueryString) Chuy n giá tr lên QueryString, khai b o th form v i ph ng th c Get; mu n Server Script l y d li u t th form, khai báo th form v i ph ng th c Post Gender: (value giá tr caption nút) Male Female 25 Th button Hà N i 08-08-2005 Bùi V Anh - Bài gi ng v HTML 26 Th reset • Ch p nh n nh ng d li u nh p th input lên trình khách (n u dùng ph ng th c submit(), nút s g i th form lên trình ch web) Mu n tính tốn trang web => dùng th • Th c thi ph ng th c Client Script Hà N i 08-08-2005 Bùi V Anh - Bài gi ng v HTML 27 Th hidden • Ph c h i d li u nh p th input, select, textarea • c khai báo th form dùng đ reset d li u trang web • T ng t th text nh ng không hi n th trang web, không cho phép ng i dùng nh p d li u mà c n đ nh ngh a tr c giá tr cho nó, nh m th c hi n m c đích ti m n Ví d : Quay v trang tr c Hà N i 08-08-2005 Bùi V Anh - Bài gi ng v HTML B môn Tin h c, Khoa Toán - C - Tin h c, Tr 28 Hà N i 08-08-2005 Bùi V Anh - Bài gi ng v HTML ng H Khoa h c T nhiên 29 Hà N i 08-08-2005 Bùi V Anh - Bài gi ng v HTML 30 Bùi V Anh - Bài gi ng HTML 08-08-2005 Th image Th textarea • Hình nh trang web g n v i m t ch c n ng (ví d g n kèm nút submit, reset, button) Hà N i 08-08-2005 Meta: Khai báo th head dùng khai báo lo i font s d ng, tìm ki m, xố cache, chuy n trang… • Th meta v i font: 41 • Xố cache: –Trang web đ c n p vào cache đ truy nh p nhanh t –Khi có s thay đ i c u trúc trang web => m ng c c b dùng Proxy Server ng i qu n tr có th xoá cache hay IP cho máy t web –Mu n ch đ ng xoá cache => c n khai báo: Hà N i 08-08-2005 Bùi V Anh - Bài gi ng v HTML 42 Bùi V Anh - Bài gi ng HTML 08-08-2005 Các th đ c bi t… Các th đ c bi t… • Th marquee: –Qu ng cáo, gây s ý… –Khai báo dòng ch chuy n đ ng ngang trang web xâu ch Các th đ c bi t…