HTML CĂN BẢN CHO NGƯỜI MỚI BẮT ĐẦU pptx

104 340 0
HTML CĂN BẢN CHO NGƯỜI MỚI BẮT ĐẦU pptx

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

C u trúc c a 1 th trong HTML bao g m:ấ ủ ẻ ồ - D u "<". N u là th đóng thì s b t đ u b ng "</"ấ ế ẻ ẽ ắ ầ ằ - Tên thẻ - Các tham s khác n u có. N u là th đóng thì không c n tham s .ố ế ế ẻ ầ ố - D u ">".ấ <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> ph n thân tài li uầ ệ </BODY> </HTML> Toàn b n i dung chính c a trang HTML đ c đ t trong c p thộ ộ ủ ượ ặ ặ ẻ <BODY></BODY> Các th x lý đo n văn b nẻ ử ạ ả Bây gi chúng ta l n l t đi qua các c p th hay s d ng nh t. Xin nóiờ ầ ượ ặ ẻ ử ụ ấ thêm: th có c u trúc: <tên_th thu c_tính1="gia_tri1" thu c_tính2="gia_tri2">. T t nhiên các b n cóẻ ấ ẻ ộ ộ ấ ạ th b m t s thu c tính đi (lúc đó, các thu c tính b b đi s đ c đ t ng m đ nh b i trình duy t, r tể ỏ ộ ố ộ ộ ị ỏ ẽ ượ ặ ầ ị ở ệ ấ khó ch u)ị 1. Các th x lý đo nẻ ử ạ a). Th phân chia đo nẻ ạ Trong HTML, các đo n tài li u, văn b n, hình nh… đ c phân chia b ng c p th <P>văn b n</P>ạ ệ ả ả ượ ằ ặ ẻ ả Th <P> có 1 s thu c tính sau:ẻ ố ộ Align: Thu c tính này s ch a 1 trong 3 giá tr :ộ ẽ ứ ị - center: Đo n tài li u s đ c canh ch nh vào gi aạ ệ ẽ ượ ỉ ữ - left: Đo n tài li u s đ c canh ch nh theo l tráiạ ệ ẽ ượ ỉ ề - right: Đo n tài li u s đ c canh ch nh theo l ph iạ ệ ẽ ượ ỉ ề ả - justify: Đo n tài li u s đ c canh ch nh theo hai bênạ ệ ẽ ượ ỉ Ví d :ụ HTML> <BODY> <p align ="justify"> Th m t tíử ộ </p> </BODY> </HTML> Style: Thu c tính này s quy đ nh kho ng cách l c a đo n. Trong thu c tính này l i có các thu c tínhộ ẽ ị ả ề ủ ạ ộ ạ ộ con, tuy nhiên các thu c tính con này đ c đ t cách nhau b ng d u ch m ph y. T t nhiên các b nộ ượ ặ ằ ấ ấ ẩ ấ ạ cũng có th lo i b thu c tính con:ể ạ ỏ ộ - margin-left : x (x là s nguyên ch đ nh chi u r ng c a l trái)ố ỉ ị ề ộ ủ ề - margin-right : y (y là s nguyên ch đ nh chi u r ng c a l ph i)ố ỉ ị ề ộ ủ ề ả - margin-top: z (z là s nguyên ch đ nh chi u r ng c a l trên)ố ỉ ị ề ộ ủ ề - margin-bottom: t(t là s nguyên ch đ nh chi u r ng c a l d i)ố ỉ ị ề ộ ủ ề ướ - line-height: u% (u: kho ng cách gi a các dòng tính theo đ n v 100 %)ả ữ ơ ị Ví d :ụ HTML Code: <HTML> <BODY> <p align ="center" style ="margin-left: 10; margin-right: 5; margin- top: 6; margin-bottom: 6"> Th hai tí. Tí th 2 này xác đ nh đo n vănử ứ ị ạ 1 b n căn gi a, có l trái = 10, l ph i b ng 5, l trên = 6, l d iả ữ ề ề ả ằ ề ề ướ = 6. H t tí th 2.ế ứ </p> <p align ="left" > Th ba tí. Tí th 3 này xác đ nh đo n văn b n cănử ứ ị ạ ả trái, các l đ t theo m c đ nh c a trình duy tề ặ ặ ị ủ ệ </p> <p align ="left" style="line-height: 150%" > Th ba tí. Tí th 3 nàyử ứ xác đ nh đo n văn b n căn trái, các l đ t theo m c đ nh c a trìnhị ạ ả ề ặ ặ ị ủ duy tệ </p> </BODY> </HTML> b. Th xu ng dòngẻ ố Trong HTML, các ký t xu ng dòng không đ c s d ng. Đ ng t m t dòng nào đó, ta dùng thự ố ượ ử ụ ể ắ ộ ẻ <BR>. Đây là 1 th đ n:ẻ ơ HTML Code: <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <p align="left" style="margin-left : 30"> Trung thu là t t thi u nhiế ế <BR>T i sao ng i l n l i đi ch i nhi uạ ườ ớ ạ ơ ề <BR>Ch i nhi u thì s làm li uơ ề ẽ ề <BR>Làm li u l i đ ra nhi u thi uề ạ ẻ ề ế nhi<BR></p> </BODY> </HTML> Chú ý: M t c p th khác cũng đ c s d ng đ canh ch nh đo n tài li u hay b ng bi u:ộ ặ ẻ ượ ử ụ ể ỉ ạ ệ ả ể - <center>…</center>: Xác đ nh canh ch nh m t đo n tài li u ho c b ng bi u vào gi a trang.ị ỉ ộ ạ ệ ặ ả ể ữ C u trúc c a m t file HTML có d ng:ấ ủ ộ ạ Các th x lý font ch :ẻ ử ữ a. Th Meta:ẻ Th này có nhi u thu c tính khác nhau và cũng làm nhi u nhi m v khác nhau. Tuy nhiên đây tôi chẻ ề ộ ề ệ ụ ở ỉ nói v cách ng d ng th này đ hi n th các đo n mã ti ng Vi t.ề ứ ụ ẻ ể ể ị ạ ế ệ Tr c đây các lo i font ch ti ng Vi t r t phong phú, đi u này khi n cho ng i s d ng ti ng Vi tướ ạ ữ ế ệ ấ ề ế ườ ử ụ ế ệ trên th gi i ph i than tr i m c lên. R t may là t i th i đi m này, h u h t các font ch ti ng Vi tế ớ ả ờ ầ ỹ ả ấ ạ ờ ể ầ ế ữ ế ệ th i "đ đá" không còn đ c ng d ng trong thi t k web n a, thay vào đó là các chu n qu c tờ ồ ượ ứ ụ ế ế ữ ẩ ố ế Unicode. đây tôi xin gi i thi u 2 chu n Unicode ti ng Vi t ph bi n và cách s d ng th meta cho t ngỞ ớ ệ ẩ ế ệ ổ ế ử ụ ẻ ừ tr ng h p c th :ườ ợ ụ ể - Mã UTF-8: Là mã font Unicode rút g n (bi u di n font ch theo ki u 8 bit. Khi ta khai báo:ọ ể ễ ữ ể <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Trình duy t s hi u là t khi đ c đ c dòng ch này, nó s gi i mã các ký t theo ki u UTF-8. Và khiệ ẽ ể ừ ọ ượ ữ ẽ ả ự ể b n g i d li u t m u bi u c a HTML đi, d li u đó cũng ph i đ c mã hoá theo tiêu chu n UTF-8.ạ ử ữ ệ ừ ẫ ể ủ ữ ệ ả ượ ẩ Ch ng h n, đ trình duy t hi n th đúng bài th :ẳ ạ ể ệ ể ị ơ Trung thu là t t thi u nhiế ế T i sao ng i l n l i đi ch i nhi uạ ườ ớ ạ ơ ề Ch i nhi u thì s làm li uơ ề ẽ ề Làm li u l i đ ra nhi u thi u nhi.ề ạ ẻ ề ế 2 Thì đo n mã HTML do ta sinh ra ph i có d ng:ạ ả ạ <HTML> <BODY> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <p align="left" style="margin-left : 30"> <img src ="bigreen.gif"> Trung thu là tết thiếu nhi<BR>Tại sao ngÆ°á»i lá»›n lại Ä‘i chÆ¡i nhiá»u <BR>ChÆ¡i nhiá»u thà sẽ là m liá»u<BR>Là m liá»^u lại đẻ ra nhiá»^u thiếu nhi.<BR></p> </BODY> </HTML> T t nhiên chúng ta có th s d ng ch ng trình Vietkey ho c Unikey đ gõ ti ng vi t theo ki u UTF-ấ ể ử ụ ươ ặ ể ế ệ ể 8 (s d ng b ng mã Unicode UTF-8), nh ng s h i khó ch u m t tí .ử ụ ả ư ẽ ơ ị ộ - Mã UTF-16 bít: Là mã font Unicode 16 bít. Ta ph i khai báo nh sau:ả ư <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> Trình duy t s hi u là t khi đ c đ c dòng ch này, nó s gi i mã các ký t theo ki u UTF-16 bit.ệ ẽ ể ừ ọ ượ ữ ẽ ả ự ể Và khi b n g i d li u t m u bi u c a HTML đi, d li u đó cũng ph i đ c mã hoá theo tiêu chu nạ ử ữ ệ ừ ẫ ể ủ ữ ệ ả ượ ẩ UTF- 16 bít trên. Ch ng h n, đ trình duy t hi n th đúng bài th :ẳ ạ ể ệ ể ị ơ Trung thu là t t thi u nhiế ế T i sao ng i l n l i đi ch i nhi uạ ườ ớ ạ ơ ề Ch i nhi u thì s làm li uơ ề ẽ ề Làm li u l i đ ra nhi u thi u nhi.ề ạ ẻ ề ế Thì đo n mã HTML do ta sinh ra ph i có d ng:ạ ả ạ <HTML> <BODY> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <p align="left" style="margin-left : 30"> <img src ="bigreen.gif"> Trung thu l#224; t#7871;t thi#7871;u nhi<BR>T#7841;i sao ng#432;#7901;i l#7899;n l#7841;i #273;i ch#417;i nhi#7873;u.<BR>Ch#417;i nhi#7873;u th#236; s#7869; l#224;m li#7873;u<BR>L#224;m li#7873;u l#7841;i #273;#7867; ra nhi#7873;u thi#7871;u nhi<BR></p> </BODY> </HTML> T t nhiên chúng ta có th s d ng ch ng trình Vietkey ho c Unikey đ gõ ti ng Vi t theo chu n nàyấ ể ử ụ ươ ặ ể ế ệ ẩ v i h th ng b ng mã Unicode UCS2ớ ệ ố ả Chú ý: 1: M t s ch ng trình so n th o có h tr ch đ hi n th mã ti ng Vi t trong quá trình so n th o.ộ ố ươ ạ ả ỗ ợ ế ộ ể ị ế ệ ạ ả Khi đó n u các b n m ch đ mã HTML mà v n đ c đ c ti ng Vi t nh th ng thì các b n cế ạ ở ế ộ ẫ ọ ượ ế ệ ư ườ ạ ứ ung dung gõ ti ng Vi t theo ki u Unicode thông th ng là đ c. Còn n u nó hi n th ra các ký tế ệ ể ườ ượ ế ể ị ự lo ng ngo ng thì các b n ph i đoán mò ra d ng chu n mã hoá font c a nó và s d ng ch đ gõ chằ ằ ạ ả ạ ẩ ủ ử ụ ế ộ ữ t ng ng.ươ ứ 2: Trong tài li u này tôi s đánh ti ng Vi t thông th ng, các b n s ph i ch u trách nhi m x lý mãệ ẽ ế ệ ườ ạ ẽ ả ị ệ ử ti ng Vi t trong các đo n ví d .ế ệ ạ ụ b) C p th <font>…</font>ặ ẻ C p th này quy đ nh tên font, màu s c, kích c font. Nó có nh ng thu c tính sau:ặ ẻ ị ắ ỡ ữ ộ Face: Tên c a font, ch ng h n: Arial, .VnTime, Times New Romanủ ẳ ạ Size: Kích c c a font, bé nh t là 1.ỡ ủ ấ Color: Màu s c cùa font, bao g m d u # và 6 ch s hex ti p theo quy đ nh mã màu RGBắ ồ ấ ữ ố ế ị Ví d :ụ <HTML> <BODY> <p align ="center"><font face="Arial" size="5" color="#800000">T t trung thu</font></p>ế 3 <p align="left" style="margin-left : 30"><font size ="2" name ="Verdana"> Trung thu là t t thi u nhi<BR>T i sao ng i l n l i đi ch i nhi u <BR>Ch i nhi u thì s làmế ế ạ ườ ớ ạ ơ ề ơ ề ẽ li u<BR>Làm li u l i đ ra nhi u thi u nhi<BR></font></p>ề ề ạ ẻ ề ế </body></html> c. Các th đ nh d ng ch nghiêng, đ m, g ch chân:ẻ ị ạ ữ ậ ạ - Đ nh dang ch đ m:ị ữ ậ C p th <B>…</B> xác đ nh đo n văn b n gi a s b in đ m. C p th này không có tham s kèmặ ẻ ị ạ ả ở ữ ẽ ị ậ ặ ẻ ố theo. - Đ nh dang ch nghiêng:ị ữ C p th <i>…</i> xác đ nh đo n văn b n gi a s b in nghiêng. C p th này không có tham s kèmặ ẻ ị ạ ả ở ữ ẽ ị ặ ẻ ố theo. - Đ nh dang ch g ch chân:ị ữ ạ C p th <u>…</u> xác đ nh đo n văn b n gi a s b g ch chân. C p th này không có tham sặ ẻ ị ạ ả ở ữ ẽ ị ạ ặ ẻ ố kèm theo. Ví d :ụ <HTML> <BODY> <p align ="center"><font face="Arial" size="5" color="#800000"><B><I>T t trungế thu</font></I></B></p> <p align="left" style="margin-left : 30"><font size ="2" name ="Verdana"> Trung thu là t t thi u nhi<BR>T i sao ng i l n l i đi ch i nhi u <BR>Ch i nhi u thì s làmế ế ạ ườ ớ ạ ơ ề ơ ề ẽ li u<BR>Làm li u l i đ ra nhi u thi u nhi<BR></font></p>ề ề ạ ẻ ề ế </body></html> Các th x lý đo nẻ ử ạ a). Th phân chia đo nẻ ạ Trong HTML, các đo n tài li u, văn b n, hình nh… đ c phân chia b ng c p th <P>văn b n</P>ạ ệ ả ả ượ ằ ặ ẻ ả Th <P> có 1 s thu c tính sau:ẻ ố ộ Align: Thu c tính này s ch a 1 trong 3 giá tr :ộ ẽ ứ ị - center: Đo n tài li u s đ c canh ch nh vào gi aạ ệ ẽ ượ ỉ ữ - left: Đo n tài li u s đ c canh ch nh theo l tráiạ ệ ẽ ượ ỉ ề - right: Đo n tài li u s đ c canh ch nh theo l ph iạ ệ ẽ ượ ỉ ề ả - justify: Đo n tài li u s đ c canh ch nh theo hai bênạ ệ ẽ ượ ỉ Ví d :ụ <HTML> <BODY> <p align ="justify"> Th m t tí</p>ử ộ </BODY> </HTML> Style: Thu c tính này s quy đ nh kho ng cách l c a đo n. Trong thu c tính này l i có các thu c tínhộ ẽ ị ả ề ủ ạ ộ ạ ộ con, tuy nhiên các thu c tính con này đ c đ t cách nhau b ng d u ch m ph y. T t nhiên các b nộ ượ ặ ằ ấ ấ ẩ ấ ạ cũng có th lo i b thu c tính con:ể ạ ỏ ộ - margin-left : x (x là s nguyên ch đ nh chi u r ng c a l trái)ố ỉ ị ề ộ ủ ề - margin-right : y (y là s nguyên ch đ nh chi u r ng c a l ph i)ố ỉ ị ề ộ ủ ề ả - margin-top: z (z là s nguyên ch đ nh chi u r ng c a l trên)ố ỉ ị ề ộ ủ ề - margin-bottom: t(t là s nguyên ch đ nh chi u r ng c a l d i)ố ỉ ị ề ộ ủ ề ướ - line-height: u% (u: kho ng cách gi a các dòng tính theo đ n v 100 %)ả ữ ơ ị Ví d :ụ <HTML> <BODY> <p align ="center" style ="margin-left: 10; margin-right: 5; margin-top: 6; margin-bottom: 6"> Th hai tí.ử Tí th 2 này xác đ nh đo n văn b n căn gi a, có l trái = 10, l ph i b ng 5, l trên = 6, l d i = 6.ứ ị ạ ả ữ ề ề ả ằ ề ề ướ H t tí th 2.</p>ế ứ <p align ="left" > Th ba tí. Tí th 3 này xác đ nh đo n văn b n căn trái, các l đ t theo m c đ nh c aử ứ ị ạ ả ề ặ ặ ị ủ trình duy t</p>ệ 4 <p align ="left" style="line-height: 150%" > Th ba tí. Tí th 3 này xác đ nh đo n văn b n căn trái, cácử ứ ị ạ ả l đ t theo m c đ nh c a trình duy t</p>ề ặ ặ ị ủ ệ </BODY> </HTML> . Th xu ng dòngẻ ố Trong HTML, các ký t xu ng dòng không đ c s d ng. Đ ng t m t dòng nào đó, ta dùng thự ố ượ ử ụ ể ắ ộ ẻ <BR>. Đây là 1 th đ n:ẻ ơ <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <p align="left" style="margin-left : 30"> Trung thu là t t thi u nhi<BR>T i sao ng i l n l i đi ch i nhi u <BR>Ch i nhi u thì s làmế ế ạ ườ ớ ạ ơ ề ơ ề ẽ li u<BR>Làm li u l i đ ra nhi u thi u nhi<BR></p>ề ề ạ ẻ ề ế </BODY> </HTML> Chú ý: M t c p th khác cũng đ c s d ng đ canh ch nh đo n tài li u hay b ng bi u:ộ ặ ẻ ượ ử ụ ể ỉ ạ ệ ả ể - <center>…</center>: Xác đ nh canh ch nh m t đo n tài li u ho c b ng bi u vào gi a trang.ị ỉ ộ ạ ệ ặ ả ể ữ Các th liên k t:ẻ ế a. Th liên k t v i hình nh:ẻ ế ớ ả Trong HTML, chúng ta không th chèn tr c ti p toàn b ru t gan c a m t file hình nh, mà ta ph i chể ự ế ộ ộ ủ ộ ả ả ỉ d n đ n hình nh đ t bên ngoài. Đ làm đi u này, ta dùng th <img>. Đây là 1 th đ n.ẫ ế ả ặ ể ề ẻ ẻ ơ Th này có m t s thu c tính sau:ẻ ộ ố ộ - Src: Xác đ nh đ a ch URL c a hình nh:ị ị ỉ ủ ả - align: Xác đ nh ki u canh l :ị ể ề - right: Canh theo l ph iề ả - left:Canh theo l tráiề - center:Canh theo l gi a.ề ữ <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <p align="left" style="margin-left : 30"> <img src ="bigreen.gif" align = "right"> Trung thu là t t thi u nhi<BR>T i sao ng i l n l i đi ch i nhi u <BR>Ch i nhi u thì s làmế ế ạ ườ ớ ạ ơ ề ơ ề ẽ li u<BR>Làm li u l i đ ra nhi u thi u nhi<BR></p>ề ề ạ ẻ ề ế </BODY> </HTML> - border: Xác đ nh chi u dày c a vi n bao quanh nh.ị ề ủ ề ả <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <p align="left" style="margin-left : 30"> <img src ="bigreen.gif" border ="5"> Trung thu là t t thi u nhi<BR>T i sao ng i l n l i đi ch i nhi u <BR>Ch i nhi u thì s làmế ế ạ ườ ớ ạ ơ ề ơ ề ẽ li u<BR>Làm li u l i đ ra nhi u thi u nhi<BR></p>ề ề ạ ẻ ề ế </BODY> </HTML> b. Th liên k t trang web.ẻ ế 5 Đ t o m t liên k t t i m t trang web khác, ta dùng c p th <a></a>. C p th này có các thu c tínhể ạ ộ ế ớ ộ ặ ẻ ặ ẻ ộ sau: Href: Đ a ch URL c a trang web c n liên k t t i. b n đã có m t bookmark trên trang web, b n có thị ỉ ủ ầ ế ớ ạ ộ ạ ể tr đ n v trí c a bookmark b ng cách dùng thu c tính href v i d u # và tên bookmark.ỏ ế ị ủ ằ ộ ớ ấ name: Xác đ nh tên c a bookmark (đi m liên k t trong n i t i trang web).ị ủ ể ế ộ ạ Ví d , ta có 2 trang web:ụ Trang th nh t có đ a ch là "tettrungthu.htm", có n i dung sau:ứ ấ ị ỉ ộ <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <p align="left" style="margin-left : 30"> <img src ="bigreen.gif" border ="5"> Trung thu là t t thi u nhi<BR>T i sao ng i l n l i đi ch i nhi u <BR>Ch i nhi u thì s làmế ế ạ ườ ớ ạ ơ ề ơ ề ẽ li u<BR>Làm li u l i đ ra nhi u thi u nhi<BR></p>ề ề ạ ẻ ề ế </BODY> </HTML> Trang th 2 có tên là danhsachthovui.htm, có n i dung sau:ứ ộ <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <p align="left" style="margin-left : 30"> Tet trung thu </p> </BODY> </HTML> Gi s ta mu n thêm m t liên k t v i file "tettrungthu.htm" vào ch Tet trung thu trong fileả ử ố ộ ế ớ ữ danhsachthovui.htm, ta ph i chèn c p th <a> </a> nh sau:ả ặ ẻ ư <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <p align="left" style="margin-left : 30"> <a href ="tettrungthu.htm">Tet trung thu</a> </p> </BODY> </HTML> Chú ý: c 2 file này ph i đ c đ t cùng th m c. Trong tr ng h p đ t khác th m c các b n ph iả ả ượ ặ ư ụ ườ ợ ặ ư ụ ạ ả ghi rõ đ ng d n đ n file kia.ườ ẫ ế Các c p th x lý b ng:ặ ẻ ử ả Các b ng trong HTML đ c đ nh nghĩa nh sau:ả ượ ị ư Đ nh nghĩa 1 b ng b i c p th <table></table>ị ả ở ặ ẻ Trong 1 b ng (table) đ c chia làm nhi u dòng , m i dòng gi i h n b i 1 c p th <tr></tr>.ả ượ ề ỗ ớ ạ ở ặ ẻ Trong m i dòng l i có các ô , gi i h n b i c p th <td></td>ỗ ạ ớ ạ ở ặ ẻ Ch ng h n đ đ nh nghĩa 1 b ng g m có 1 dòng và 3 ô, ta làm nh sau:ẳ ạ ể ị ả ồ ư <table> <tr> <td>Ô th nh t</td>ứ ấ <td>Ô th 2</td>ứ <td>Ô th 3</td>ứ </tr> 6 </table> Ho c đ đ nh nghĩa m t b ng g m 2 dòng, m i dòng 3 ô:ặ ể ị ộ ả ồ ỗ <table> <tr> <td>Ô th nh t dòng 1</td>ứ ấ <td>Ô th 2 dòng 1</td>ứ <td>Ô th 3 dòng 1</td>ứ </tr> <tr> <td>Ô th nh t dòng 2</td>ứ ấ <td>Ô th 2 dòng 2</td>ứ <td>Ô th 3 dòng 2</td>ứ </tr> </table> Chú ý: S l ng các ô trong các dòng ph i b ng nhau, n u 1 dòng nào đó có s ô khác v i dòng khác,ố ượ ả ằ ế ố ớ b ng s b "v k ho ch". Đ kh c ph c đi u này, ta ph i tính tr c trong 1 b ng, s l ng t i đaả ẽ ị ỡ ế ạ ể ắ ụ ề ả ướ ả ố ượ ố các ô c a 1 dòng s là bao nhiêu, sau đó có th dùng thu c tính colspan c a th <td> đ g p các ôủ ẽ ể ộ ủ ẻ ể ộ tr ng trong cùng 1 hàng l i v i nhau.ố ạ ớ Thu c tính colspan s ch đ nh s l ng các ô đ c g p vào nhau trên m t hàng.ộ ẽ ỉ ị ố ượ ượ ộ ộ Ch ng h n:ẳ ạ <table> <tr> <td colspan = "2" >Ch p ô th nh t và ô th 2 c a dòng 1</td>ậ ứ ấ ứ ủ <td>Ô th 3 dòng 1</td>ứ </tr> <tr> <td>Ô th nh t dòng 2</td>ứ ấ <td>Ô th 2 dòng 2</td>ứ <td>Ô th 3 dòng 2</td>ứ </tr> </table> M t s thu c tính có liên quan:ộ ố ộ Th Table:ẻ - border: Xác đ nh đ dày c a khung bao quanh b ngị ộ ủ ả - bordercolor: Màu c a khung bao quanh, vi t d i d ng d u # và 6 ch s HEX ti p theo.ủ ế ướ ạ ấ ữ ố ế - cellspacing: Xác đ nh kho ng cách gi a các ô trong b ng.ị ả ữ ả - width: Xác đ nh đ r ng c a b ngị ộ ộ ủ ả - background: Xác đ nh hình nh s đ c s d ng đ làm n n cho toàn b ngị ả ẽ ượ ử ụ ể ề ả - bgcolor: Xác đ nh màu n n c a b ng, vi t theo ki u #XXXXXX (s HEX).ị ề ủ ả ế ể ố Th <td>ẻ - width: Đ r ng c a ôộ ộ ủ - height: Chi u cao c a ôề ủ - colspan: Xác đ nh bao nhiêu ô tính t ô đó s đ c ch p vào làm 1 (trên cùng 1 dòng)ị ừ ẽ ượ ậ - rowspan: Xác đ nh bao nhiêu ô tính t ô đó s đ c ch p vào làm 1 (trên cùng 1 c t).ị ừ ẽ ượ ậ ộ - background: Xác đ nh hình nh s đ c s d ng đ làm n n cho ôị ả ẽ ượ ử ụ ể ề - bgcolor: Xác đ nh màu n n ô, vi t theo ki u #XXXXXX (s HEX).ị ề ế ể ố Bài 7: Các câu l nh gán và r nhánhệ ẽ : Các câu l nh trong ngôn ng l p trìnhệ ữ ậ Đ l p trình gi i m t bài toán nào đó, chúng ta ph i s d ng các câu l nh sau:ể ậ ả ộ ả ử ụ ệ 1. L nh gán: đ c s d ng đ đ t m t giá tr vào m t bi n nào đó.ệ ượ ử ụ ể ặ ộ ị ộ ế 2. L nh r nhánh: Đ c s d ng đ xác đ nh xem ch ng trình s th c hi n công vi c gì trong đi uệ ẽ ượ ử ụ ể ị ươ ẽ ự ệ ệ ề ki n ra saoệ 3. L nh l p: Cho phép ch ng trình c a b n t đ ng l p l i các thao tác nào đóệ ặ ươ ủ ạ ự ộ ặ ạ Quá trình xây d ng các b c đ th c hi n m t bài toán nào đó, g i là quá trình xây d ng thu t gi i.ự ướ ể ự ệ ộ ọ ự ậ ả 1. L nh gánệ 7 L nh này đã đ c h c bài tr c:ệ ượ ọ ở ướ Cú pháp: $ten_bien = gia_tri; Ví d :ụ $ngay_sinh="1/4/1980"; $que_quan="Thanh Hoa"; $luong=300000; 2. Các câu l nh r nhánhệ ẽ Trong PHP có 2 d ng r nhánh: r hai nhánh (if) và r nhi u nhánh.ạ ẽ ẽ ẽ ề L nh r nhánh là m t trong nh ng câu l nh quan tr ng nh t c a t t c các ngôn ng l p trình. Nó choệ ẽ ộ ữ ệ ọ ấ ủ ấ ả ữ ậ phép b n th c thi m t đo n mã khi mà đi u ki n ch đ nh là đúng.ạ ự ộ ạ ề ệ ỉ ị Trong PHP, l nh r nhánh có d ng sau:ệ ẽ ạ if (đi u ki n)ề ệ { công vi c c n làmệ ầ } Ví d :ụ if ($name="Sinh") { echo ("Good morning, my boss"); } N u kh i câu l nh c n làm ch bao g m duy nh t m t dòng l nh, ta có th b c p d u {} :ế ố ệ ầ ỉ ồ ấ ộ ệ ể ỏ ặ ấ if ($name="Sinh") echo ("Good morning, my boss"); Nh ng n u nhi u h n m t dòng l nh, ta ph i đ a chúng vào c p d u ngo c {}:ư ế ề ơ ộ ệ ả ư ặ ấ ặ if ($name=="Sinh") { echo ("Good morning, my boss"); echo ("Have a romantic day!"); } Đo n l nh trên s ki m tra n u đi u ki n bi n $name = "Sinh" thì nó s hi n th l i chào. Còn n uạ ệ ẽ ể ế ề ệ ế ẽ ể ị ờ ế không thì nó không làm gì c !ả Đi u ki n đ t vào có th là đúng, có th là sai, có th là t ng h p c a nhi u đi u ki n. Hãy xem ví dề ệ ặ ể ể ể ổ ợ ủ ề ề ệ ụ sau: if ("false" ) echo ("Khong co gi ca"); if (($name=="sinh") && ($pass=="test")) echo ($name. "đã nh p đúng password");ậ Đo n l nh trên có th vi t t ng đ ng v i:ạ ệ ể ế ươ ươ ớ if ($name=="sinh") { if ($pass=="test") echo ($name. "đã nh p đúng password");ậ } Nh b n th y trên, trong m t câu l nh, chúng ta có th chèn nhi u đo n l nh khác, ng i ta g i đóư ạ ấ ở ộ ệ ể ề ạ ệ ườ ọ là c u trúc kh i, t c là trong m t kh i l nh, có th có ch a nhi u kh i l nh con khác. N u b n ph iấ ố ứ ộ ố ệ ể ứ ề ố ệ ế ạ ả đ c mã ngu n c a ng i khác, hi v ng b n không b hoa m t vì hàng ch c kh i l nh chen chúc vàoọ ồ ủ ườ ọ ạ ị ắ ụ ố ệ nhau nh v y.ư ậ Chúng ta có th s d ng các toán t &&, || hay xor đ k t n i các đi u ki n v i nhau nh b n th y ể ử ụ ử ể ế ố ề ệ ớ ư ạ ấ ở trên Câu l nh r nhánh đ y đ :ệ ẽ ầ ủ N u đi u ki n ki m tra tr v false (sai), PHP cho phép chúng ta ch đ nh th c thi m t kh i mã l nhế ề ệ ể ả ề ỉ ị ự ộ ố ệ khác b ng t khoá elseằ ừ Ví d :ụ 8 if (($name=="sinh") && ($pass=="test")) { echo ("Good day, ".$name); } else { echo {"Sai mat khau!") } Chú ý đ n m t ngo i l sau: Tr c t khoá else không bao gi có d u ch m ph y (.ế ộ ạ ệ ướ ừ ờ ấ ấ ẩ L nh r nhi u nhánh:ệ ẽ ề V i câu l nh if, PHP cho phép chúng ta r nhi u nhánh thông qua t khoá elseif:ớ ệ ẽ ề ừ if (dieu_kien1) { doan_lenh_1; } elseif (dieu_kien_2) { doan_lenh_2 } elseif (dieu_kien_3) } // bao nhiêu t khoá elseif cũng đ cừ ượ else { doan_lenh_n } Ví d :ụ if ($thu==2) { echo ("Chao co, van, su, ly"); } elseif ($thu==3) { echo (" Hoa, Sinh, Dia, GDCD"); } elseif ($thu==4) { echo ("KTCN, Van, Toan, Tieng Anh"); } elseif ($thu==5) { echo (" Hoa, Toan, Van, Tin"); } elseif ($thu==6) { echo ("Toan, Van, Anh, Sinh hoat"); } else { echo ("Duoc di choi"); } Trong ví d trên, chúng ta đã l p đi l p l i thao tác ki m tra giá tr c a bi n $thu, m c dù nó khôngụ ặ ặ ạ ể ị ủ ế ặ thay đ i qua các dòng. Đ kh c ph c s dài dòng này, PHP cho phép ta s d ng câu l nh switch. Câuổ ể ắ ụ ự ử ụ ệ l nh này s đ c s d ng đ ki m tra khi mu n xem xét qua nhi u giá tr c a m t bi n:ệ ẽ ượ ử ụ ể ể ố ề ị ủ ộ ế 9 switch ($bien){ Case gia_tri 1: doan_lenh_1; break; Case gia_tri 2: doan_lenh_2; break; Case gia_tri n: doan_lenh_n; break; default: doan_lenh_khac; } Ví d :ụ switch ($thu){ case 2: echo ("Chao co, van, su, ly"); break; case 3: echo (" Hoa, Sinh, Dia, GDCD"); break; case 4: echo ("KTCN, Van, Toan, Tieng Anh"); break; case 5: echo (" Hoa, Toan, Van, Tin"); break; case 6: echo ("Toan, Van, Anh, Sinh hoat"); break; default: echo ("Duoc di choi"); } Câu l nh switch s c l ng giá tr c a bi n $thu, và so sánh nó v i giá tr c a m nh đ case. Khiệ ẽ ướ ượ ị ủ ế ớ ị ủ ệ ề m t giá tr h p l đ c tìm th y, nó s th c hi n câu l nh t ng ng v i giá tr đó. Còn n u không,ộ ị ợ ệ ượ ấ ẽ ự ệ ệ ươ ứ ớ ị ế nó s t đ ng th c hi n câu l nh trong m nh đ default. Hãy chú ý r ng m nh đ defaul là tuỳ ch nẽ ự ộ ự ệ ệ ệ ề ằ ệ ề ọ (b n có th có nó ho c không c n nó)ạ ể ặ ầ Chú ý: Sau m i m nh đ trong câu l nh switch, c n ph i s d ng câu l nh break. N u không thìỗ ệ ề ệ ầ ả ử ụ ệ ế ch ng trình s th c thi t t t n t t các đo n mã l nh n m trong câu l nh switch. ươ ẽ ự ấ ầ ậ ạ ệ ằ ệ Bài 8: Các câu l nh l pệ ặ L nh đi u khi n vòng l pệ ề ể ặ Đi u khi n vòng l p, t c là b n đi u khi n ch ng trình c a b n t đ ng th c hi n m t đo n mãề ể ặ ứ ạ ề ể ươ ủ ạ ự ộ ự ệ ộ ạ l nh nào đó l p đi l p l i nhi u l n (l p m t s l ng l n nào đó, ho c l p cho đ n khi tho mãnệ ặ ặ ạ ề ầ ặ ộ ố ượ ầ ặ ặ ế ả m t đi u ki n nào đó).ộ ề ệ PHP cung c p cho chúng ta hai ki u vòng l p: vòng l p while (l p ki m tra đi u ki n, cho đ n khiấ ể ặ ặ ặ ể ề ệ ế đi u ki n đ c tho mãn) và vòng l p for (xác đ nh s l n l p l i)ề ệ ượ ả ặ ị ố ầ ặ ạ a) Vòng l p whileặ Vòng l p while là m t d ng vòng l p đ n gi n nh t, c u trúc c a nó g n gi ng nh l nh if:ặ ộ ạ ặ ơ ả ấ ấ ủ ầ ố ư ệ while (đi u ki n)ề ệ { //Khoi cau lenh can lap } Vòng l p while s c l ng m t bi u th c giá tr ki u boolean (đúng ho c sai).N u giá tr c a bi uặ ẽ ướ ượ ộ ể ứ ị ể ặ ế ị ủ ể th c là false, đo n mã trong c p d u ngo c (đo n mã c n l p) s đ c b qua và nh y đ n đo n mãứ ạ ặ ấ ặ ạ ầ ặ ẽ ượ ỏ ả ế ạ sau vòng l p. N u giá tr c a nó là true, đo n mã trong c p d u ngo c s đ c th c thi. Khi b t g pặ ế ị ủ ạ ặ ấ ặ ẽ ượ ự ắ ặ 10 [...]... dịch từng ký tự đi 13 vị trí trong bảng chữ cái (cho nên e sẽ thành r) Mật mã rot- 13 được dùng cho mọi thông báo tin bất kỳ nào có thể làm mất sự thú vị của một người nào đó (như) cách giải cho một trò chơi chẳng hạn hoặc xúc phạm một số người đọc (như) bài thơ về tình dục chẳng hạn Nếu người đọc cho giải mã thông báo tin này bằng cách phát ra một lệnh thích hợp, thì người đọc đó - chứ không phải tác... xâu 11 echo : In ra một hay nhiều xâu 12 explode :Tách một xâu ra bởi xâu kí tự 13 fprintf :Viết một định dạng chuỗi ra một dòng 14 get html translation table :Cho ra bảng dịch bằng cách sử dung các thủ tục html entity decode : 15 hebrev :Chuyển đổi văn ban logic khó hiểu sang văn ban trưc quan 16 hebrevc :Chuyển đổi văn ban logic khó hiểu sang văn ban trưc quan với sự chuyển đổi dòng mới 17 html entity... một số do người dùng tự nhập) Do giai thừa là một con số cực kỳ lớn, nên chúng ta chỉ cho phép người dùng tính đến tối đa là 8 giai thừa chẳng hạn Nếu họ nhập lớn hơn 8 thì sao? Hãy xem đây: < /HTML> Đoạn... (sử dụng HTML Form) I Xây dựng form HTML để cho phép người dùng lựa chọn file cần tải Quay trở lại một form trong HTML, chúng ta đã biết các thành phần căn bản của form như: tên form, các phần tử nhập dữ liệu như textarea, thẻ input, thẻ lựa chọn select - option Để có thể cho phép người dùng lựa chọn một file nào đó trên máy tính và tải lên, form HTML này sẽ có một cấu trúc hơi đặc biệt một chút, và... trình Một hàm sẽ được xác định bởi tên hàm và các tham số đầu vào liên quan đến hàm đó Thông thường, hàm sẽ trả về một kết quả nào đó Chúng ta có thể tưởng tượng theo sơ đồ sau: Code: Tham số đầu vào 1 | Tham số đầu vào 2 | Tham số đầu vào 3 | -> tên hàm > kết quả trả về sau khi gọi hàm | Tham số đầu vào n | Như vậy một hàm sẽ nhận các thông tin đầu vào, xử lý nó và trả về kết quả nào đó Trong PHP có... < /HTML> Đoạn mã trên chỉ cho phép tính đến 8 giai thừa, nếu người dùng nhập một con số lớn hơn 8 thì máy sẽ hiển thị 8 giai thừa, còn nếu nhỏ hơn thì vẫn chạy tốt c) Vòng lặp for Vòng lặp for, với ý nghĩa đầu tiên là lặp với số lần định trước, có cấu trúc như sau: for ( $biến = giá_trị _đầu; $biến < (hay . Anh"); } elseif ($thu==5) { echo (" Hoa, Toan, Van, Tin"); } elseif ($thu==6) { echo ("Toan, Van, Anh, Sinh hoat"); } else { echo ("Duoc di choi"); } Trong ví d trên,. ($thu){ case 2: echo ("Chao co, van, su, ly"); break; case 3: echo (" Hoa, Sinh, Dia, GDCD"); break; case 4: echo ("KTCN, Van, Toan, Tieng Anh"); break; case 5: echo (". $i<=$n) { $giaithua*=$i; $i+=1; if ($i>8 ) { echo ("Chi tinh den 8! <BR>"); break; } } echo ("Ket qua la: ".$giaithua); ?> < /HTML& gt; Đo n mã trên ch cho phép tính đ n 8 giai th

Ngày đăng: 08/08/2014, 05:20

Từ khóa liên quan

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan