Thông tin tài liệu
<HTML> Toàn b n i dung c a trang đ t đâyộ ộ ủ ặ ở </HTML> Ch ng 1: Gi i thi u ngôn ng HTMLươ ớ ệ ữ 1. T ng quanổ 1.1 Gi i thi uớ ệ HTML (Hypertext Markup Language): Ngôn ng đánh d u siêu văn b nữ ấ ả Siêu văn b n (Hypertext): là các liên k t đ n các trang web khác.ả ế ế Đánh d u (Markup): g m m t vài mã đ n gi n đ t o ra văn b n nét đ m ho cấ ồ ộ ơ ả ể ạ ả ậ ặ nghiêng, các hình đ ho chèn thêm vào, cùng v i s xác đ nh các m i liên k t siêu văn b n ồ ạ ớ ự ị ố ế ả Ngôn ng (Language): g m các t p h p nh các nhóm hai đ n ba ch và các t dùngữ ồ ậ ợ ỏ ế ữ ừ đ quy đ nh các lo i đ i t ng trên m t Website.ể ị ạ ố ượ ộ 1.2 C u trúc c b n c a m t trang webấ ơ ả ủ ộ <HTML> <HEAD> <TITLE> tên trang </TITLE> <! Các th tiêu đ khác >ẻ ề </HEAD> <BODY> <! Văn b n và các th c a trang Web >ả ẻ ủ </BODY> </HTML> 2. Các th HTMLẻ 2.1 Các th đ nh c u trúc tài li uẻ ị ấ ệ 2.1.1 <HTML> C p th này đ c s d ng đ xác nh n m t tài li u là tài li u HTML. Toàn b n iặ ẻ ượ ử ụ ể ậ ộ ệ ệ ộ ộ dung c a tài li u đ c đ t gi a c p th này.ủ ệ ượ ặ ữ ặ ẻ Cú pháp: Trình duy t s xem các tài li u không s d ng th ệ ẽ ệ ử ụ ẻ <HTML> nh nh ng t p tin vănư ữ ệ b n bình th ng.ả ườ Trang 1 <HEAD> Ph n m đ u ch a tiêu đ c a trang Webầ ở ầ ứ ề ủ </HEAD> <TITLE>Tiêu đ trang Web</ề TITLE> <BODY> Ph n n i dung c a trang Webầ ộ ủ </BODY> 2.1.2 <HEAD> Th ẻ <HEAD> đ c dùng đ xác đ nh ph n m đ u cho tài li u.ượ ể ị ầ ở ầ ệ Cú pháp: 2.1.3 <TITLE> C p th này ch có th s d ng trong ph n m đ u c a tài li u, t c là nó ph i n mặ ẻ ỉ ể ử ụ ầ ở ầ ủ ệ ứ ả ằ trong th ph m vi gi i h n b i c p th ẻ ạ ớ ạ ở ặ ẻ <HEAD>. Cú pháp: Chú ý: • Xâu ký t n m gi a <TITLE> và </TITLE> không hi n th trên trang Web mà hi n thự ằ ữ ể ị ể ị t i thanh phía trên c a Browser. ạ ủ • Xâu ký t n m gi a <TITLE> và </TITLE> đ c đ t trong ph n header khi trang Webự ằ ữ ượ ặ ầ đ c in ra. ượ • Xâu ký t n m gi a <TITLE> và </TITLE> đ c ghi l i khi b n c p nh t trang Webự ằ ữ ượ ạ ạ ậ ậ này vào m c các trang Web yêu thích (Favorites).ụ 2.1.4 <BODY> Th này đ c s d ng đ xác đ nh ph n n i dung chính c a tài li u - ph n thânẻ ượ ử ụ ể ị ầ ộ ủ ệ ầ (body) c a tài li u. Trong ph n thân có th ch a các thông tin đ nh d ng nh t đ nh đ đ tủ ệ ầ ể ứ ị ạ ấ ị ể ặ nh n n cho tài li u, màu n n, màu văn b n siêu liên k t, đ t l cho trang tài li u Nh ngả ề ệ ề ả ế ặ ề ệ ữ thông tin này đ c đ t ph n tham s c a th .ượ ặ ở ầ ố ủ ẻ Cú pháp: M t s các thu c tính c a th ộ ố ộ ủ ẻ <BODY>: BACKGROUND= Đ t m t nh nào đó làm nh n n (background)ặ ộ ả ả ề cho văn b n. Giá tr c a tham s này (ph n sauả ị ủ ố ầ d u b ng) là URL c a file nh. N u kích th cấ ằ ủ ả ế ướ nh nh h n c a s trình duy t thì toàn b mànả ỏ ơ ử ổ ệ ộ hình c a s trình duy t s đ c lát kín b ngử ổ ệ ẽ ượ ằ nhi u nh.ề ả BGCOLOR= Đ t m u n n cho trang khi hi n th . N u c haiặ ầ ề ể ị ế ả tham s ố BACKGROUND và BGCOLOR cùng có giá tr thì trình duy t s hi n th m u n nị ệ ẽ ể ị ầ ề tr c, sau đó m i t i nh lên phía trên.ướ ớ ả ả TEXT= Xác đ nh màu ch c a văn b n, k c các đị ữ ủ ả ể ả ề m c.ụ ALINK=,VLINK=,LI NK= Xác đ nh màu s c cho các siêu liên k t trong vănị ắ ế b n. T ng ng, alink (ả ươ ứ active link) là liên k tế đang đ c kích ho t - t c là khi đã đ c kíchượ ạ ứ ượ Trang 2 <HTML> <HEAD> <TITLE>Tiêu đ c a tài li uề ủ ệ </TITLE> </HEAD> <BODY Các tham s n u có>ố ế N i dung c a tài li uộ ủ ệ </BODY> </HTML> <P>N i dung đo n văn b n</ộ ạ ả P> chu t lên; vlink (ộ visited link) ch liên k t đã t ngỉ ế ừ đ c kích ho t; ượ ạ Nh v y m t tài li u HTML c b n có c u trúc nh sau:ư ậ ộ ệ ơ ả ấ ư Th c hành:ự - H c sinh t o m t trang web đ n gi n b ng NotePad v i c u trúc c b n đã h c:ọ ạ ộ ơ ả ằ ớ ấ ơ ả ọ • Tiêu đ : Design Simple Websiteề • N i dung hi n th : ộ ể ị Xin chào! Thi t k web th t là d !ế ế ậ ễ • Màu n n trang web: Cyanề • Màu ch : Màu đàữ • Có nh n n tùy ý.ả ề - Duy t trang web v i Internet Explore.ệ ớ Mã ngu n:ồ <HTML> <HEAD> <TITLE>Design Simple Website</TITLE> </HEAD> <BODY bgcolor="cyan"> Xin chào! Thi t k web th t là d !ế ế ậ ễ </BODY> </HTML> 2.2 Các th đ nh d ng kh iẻ ị ạ ố 2.2.1 <P> và <BR> Th ẻ <P> đ c s d ng đ b t đ u m t đo n văn b n.ượ ử ụ ể ắ ầ ộ ạ ả Cú pháp: Th ẻ <BR> không có th k t thúc t ng ng (ẻ ế ươ ứ </BR>), nó có tác d ng chuy n sangụ ể dòng m i. L u ý, n i dung văn b n trong tài li u HTML s đ c trình duy t Web th hi nớ ư ộ ả ệ ẽ ượ ệ ể ệ liên t c, các kho ng tr ng li n nhau, các ký t tab, ký t xu ng dòng đ u đ c coi nh m tụ ả ắ ề ự ự ố ề ượ ư ộ kho ng tr ng. Đ xu ng dòng trong tài li u, b n ph i s d ng th ả ắ ể ố ệ ạ ả ử ụ ẻ <BR> Ví d 1:ụ <HTML> <HEAD> <TITLE>Design Simple Website</TITLE> </HEAD> <BODY> C ng hoà xã h i ch nghĩa Vi t nam ộ ộ ủ ệ Đ c l p - T do - H nh phúc ộ ậ ự ạ Đ n xin vi cơ ệ </BODY> Trang 3 </HTML> K t qu :ế ả C ng hoà xã h i ch nghĩa Vi t namĐ c l p - T do - H nh phúcĐ n xin vi cộ ộ ủ ệ ộ ậ ự ạ ơ ệ Ví d 2:ụ <HTML> <HEAD> <TITLE>Design Simple Website</TITLE> </HEAD> <BODY> C ng hoà xã h i ch nghĩa Vi t nam<BR>ộ ộ ủ ệ Đ c l p - T do - H nh phúc <P>ộ ậ ự ạ Đ n xin vi cơ ệ </BODY> </HTML> K t qu :ế ả C ng hoà xã h i ch nghĩa Vi t nam ộ ộ ủ ệ Đ c l p - T do - H nh phúcộ ậ ự ạ Đ n xin vi cơ ệ 2.2.2 <H1>, <H2>, <H3>, <H4>, <H5>, <H6> HTML h tr 6 m c đ m c. Chú ý r ng đ m c ch là các ch d n đ nh d ng v m tỗ ợ ứ ề ụ ằ ề ụ ỉ ỉ ẫ ị ạ ề ặ logic, t c là m i trình duy t s th hi n đ m c d i m t khuôn d ng thích h p. Có th ứ ỗ ệ ẽ ể ệ ề ụ ướ ộ ạ ợ ể ở trình duy t này là font ch 14 point nh ng sang trình duy t khác là font ch 20 point. Đ m cệ ữ ư ệ ữ ề ụ c p 1 là cao nh t và gi m d n đ n c p 6.ấ ấ ả ầ ế ấ D i đây là các th dùng đ đ nh d ng văn b n d ng đ m c:ướ ẻ ể ị ạ ả ở ạ ề ụ <H1> </H1> Đ nh d ng đ m c c p 1ị ạ ề ụ ấ <H2> </H2> Đ nh d ng đ m c c p 2ị ạ ề ụ ấ <H3> </H3> Đ nh d ng đ m c c p 3ị ạ ề ụ ấ <H4> </H4> Đ nh d ng đ m c c p 4ị ạ ề ụ ấ <H5> </H5> Đ nh d ng đ m c c p 5ị ạ ề ụ ấ <H6> </H6> Đ nh d ng đ m c c p 6ị ạ ề ụ ấ Ví d :ụ <HTML> <HEAD> <TITLE>Design Simple Website</TITLE> </HEAD> <BODY> <H1>Đây là đ u đ 1</H1> ầ ề <H2>Đây là đ u đ 2</H2> ầ ề <H3>Đây là đ u đ 3</H3> ầ ề <H4>Đây là đ u đ 4</H4> ầ ề <H5>Đây là đ u đ 5</H5> ầ ề <H6>Đây là đ u đ 6</H6>ầ ề </BODY> </HTML> K t qu :ế ả Trang 4 Đây là đ u đ 1ầ ề Đây là đ u đ 2ầ ề Đây là đ u đ 3ầ ề Đây là đ u đ 4ầ ề Đây là đ u đ 5ầ ề Đây là đ u đ 6ầ ề 2.3 Các th đ nh d ng danh sáchẻ ị ạ 2.3.1 Danh sách có tr t tậ ự Danh sách có tr t t t đ ng đánh s t ng thành t c a danh sách. ậ ự ự ộ ố ừ ố ủ Mã ngu nồ K t quế ả <OL> <LI>Y u t 1ế ố <LI>Y u t 2ế ố <LI>Y u t 3ế ố </OL> 1. Y u t 1ế ố 2. Y u t 2ế ố 3. Y u t 3ế ố 2.3.2 Danh sách không có tr t tậ ự Danh sách không có tr t t đánh d u (ch ng h n các núm tròn) cho t ng y u t c aậ ự ấ ẳ ạ ừ ế ố ủ danh sách. Mã ngu nồ K t quế ả <UL> <LI>Y u t 1ế ố <LI>Y u t 2ế ố <LI>Y u t 3ế ố </UL> o Y u t 1ế ố o Y u t 2ế ố o Y u t 3ế ố Mã ngu nồ K t quế ả <MENU> <LI>Y u t 1ế ố <LI>Y u t 2ế ố <LI>Y u t 3ế ố </MENU> Y u t 1ế ố Y u t 2ế ố Y u t 3ế ố 2.3.3 Danh sách đ nh nghĩaị M i y u t c a danh sách bao g m hai thành ph n: ỗ ế ố ủ ồ ầ • Tiêu đ đ c căn l phía trái (ch ra b i th ề ượ ề ỉ ở ẻ <DT>) • Ph n gi i nghĩa đ c căn l th t h n sang phía ph i (ch ra b i th ầ ả ượ ề ụ ơ ả ỉ ở ẻ <DD>) Mã ngu nồ K t quế ả <DL> <DT>Y u t 1ế ố <DD>Chú gi i cho y u t 1ả ế ố <DT>Y u t 2ế ố <DD>Chú gi i cho y u t 2ả ế ố Y u t 1ế ố Chú gi i cho y u t 1ả ế ố Y u t 2ế ố Chú gi i cho y u t 2ả ế ố Trang 5 </DL> 2.4 Các th đ nh d ng ký tẻ ị ạ ự 2.4.1 Các th đ nh d ng in ký tẻ ị ạ ự Sau đây là các th đ c s d ng đ quy đ nh các thu c tính nh in nghiêng, in đ m,ẻ ượ ử ụ ể ị ộ ư ậ g ch chân cho các ký t , văn b n khi đ c th hi n trên trình duy t.ạ ự ả ượ ể ệ ệ <B> </B> <STRONG> </STRONG> In ch đ mữ ậ <I> </I> <EM> </EM> In ch nghiêngữ <U> </U> In ch g ch chânữ ạ <DFN> Đánh d u đo n văn b n gi a hai th này làấ ạ ả ữ ẻ đ nh nghĩa c a m t t . Chúng th ngị ủ ộ ừ ườ đ c in nghiêng ho c th hi n qua m tượ ặ ể ệ ộ ki u đ c bi t nào đó.ể ặ ệ <S> </S> <STRIKE> </STRIKE> In ch b g ch ngang.ữ ị ạ <BIG> </BIG> In ch l n h n bình th ng b ng cách tăngữ ớ ơ ườ ằ kích th c font hi n th i lên m t. Vi c sướ ệ ờ ộ ệ ử d ng các th <ụ ẻ BIG>l ng nhau t o ra hi uồ ạ ệ ng ch tăng d n. Tuy nhiên đ i v i m iứ ữ ầ ố ớ ỗ trình duy t có gi i h n v kích th c đ iệ ớ ạ ề ướ ố v i m i font ch , v t quá gi i h n này,ớ ỗ ữ ượ ớ ạ các th <ẻ BIG> s không có ý nghĩa.ẽ <SMALL> </SMALL> In ch nh h n bình th ng b ng cáchữ ỏ ơ ườ ằ gi m kích th c font hi n th i đi m t.ả ướ ệ ờ ộ Vi c s d ng các th <ệ ử ụ ẻ SMALL>l ng nhauồ t o ra hi u ng ch gi m d n. Tuy nhiênạ ệ ứ ữ ả ầ đ i v i m i trình duy t có gi i h n vố ớ ỗ ệ ớ ạ ề kích th c đ i v i m i font ch , v t quáướ ố ớ ỗ ữ ượ gi i h n này, các th <ớ ạ ẻ SMALL> s khôngẽ có ý nghĩa. <SUP> </SUP> Đ nh d ng ch s trên (SuperScript)ị ạ ỉ ố <SUB> </SUB> Đ nh d ng ch s d i (SubScript)ị ạ ỉ ố ướ <BASEFONT> Đ nh nghĩa kích th c font ch đ c sị ướ ữ ượ ử d ng cho đ n h t văn b n. Th này ch cóụ ế ế ả ẻ ỉ m t tham s size= xác đ nh c ch . Thộ ố ị ỡ ữ ẻ <BASEFONT> không có th k t thúc.ẻ ế <FONT> </FONT> Ch n ki u ch hi n th . Trong th này cóọ ể ữ ể ị ẻ th đ t hai tham s size= ho c color= xácể ặ ố ặ đ nh c ch và màu s c đo n văn b n n mị ỡ ữ ắ ạ ả ằ gi a hai th . Kích th c có th là tuy tữ ẻ ướ ể ệ đ i (nh n giá tr t 1 đ n 7) ho c t ngố ậ ị ừ ế ặ ươ đ i (+2,-4 ) so v i font ch hi n t i.ố ớ ữ ệ ạ Ví d :ụ M t s th đ nh d ng ki u ch và k t qu th hi n trên trình duy t:ộ ố ẻ ị ạ ể ữ ế ả ể ệ ệ Trang 6 <CENTER>Văn b n s đ c căn gi a trang</ả ẽ ượ ữ CENTER> Ki u có tính ch t v t lýể ấ ậ Mã ngu nồ K t quế ả <b>đ m</b>ậ đ mậ <u>g ch d i</u>ạ ướ g ch d iạ ướ <i>nghiêng</i> nghiêng <tt>teletype</tt> teletype Ki u có tính logicể Mã ngu nồ K t quế ả <em>nh n m nh </em>ấ ạ nh n m nhấ ạ <strong>nh n m nh h n</strong>ấ ạ ơ nh n m nh h nấ ạ ơ <cite>trích d n</cite>ẫ trích d nẫ <code>code</code> code <samp>sample</samp> sample <kbd>keyboard</kbd> keyboard <var>varible</var> variable <dfn>gi i thích</dfn>ả gi i thíchả 2.4.2 Các th canh lẻ ề Trong trình bày trang Web c a mình các b n luôn ph i chú ý đ n vi c căn l các vănủ ạ ả ế ệ ề b n đ trang Web có đ c m t b c c đ p. M t s các th đ nh d ng nh ả ể ượ ộ ố ụ ẹ ộ ố ẻ ị ạ ư P,, IMG đ u cóề tham s ố ALIGN cho phép b n căn l các văn b n n m trong ph m vi gi i h n b i c a cácạ ề ả ằ ạ ớ ạ ở ủ th đó.ẻ Các giá tr cho tham s ị ố ALIGN: LEFT Căn l tráiề CENTER Căn gi a trangữ JUSTIFY Căn đ u hai bênề RIGHT Căn l ph iề ả Ngoài ra, chúng ta có th s d ng th ể ử ụ ẻ CENTER đ căn gi a trang m t kh i văn b n. ể ữ ộ ố ả Cú pháp: 2.4.3 Các th ký t đ c bi tẻ ự ặ ệ Ký t & đ c s d ng đ ch chu i ký t đi sau đ c xem là m t th c th duy nh t. ự ượ ử ụ ể ỉ ỗ ự ượ ộ ự ể ấ Ký t ; đ c s d ng đ tách các ký t trong m t t .ự ượ ử ụ ể ự ộ ừ Ký tự Mã ASCII Tên chu iỗ < < < > > > & & & Kí t tr ngự ắ Trang 7 Nh ng ký hi u này đ c dùng đ ch các th mà b n không th dùng chúng trongữ ệ ượ ể ỉ ẻ ạ ể HTML. B n có th dùng d u ph i h p đ th hi n các ký t đ c bi t.ạ ể ấ ố ợ ể ể ệ ự ặ ệ Ký tự D u ph i h pấ ố ợ < &<; > &>; & & " " 2.4.4 Trang trí màu s c trong thi t k websiteắ ế ế M t màu đ c t ng h p t ba thành ph n màu chính, đó là: Đ (Red), Xanh lá câyộ ượ ổ ợ ừ ầ ỏ (Green), Xanh n c bi n (Blue). Trong HTML m t giá tr màu là m t s nguyên d ng hexaướ ể ộ ị ộ ố ạ (h đ m c s 16) có đ nh d ng nh sau: ệ ế ơ ố ị ạ ư #RRGGBB Trong đó: RR - là giá tr màu Đ .ị ỏ GG - là giá tr màu Xanh lá cây.ị BB - là giá tr màu Xanh n c bi n.ị ướ ể Màu s c có th đ c xác đ nh qua thu c tính bgcolor= hay color=. Sau d u b ng cóắ ể ượ ị ộ ấ ằ th là giá tr RGB hay tên ti ng Anh c a màu. V i tên ti ng Anh, ta ch có th ch ra 16 màuể ị ế ủ ớ ế ỉ ể ỉ trong khi v i giá tr RGB ta có th ch t i 256 màu.ớ ị ể ỉ ớ M t s giá tr màu c b n:ộ ố ị ơ ả Màu s cắ Giá trị Tên ti ng Anhế Đỏ Đ s mỏ ẫ Xanh lá cây Xanh nh tạ Xanh n c bi nướ ể Vàng Vàng nh tạ Tr ngắ Đen Xám Nâu Tím Tím nh tạ H ngồ Da cam #FF0000 #8B0000 #00FF00 #90EE90 #0000FF #FFFF00 #FFFFE0 #FFFFFF #000000 #808080 #A52A2A #FF00FF #EE82EE #FFC0CB #FFA500 RED DARKRED GREEN LIGHTGREEN BLUE YELLOW LIGHTYELLOW WHITE BLACK GRAY BROWN MAGENTA VIOLET PINK ORANGE Trang 8 Màu đ ng ph c h iồ ụ ả quân #000080 #4169E1 #7FFFD4 NAVY ROYALBLUE AQUAMARINE Cú pháp: <BODY LINK = color ALINK = color VLINK = color BACKGROUND = url BGCOLOR = color TEXT = color TOPMARGIN = pixels RIGHTMARGIN = pixels LEFTMARGIN = pixels > ph n n i dung c a tài li u đ c đ t ầ ộ ủ ệ ượ ặ ở đây </BODY> Ý nghĩa các tham s :ố Các tham số Ý nghĩa LINK Ch đ nh màu c a văn b n siêu liên k tỉ ị ủ ả ế ALINK Ch đ nh màu c a văn b n siêu liên k t đang ch nỉ ị ủ ả ế ọ VLINK Ch đ nh màu c a văn b n siêu liên k t đã t ng mỉ ị ủ ả ế ừ ở BACKGROUND Ch đ nh đ a ch c a nh dùng làm n nỉ ị ị ỉ ủ ả ề BGCOLOR Ch đ nh màu n nỉ ị ề TEXT Ch đ nh màu c a văn b n trong tài li uỉ ị ủ ả ệ SCROLL YES/NO - Xác đ nh có hay không thanh cu nị ộ TOPMARGIN L trênề RIGHTMARGIN L ph iề ả LEFTMARGIN L tráiề 2.4.5 Th xác đ nh ki u ch <FONT>ẻ ị ể ữ Cú pháp: <FONT FACE = font-name COLOR = color SIZE = n > </FONT> 2.4.6 Văn b n siêu liên k tả ế Trang 9 Đ t o ra m t siêu văn b n chúng ta s d ng th <ể ạ ộ ả ử ụ ẻ A>. Cú pháp: <A HREF = url NAME = name TABINDEX = n TITLE = title TARGET = _blank / _self > siêu văn b nả </A> Ý nghĩa các tham s :ố HREF Đ a ch c a trang Web đ c liên k t, là m t URL nào đó.ị ỉ ủ ượ ế ộ NAME Đ t tên cho v trí đ t th siêu liên k t.ặ ị ặ ẻ ế TABLEINDEX Th t di chuy n khi n phím Tabứ ự ể ấ TITLE Văn b n hi n th khi di chu t trên siêu liên k t.ả ể ị ộ ế TARGET M trang Web đ c liên k t trong m t c a s m iở ượ ế ộ ử ổ ớ (_blank) ho c trong c a s hi n t i (ặ ử ổ ệ ạ _self), trong m tộ frame (tên frame). 2.4.7 K t n i mailtoế ố N u đ t thu c tính href= c a th <a> giá tr mailto:address@domain thì khi kích ho tế ặ ộ ủ ẻ ị ạ k t n i s kích ho t ch c năng th đi n t c a trình duy t.ế ố ẽ ạ ứ ư ệ ử ủ ệ <ADDRESS> Trang WEB này đ c ượ <A href=”mailto:webmaster@hueic.edu.vn” > WEBMASTER <\A> b o trìả <\ADDRESS> Ví d :ụ <html> <head><title>Design Simple Website</title></head> <body bgcolor="white" link="blue" alink="white"> <font face="verdana" size="2"> Gõ [<a href="mailto:webmaster@hueic.edu.vn?subject=Test&body=This is a test">vào đây</a>] đ g i e-mail cho tôi.ể ử </font> </body> Trang 10 [...]... font-size:8pt; font-weight:normal; color:#ffffff; text-align:left; padding-left:10px; background-image:url( /images/footer_bg.jpg); height:27px; } noidungtin { padding-left:5px; padding-bottom:2px; padding-top:2px; padding-right:5px; text-align:justify; } tinlienket { font-family: verdana,arial,Tahoma; font-size: 8pt; color:#333333; padding-top:2px; padding-bottom:2px; padding-left:5px; padding-right:2px;... px, Các giá trị có thể : - < kíck cỡ tuyệt đối > xx-small | x-small | small | medium | large | x-large | xx-large - < kíck cỡ tương đối > smaller | larger - < độ dài> - < tỉ lệ phần trăm> Áp dụng với : tất cả các phần tử Ví dụ : H1 { font-size: large } P { font-size: 12pt } Cú pháp : LI { font-size: 90% } STRONG { font-size: larger} Cú pháp : font-style : Chức năng Thiết lập kiểu font Các... < /html> Tạo file skin.css lưu vào thư mục Skin với mã nguồn như sau: /*mau nen cho toan trang*/ /*trang hien dai*/ body { /*background:#cccccc; background-image:url( /images/skins/hiendai/bg.gif);*/ text-align:center; margin-bottom:5px; margin-left:5px; margin-right:5px; margin-top:5px; /* -chữ nó có gạch để thế */ SCROLLBAR-FACE-COLOR: #dedfde; SCROLLBAR-HIGHLIGHT-COLOR: white; SCROLLBAR-SHADOW-COLOR:... SCROLLBAR-SHADOW-COLOR: #dedfde; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: black; SCROLLBAR-TRACK-COLOR: #dedfde; SCROLLBAR-DARKSHADOW-COLOR: #424142; } td { font-family:Arial,Times New Roman, Tahoma; font-size:10pt; } Trang 30 a{ text-decoration:none; color:#000000; } a:hover { color:#e30000; text-decoration:none; } a:Visited { color:#000000; } Banner { height:100px; background-image:url(... background: red url(“/ANH/Left-Corner.gif”) no-repeat bottom } 2.5.2.9 Các thuộc tính về font Font Font-family Font-size Font-style Font-variant Trang 25 Font-weight Cú pháp Chức năng font : Thiết lập các thuộc tính cho font chữ như tên font, kích thước font,… Các giá trị có thể : | | | | | 1 Số Font thông... Quy định nền của các phần tử như body, bảng, …được áp dụng Các giá trị có thể : | | | | - : màu nền - : ảnh nền - : quy định chế độ lặp lại ảnh - : quy định chế độ hiển thị ảnh nền khi cuộn chuột Áp dụng với : Tất cả các phần... Xem ví dụ Embleded Style Mã nguồn: < !-. button{ background-color: #7083c7; color: #ffffff; border-left: 1px solid #9dbcff; border-right: 1px solid navy; border-top: 1px solid #9dbcff; border-bottom: 1px solid navy } text{ font-family: arial, verdana; color: red; font-size: 12px; } body { SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #7083c7 } > ... /*BORDER-TOP: #FFFFFF 1px solid;*/ PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; COLOR: #000000; PADDING-TOP: 2px; BACKGROUND-COLOR: #ffffff; /*BORDER-TOP:solid 1px white;*/ BORDER-BOTTOM: #aaa 1px dashed; FONT-FAMILY: verdana, Arial,tahoma; TEXT-DECORATION: none; height:20px; } /*Áp dụng cho nền của submenu trái khi chọn */ SubMenuSelect { PADDING-LEFT: 20px; FONT-WEIGHT:... bold; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; COLOR:#990000; PADDING-TOP: 2px; BACKGROUND-COLOR: #FAD570; /*BORDER-TOP:solid 1px white;*/ BORDER-BOTTOM: #aaa 1px dashed; FONT-FAMILY: verdana, Arial,tahoma; TEXT-DECORATION: none; CURSOR: hand; height:20px; /*background-image: url( /Images/menu.gif);*/ } /* */ MenuHeader { FONT-WEIGHT: bold; FONT-SIZE: 10px; text-align:right; padding-right:5px;... Height Padding-bottom Border-left Width Padding-left Border-left-width Margin Padding-right Border-right Margin-bottom Padding-top Border-right-width Margin-left 2.5.2.2 Các thuộc tính của đường viền Cú pháp : Border : Chức năng: Tạo đường viền khung với chiều rộng, kiểu đường viền và màu đường viền Các giá trị có thể : | | Áp dụng với . < ;HTML& gt; Toàn b n i dung c a trang đ t đâyộ ộ ủ ặ ở < /HTML& gt; Ch ng 1: Gi i thi u ngôn ng HTML ơ ớ ệ ữ 1. T ng quanổ 1.1 Gi i thi uớ ệ HTML (Hypertext Markup Language): Ngôn ng đánh. ế ả Ngôn ng (Language): g m các t p h p nh các nhóm hai đ n ba ch và các t d ngữ ồ ậ ợ ỏ ế ữ ừ đ quy đ nh các lo i đ i t ng trên m t Website.ể ị ạ ố ượ ộ 1.2 C u trúc c b n c a m t trang web . ễ • Màu n n trang web: Cyanề • Màu ch : Màu đàữ • Có nh n n tùy ý.ả ề - Duy t trang web v i Internet Explore.ệ ớ Mã ngu n:ồ < ;HTML& gt; <HEAD> <TITLE>Design Simple Website</TITLE> </HEAD> <BODY
Ngày đăng: 09/07/2015, 13:35
Xem thêm: Giới thiêu ngôn ngữ HTML - Dùng để thiết kế Web, Giới thiêu ngôn ngữ HTML - Dùng để thiết kế Web
