Bài 1: Web Cơ Bản - Lập Trình Mạng Nâng Cao
•Download as PPT, PDF•
6 likes•1,392 views
Lập trình mạng nâng cao. Bài 1 Web Cơ Bản
Recommended
More Related Content
Viewers also liked
Viewers also liked (8)
Bài 1: Web Cơ Bản - Lập Trình Mạng Nâng Cao
- 1. Web cơ bảnWeb cơ bản Giảng viên: ThS. Văn Thiên Hoàng Đại học Kỹ Thuật Công Nghệ TP. HCM
- 2. Nội dung HTML Form CSS DHTML Javascript DOM ThS. Văn Thiên Hoàng - Khoa CNTT 2
- 3. HTML ThS. Văn Thiên Hoàng - Khoa CNTT 3
- 4. HTML (1) ThS. Văn Thiên Hoàng - Khoa CNTT 4
- 5. HTML (2) Thẻ xử lý văn bản Thẻ hình ảnh Thẻ danh sách ThS. Văn Thiên Hoàng - Khoa CNTT 5
- 6. HTML (3) ThS. Văn Thiên Hoàng - Khoa CNTT 6
- 7. HTML (4) ThS. Văn Thiên Hoàng - Khoa CNTT 7
- 8. HTML (5) ThS. Văn Thiên Hoàng - Khoa CNTT 8
- 9. HTML (6) ThS. Văn Thiên Hoàng - Khoa CNTT 9
- 10. HTML (7) ThS. Văn Thiên Hoàng - Khoa CNTT 10
- 11. HTML (8) ThS. Văn Thiên Hoàng - Khoa CNTT 11
- 12. HTML (9) ThS. Văn Thiên Hoàng - Khoa CNTT 12
- 13. HTML (10) ThS. Văn Thiên Hoàng - Khoa CNTT 13
- 14. Form ThS. Văn Thiên Hoàng - Khoa CNTT 14
- 15. Form(1) ThS. Văn Thiên Hoàng - Khoa CNTT 15
- 16. Form(2) ThS. Văn Thiên Hoàng - Khoa CNTT 16
- 17. CSS ThS. Văn Thiên Hoàng - Khoa CNTT 17
- 18. CSS(1) ThS. Văn Thiên Hoàng - Khoa CNTT 18
- 19. CSS(2) ThS. Văn Thiên Hoàng - Khoa CNTT 19
- 20. CSS(3) ThS. Văn Thiên Hoàng - Khoa CNTT 20
- 21. CSS(4) ThS. Văn Thiên Hoàng - Khoa CNTT 21
- 22. DHTML ThS. Văn Thiên Hoàng - Khoa CNTT 22
- 23. Javascript ThS. Văn Thiên Hoàng - Khoa CNTT 23
- 24. Javascript(1) ThS. Văn Thiên Hoàng - Khoa CNTT 24
- 25. Javascript(2) ThS. Văn Thiên Hoàng - Khoa CNTT 25
- 26. Javascript(3) ThS. Văn Thiên Hoàng - Khoa CNTT 26
- 27. Javascript(4) ThS. Văn Thiên Hoàng - Khoa CNTT 27
- 28. Javascript(5) ThS. Văn Thiên Hoàng - Khoa CNTT 28
- 29. Javascript(6) ThS. Văn Thiên Hoàng - Khoa CNTT 29
- 30. Javascript(7) ThS. Văn Thiên Hoàng - Khoa CNTT 30
- 31. Javascript(8) ThS. Văn Thiên Hoàng - Khoa CNTT 31
- 32. Javascript(9) ThS. Văn Thiên Hoàng - Khoa CNTT 32
- 33. Javascript(10) ThS. Văn Thiên Hoàng - Khoa CNTT 33
- 34. Javascript(9) ThS. Văn Thiên Hoàng - Khoa CNTT 34
- 35. Javascript(10) ThS. Văn Thiên Hoàng - Khoa CNTT 35
- 36. DOM ThS. Văn Thiên Hoàng - Khoa CNTT 36
- 37. DOM(1) ThS. Văn Thiên Hoàng - Khoa CNTT 37
- 38. DOM(2) ThS. Văn Thiên Hoàng - Khoa CNTT 38
- 39. DOM(3) ThS. Văn Thiên Hoàng - Khoa CNTT 39
- 40. DOM(4) ThS. Văn Thiên Hoàng - Khoa CNTT 40
- 41. DOM(5) ThS. Văn Thiên Hoàng - Khoa CNTT 41
- 42. DOM(6) ThS. Văn Thiên Hoàng - Khoa CNTT 42
- 43. DOM(7) ThS. Văn Thiên Hoàng - Khoa CNTT 43
- 44. DOM(8) ThS. Văn Thiên Hoàng - Khoa CNTT 44
- 45. DOM(9) ThS. Văn Thiên Hoàng - Khoa CNTT 45
- 46. DOM(10) ThS. Văn Thiên Hoàng - Khoa CNTT 46
- 47. DOM(11) ThS. Văn Thiên Hoàng - Khoa CNTT 47
- 48. DOM(12) ThS. Văn Thiên Hoàng - Khoa CNTT 48
- 49. DOM(13) ThS. Văn Thiên Hoàng - Khoa CNTT 49
- 50. DOM(14) ThS. Văn Thiên Hoàng - Khoa CNTT 50
- 51. DOM(15) ThS. Văn Thiên Hoàng - Khoa CNTT 51
- 52. DOM(16) ThS. Văn Thiên Hoàng - Khoa CNTT 52
- 53. DOM(17) ThS. Văn Thiên Hoàng - Khoa CNTT 53
- 54. DOM(18) ThS. Văn Thiên Hoàng - Khoa CNTT 54
- 55. DOM(19) ThS. Văn Thiên Hoàng - Khoa CNTT 55
- 56. DOM(20) ThS. Văn Thiên Hoàng - Khoa CNTT 56
- 57. ThS. Văn Thiên Hoàng - Khoa CNTT 57
Editor's Notes
- Ví dụ <html> <head> <title>Welcome to HTML</title> </head> <body bgcolor=‘lavender’> <h3>My first HTML document</h3> <p> This is going to be real fun <h2>Using another heading</h2> </p> <p align=„center‟>Another paragraph element</p> </body> </html> Ví dụ 2: <b>This text is bold</b> <strong>This text is strong </strong> <big>This text is big </big> <em>This text is emphasized </em> <i>This text is italic </i> <small>This text is small </small> This text contains a<sub>2</sub> This text contains x<sup>2</sup> = a x a <EM>Computer Sciences</EM> <STRONG>Computer Sciences</STRONG> <DFN>Computer Sciences</DFN> <CODE>Computer Sciences</CODE> <KBD>Computer Sciences</KBD> <VAR>Computer Sciences</VAR> <CITE>Computer Sciences</CITE> <BLINK>Computer Sciences</BLINK> <DEL>Computer Sciences</DEL> <INS>Computer Sciences</INS>
- Ví dụ <html> <head> <title>Welcome to HTML</title> </head> <body bgcolor=‘lavender’> <h3>My first HTML document</h3> <p> This is going to be real fun <h2>Using another heading</h2> </p> <p align=„center‟>Another paragraph element</p> </body> </html> Ví dụ 2: <b>This text is bold</b> <strong>This text is strong </strong> <big>This text is big </big> <em>This text is emphasized </em> <i>This text is italic </i> <small>This text is small </small> This text contains a<sub>2</sub> This text contains x<sup>2</sup> = a x a <EM>Computer Sciences</EM> <STRONG>Computer Sciences</STRONG> <DFN>Computer Sciences</DFN> <CODE>Computer Sciences</CODE> <KBD>Computer Sciences</KBD> <VAR>Computer Sciences</VAR> <CITE>Computer Sciences</CITE> <BLINK>Computer Sciences</BLINK> <DEL>Computer Sciences</DEL> <INS>Computer Sciences</INS>
- Ví dụ: <html><body> <a href=‘http://www.yahoo.com>yahoo </a> </body></html>
- Ví dụ: <a name=“TenViTri"> Vi tri bat dau </a> <a href=“#TenViTri"> Text đại diện </a> <a href=“mailto:emailAddress">Liên hệ Admin</a>
- Ví dụ:
- Ví dụ: <input type=“text” name=“txtName” value=“This is one line text with 301” size=“20” maxlength=“30”> <textarea cols="20" rows="5" wrap="off“>This is a text on multiline.</textarea> hidden text field : <input type="text" name="txtHidden" value="This is hidden text.You cann't see."> combo box: <select name="DSSoftware"> <optgroup label="Multimedia"> <option value="WM10">Window Media 10</option> <option value="JA9">Jet Audio 9</option> </optgroup> <optgroup label="Operation System"> <option value="WXP">Windows XP</option> <option value="WXPSP2">Windows XP SP2</option> <option value="WVT">Windows Vista</option> </optgroup> <option selected value="Office07">Office 2007</option> </select> Check box group : <br> Anh van: <input type="checkbox" name="Languages" value="En"><br> Hoa: <input type="checkbox" name="Languages" value="Chz" checked><br> Nhut: <input type="checkbox" name="Languages" value="Jp"><br> Radio Button Group : <br> Nam: <input type="radio" name="sex" value="nam" checked><br> Nu: <input type="radio" name="sex" value="nu“checked ><br> Radio Button Group : <br> Nam: <input type="radio" name="sex1" value="nam" checked><br> Nu: <input type="radio" name="sex2" value="nu“checked ><br> Ví dụ form upload file <form name=“frmMain” action=“POST” enctype=“multipart/form-data”> <input type="file" name="fileUpload"> </form>
- Ví dụ <H1 STYLE="color: yellow">This is yellow</H1> Ví dụ 2: <HTML> <HEAD> <TITLE> Embedded Style Sheet </TITLE> <STYLE TYPE="text/css"> <!-- P { color: red; font-size: 12pt; font-family: Arial;} H2 { color: green;} --> </STYLE> </HEAD> <BODY BGCOLOR="#FFFFFF"> <H2>This is green</H2> <P>This is red, 12 pt. and Garamond.</P> </BODY> </HTML> Ví dụ 3 Trong tập tin MyStyle.CSS H2 { FONT-WEIGHT: bold; FONT-SIZE: 16pt; COLOR: white; FONT-STYLE: italic; FONT-FAMILY: Arial; BACKGROUND-COLOR: red; font-color: white } Trong trang Web có sử dụng MyStyle.CSS <html> <head> <title>FrontPage 98 -Cascading Style Sheets</title> <link HREF="MyStyle.css” REL="stylesheet" > </head> <body> <h2>This is an H2 </h2> </body> </html>
- Ví dụ:
- Ví dụ: Câu lệnh <input value = ‘He said “Javascript is good” ’> <input type=“button” value=“Click Me!” onclick=“alert(‘Hello’);” Khai báo var x ; var y, sum ; var x = 1, y = -10, sum = 0; Kiêu dư liệu bất kỳ var a = 10; document.write(a + “<br>”); a = a + “10” ; document.write(a); Lệnh if var x = 5, y = 6, z; if (x == 5) {if (y == 6) z = 17; }else z = 20; if (x == 5) z = 7; y = 42; else z = 19; Lệnh switch case var diem = “G”; switch (diem) { case “Y”: document.write(“Yếu"); break; case “TB”: document.write(“Trung bình"); break; case “K”: document.write(“Khá"); break; case “G” : document.write(“Giỏi"); break; default: document.write(“Xuấtsắc") } Vòng lặp var myarray = new Array(); for (i = 0; i < 10; i++) { myarray[i] = i; } Vòng lặp while var i = 9, total = 0; while (i < 10) { total += i * 3 + 5; i = i +5; } Vòng lặp do-while var i = 9, total = 0; do { total += i * 3 + 5; i = i +5; } while (i > 10); Vòng lặp foreach var a = new Array(2); a[0] = 10; a[1] = 20; var e, i = 0, b = new Array(2); for (e in a) { b[i] = e / 10 - 1; i++; } function Sum(x , y) { tong = x + y; return tong; } var x = Sum(10, 20);
- Ví dụ:
- Ví dụ:
- Ví dụ:
- Ví dụ:
- Ví dụ:
- Ví dụ: