Bài giảng Lập trình web

Lập trình Web là xu hướng mới đang được sử dụng ngày càng phổ biến. Có 2 loại lập trình Web: lập trình Web để chạy trên máy client và lập trình Web để chạy trên máy Server.
Nội dung trích xuất từ tài liệu:
Bài giảng Lập trình web 1 CHÖÔNG 0 : GIÔÙI THIEÄU VEÀ WEB I. World Wide Web _ WWW : WWW thöøông ñöïôc goïi laø taét laø Web. Web laø moät maïng maùy tính coù qui moâ toaøn theá giôùi. Taát caû caùc maùy tính trong Web coù theå truyeàn thoâng vôùi nhau. Taát caû caùc maùy tính söû duïng moät nghi thöùc chuaån goïi HTTP. Thoâng tin Web ñöïôc caát giöõ trong nhöõng taøi lieäu goïi laø nhöõng trang Web. Nhöõng trang Web laø nhöõng taäp tin caát giöõ trong nhöõng maùy tính goïi laø nhöõng server Web. Nhöõng maùy tính ñoïc nhöõng trang Web ñöïôc goïi nhöõng Web clients.Nhöõng Web client xem nhöõng trang vôùi moät chöông trình goïi laø moät trình duyeät Web hay Web browser. Moät trình duyeät taûi moät trang Web töø server thoâng qua moät yeâu caàu HTTP chuaån chöùa moät ñòa chæ trang URL. Taát caû caùc trang Web chöùa ñöïng nhöõng leänh ñeå trình baøy. Trình duyeät trình baøy trang thoâng qua vieäc ñoïc nhöõng leänh naøy. Nhöõng leänh trình baøy chung nhaát ñöïôc goïi theû HTML. II. HTML : HTML vieát taét cuûa “Hyper Text Markup Language”. Moät file HTML laø moät taäp tin vaên baûn chöùa ñöïng theû ñaùnh daáu. Theû ñaùnh daáu noùi cho trình duyeät Web laøm sao ñeå trình baøy trang. Moät file HTML coù theå ñöïôc taïo ra baèng caùch söû duïng moät chuöông trình soaïn thaûo vaên baûn ñôn giaûn nhö notepad, textpad, … 1. Theû HTML : Nhöõng theû HTML ñöïôc söû duïng ñeå ñaùnh daáu nhöõng phaàn töû HTML. Nhöõng theû HTML ñöïôc bao bôûi hai kí töï ''. Nhöõng theû HTML khoâng phaûi phaân bieät chöõ thöôøng, chöõ hoa Theû HTML chi laøm 2 nhoùm chính : . Theû ñieàu khieån (theû roãng) : chæ goàm moät theû duy nhaát. . Theû noäi dung (phaàn töû HTML) : bao goàm moät caëp theû. Theû ñaàu tieân trong moät caëp laø theû môû , theû (thöù) hai laø theû ñoùng. Vaên baûn giöõa theû môû vaø theû ñoùng laø noäi dung Ví duï : 2 Title of page This is my first homepage.This text is bold 2. Thuoäc tính theû Nhöõng theû coù theå coù nhöõng thuoäc tính Nhöõng thuoäc tính coù theå cung caáp theâm caùc thoâng tin veà nhöõng phaàn töû HTML treân trang web. Nhöõng thuoäc tính luoân luoân ôû daïng teân = giaù trò Ví duï: < body bgcolor =red > … Theû ñònh nghóa noäi dung trang HTML .Vôùi moät thuoäc tính bgcolor ñöïôc theâm, chuùng ta coù theå noùi vôùi trình duyeät raèng neàn trang caàn phaûi ñoû. 3 CHÖÔNG 1 : HTML I Caáu truùc toång quaùt cuûa moät trang Web II Phaàn Header 1. Theû 2. Theû 3. Theû III Phaàn Body 1. Caùc theû hoå trôï cho ñònh daïng vaên baûn a. Ñònh daïng cho caùc ñoaïn vaên: ñònh nghóa vaên baûn in ñaäm < big > ñònh nghóa vaên baûn in lôùn < em > ñònh nghóa vaên baûn ñöïôc nhaán maïnh ñònh nghóa vaên baûn nghieâng < small > ñònh nghóa vaên baûn nhoû < strong > ñònh nghóa vaên baûn ñaäm < sub > ñònh nghóa vaên baûn subscripted (chæ soá ) < sup > ñònh nghóa vaên baûn superscripted (soá muõ) ñònh nghóa vaên baûn gaïch döùôi. < h1 >-< h6 > ñònh nghóa heading 1 tôùi heading 6 Nhöõng heading ñöïôc ñònh nghóa töø theû < h1 > ñeán theû < h6 >. < h1 > ñònh nghóa heading lôùn nhaát. 4 < h6 > ñònh nghóa heading nhoû nhaát. HTML töï ñoäng theâm moät doøng traéng tröùôc vaø sau moät heading. ñònh nghóa moät ñoaïn (paragraph) HTML töï ñoäng theâm moät doøng traéng theâm tröùôc vaø sau moät ñoaïn. < address > ñònh nghóa moät phaàn töû ñòa chæ < bdo > ñònh nghóa höùông vaên baûn noäi dung < blockquote > ñònh nghóa moät trích daãn daøi < tt > ñònh nghóa vaên baûn ñieän baùo < pre > ñònh nghóa vaên baûn ñöïôc taïo khuoân tröùôc. duøng ñeå xuoáng haøng Theû < br > ñöïôc söû duïng khi baïn muoán keát thuùc moät doøng, nhöng khoâng muoán khôûi ñoäng paragraph môùi. < br > Theû laø moät theû roång. Noù khoâng coù theû ñoùng. ñònh nghóa moät chuù thích trong maõ nguoàn HTML Theû chuù thích ñöïôc söû duïng ñeå cheøn moät chuù thích trong maõ nguoàn HTML.Moät chuù thích seõ ñöïôc boû qua bôûi trình duyeät. Chuù yù : caàn moät daáu'!' chæ sau moùc môû. b. Ñöôøng keû ngang : < hr size = “ ñoä daøy “ width = “ chieàu roäng “ align = “ höôùng “ [noshare ] > chieàu roäng : pixels, % höôùng : [right | left | center] noshare : taïo boùng c. Ñònh daïng danh saùch : + Danh saùch khoâng ñaùnh soá thöù töï Moät danh saùch khoâng thöù töï laø moät danh muïc. Moät danh saùch khoâng thöù töï baét ñaàu vôùi theû < ul > Moãi phaân töû danh saùch baét ñaàu vôùi theû < li >. 5 Beân trong moät phaân töû danh saùch chuùng ta coù theå ñaët chia ñoaïn, xuoáng doøng, nhöõng aûnh, nhöõng moái lieân keát, danh saùch khaùc ,v.v. < UL type =”[ disc | square | circle ] ” > < LI > item < / UL> Ví duï : < UL > < LI > item 1 < LI > item 2 < / UL > + Danh saùch ñöôïc ñaùnh soá thöù tö Moät danh saùch coù thöù töï cuõng laø moät danh muï ...