Thẻ (tag) liên kết - thẻ - anchor

Linked content

Thuộc tính target của thẻ

Text đại diện

Click chuột

………………… ………………… ………………… ………………… ………………… …………………

………………… ………………… ………………… Bài học 2 ………………… …………………

Trang có địa chỉ xác định từ URL

Trang hiện tại

baihoc2.htm

baihoc1.htm

06/03/2014

Học lập trình trực tuyến tại itclass.vn Phát triển ứng dụng web

43

69

Liên kết nội (Internal - link)

Vi tri bat dau

Text đại diện

Click chuột

Nội dung trang khi bấm liên kết

Nội dung trang khi chưa liên kết

………………… ………………… Text đại diện ………………… ………………… ………………… ………………… Vi tri bat dau .…abcdefgh… ...01234567… .…………………

.………………… .………………… Text đại diện ………………… ………………… ………………… ………………… Vi tri bat dau .…abcdefgh… ...01234567… .………………… .………………… .………………… .………………… .…………………

06/03/2014

Phát triển ứng dụng web

44

Học lập trình trực tuyến tại itclass.vn

70

Liên kết Email

Click chuột

………………… ………………… ………………… Liên hệ Admin ………………… …………………

Liên hệ Admin

06/03/2014

Phát triển ứng dụng web

45

Học lập trình trực tuyến tại itclass.vn

71

Thẻ liên kết trang Thẻ liên kết trang

• Thẻ liên kết trang – phân loại địa chỉ URL

Linked content – Địa chỉ URL phân làm 2 loại :

• Địa chỉ tuyệt đối : Là vị trí tuyệt đối so với Mạng Internet • Địa chỉ tương đối : Là vị trí tương đối so với trang web hiện

hành đang chứa liên kết.

– Một số ký hiệu đường dẫn đặc biệt:

Ký hiệu

Ý nghĩa

Trở về thư mục gốc của website

/

Thư mục hiện tại của trang web sử dụng link (mặc định)

./

Quay ra thư mục cha / đi ngược lại 1 cấp thư mục

../

Học lập trình trực tuyến tại itclass.vn

72

Thẻ liên kết trang

Thẻ liên kết trang

• Thẻ liên kết trang – phân loại địa chỉ URL

# 127.0.0.1/demo

• File A có link đến B, vậy trong file A có HTML element

liên kết đến B

http://127.0.0.1/demo/Thu muc 1/file B.htm

/demo/Thu muc 1/file B.htm

./Thu muc 1/file B.htm

Thu muc 1/file B.htm

Học lập trình trực tuyến tại itclass.vn

73

Thẻ liên kết trang

Thẻ liên kết trang

• Thẻ liên kết trang – phân loại địa chỉ URL

# 127.0.0.1/demo

• File C có link đến D, vậy trong C có HTML element

liên kết đến D

../Thu muc 1_2/file D.htm

./../Thu muc 1_2/file D.htm

/demo/Thu muc 1/Thu muc 1_2/file D.htm

http://127.0.0.1/demo/Thu muc 1/Thu muc 1_2/file D.htm

Học lập trình trực tuyến tại itclass.vn

74

Thẻ liên kết trang

Thẻ liên kết trang

• Thẻ liên kết trang – phân loại địa chỉ URL

# 127.0.0.1/demo

• File D có link đến F, vậy trong file D có HTML element

liên kết đến F

http://127.0.0.1/demo/Thu muc 2/file F.htm

/demo/Thu muc 2/file F.htm

./../../Thu muc 2/file F.htm

../../Thu muc 2/file F.htm

Học lập trình trực tuyến tại itclass.vn

75

Thực hành tổng hợp các thẻ cơ bản

Học lập trình trực tuyến tại itclass.vn

76

Tại sao nên học lập trình?

Đối với tôi, không bao giờ là quá trễ, không bao giờ là quá muộn, mọi thứ chúng ta đều có thể bắt đầu lại, miễn sao

Liên kết ngoài Liên kết đến ID #about

chúng ta còn động lực, còn ĐAM MÊ, còn niềm tin, chúng ta hoàn toàn có thể. Một video khá hay mà tôi thường nghe

• • • Về đầu trang

đi, nghe lại nhiều lần khi tôi mất niềm tin đó là của diễn giả Dina Nyad chia sẻ trên Ted Talk ” Never, ever give up”, tôi

thấy bài chia sẻ này rất hay.

Học lập trình, theo tôi không những dành riêng cho những bạn theo nghề lập trình mà tôi nghĩ nó sẽ tốt cho tất cả mọi

người. Học lập trình giúp tất cả chúng ta xử lý một vấn đề rất logic, tư duy logic. Ngày nay mọi thứ đều phát triển dựa

vào công nghệ, dựa vào máy tính. Nếu chúng ta nắm rõ qui tắc của nó, nắm rõ cách thức hoạt động, chúng ta sẽ vận

hành hệ thống tốt hơn, chúng ta sẽ xử lý công việc tốt hơn. Học lập trình giúp chúng ta tiếp cận được nhiều công nghệ

hơn, vì công nghệ luôn luôn thay đổi và thay đổi rất nhanh, học lập trình và các kỹ năng của nó giúp chúng ta bắt kịp

1.

2.

được những thay đổi đó… Danh sách các khóa học nên bắt đầu: Nhập môn lập trình/Lập trình C Thiết kế web với HTML, CSS, JS,…

3.

Lập trình Hướng đối tượng

Bản quyền thuộc về

Học lập trình trực tuyến tại myclass.vn

78

Học lập trình trực tuyến tại itclass.vn

79

Tag kẻ bảng – Table

Thẻ kẻ bảng (table)

Thẻ$

Ý nghĩa$

Khởi tạo một bảng$

Khởi tạo một dòng. Thẻ con của thẻ Khởi tạo một ô tiêu đề. Thẻ con của thẻ Khởi tạo một ô. Thẻ con của thẻ Học lập trình trực tuyến tại myclass.vn 80 Thẻ kẻ bảng (table) $ $ $ $ $ $ l Học lập trình trực tuyến tại myclass.vn T a g k ẻ b ả n g – T a b e ( t t ) T a g k ẻ b ả n g $ $ 81 – $ T a b l e ( t t ) $ Thẻ kẻ bảng (table) $ $ $ $ $ $ l Học lập trình trực tuyến tại myclass.vn T a g k ẻ b ả n g – T a b e ( t t ) T a g k ẻ b ả n g $ $ 82 – $ T a b l e ( t t ) $ Tag kẻ bảng – Table (tt) Một số thuộc tính của thẻ Một số thuộc tính của các thẻ :$ Thuộc tính$ Ý nghĩa$ Giãn cột cho ô$ colspan Giãn dòng cho ô$ rowspan background Thiết lập ảnh nền cho bảng, ô$ Thiết lập màu nền cho bảng, ô$ bgcolor (left, right, center, jusÇfy) Gióng hàng ngang chữ trong ô$ Align (top, middle, bottom, baseline) Gióng hàng dọc chữ trong ô$ Valign Cellpadding Quy định khoảng cách từ biên của ô đến nội dung$ Cellspacing Quy định khoảng cách giữa các ô với nhau$ Học lập trình trực tuyến tại myclass.vn 83 Tag kẻ bảng – Table (tt) Tag kẻ bảng – Table (tt) !   Thuộc$cnh$colspan$&$rowspan$ !   Thuộc$cnh$colspan$&$rowspan$ Thuộc tính colspan & rowspan Học lập trình trực tuyến tại myclass.vn 84 Tag kẻ bảng – Table (tt) Tag kẻ bảng – Table (tt) Kết hợp colspan & rowspan !   Kết$hợp$colspan$và$rowspan$ !   Kết$hợp$colspan$và$rowspan$ Học lập trình trực tuyến tại myclass.vn 85 Tag kẻ bảng – Table (tt) !   Thuộc$cnh$background$ Tag kẻ bảng – Table (tt) Tag kẻ bảng – Table (tt) Tag kẻ bảng – Table (tt) !   Thuộc$cnh$background$ Thuộc tính background !   Thuộc$cnh$background$ !   Thuộc$cnh$background$ Học lập trình trực tuyến tại myclass.vn 86 Tag kẻ bảng – Table (tt) Tag kẻ bảng – Table (tt) Tag kẻ bảng – Table (tt) !   Thuộc$cnh$bgcolor$ Thuộc tính bgcolor !   Thuộc$cnh$bgcolor$ !   Thuộc$cnh$bgcolor$ Học lập trình trực tuyến tại myclass.vn 87 Tag kẻ bảng – Table (tt) Thuộc tính cellspacing, cellpadding !   Thuộc$cnh$cellspacing$&$cellpading$ Học lập trình trực tuyến tại myclass.vn 88 Thẻ div(division) Học lập trình trực tuyến tại myclass.vn 89 Thẻ div(division) Học lập trình trực tuyến tại myclass.vn 90 CHƯƠNG 4: HTML Form 91 HTML Form - Giới thiệu Form 92 Giới thiệu Form Giới thiệu Form (tiếp theo) ! Được$dùng$để$nhận$dữ$liệu$từ$phía$người$dùng$ ! Giúp$gởi$yêu$cầu$của$người$dùng$đến$trang$xử$lý$ trong$ứng$dụng$web$ $ !   Tag$ $ dùng$ để$ chứa$ các$ thành$ phần$ khác$ của$form$ ! Những$ thành$ phần$ nhập$ liệu$ được$ gọi$ là$ Form% Field%% !   text$field$ !   password$field$ !   mulZple[line$text$field$ !   ……$ Học lập trình trực tuyến tại myclass.vn 93 Tag Thẻ (tag) Form ! Là$container$chứa$các$thành$phần$nhập$liệu$khác.$ !   Các thuộc tính của !  NAME : tên FORM !  ACTION : chỉ định trang web nhận xử lý dữ liệu từ FORM này$khi$có$sự$kiện$ click$của$bubon$SUBMIT. !  METHOD : Xác định phương thức chuyển dữ liệu (POST,GET)$ Học lập trình trực tuyến tại myclass.vn 94 Tag - Ví dụ Thẻ (tag) Form Dangnhap.htm* action=“/admin/xlDangnhap.php” method=“Post”> ……………… Học lập trình trực tuyến tại myclass.vn 95 Tag - Ví dụ Các thành phần của Form Dangnhap.htm* action=“/admin/xlDangnhap.php” method=“Post”> ……………… Học lập trình trực tuyến tại myclass.vn 96 Các thành phần của Form Các thành phần của Form !   Gồm$các$loại$Form$Field$sau:$ !   Text$field$$! !   Password$field! !   Hidden$Text$field! !   Check$box! !   Radio$bubon! !   File$Form$Control$ !   Submit$Bubon,$Reset$Bubon,$Generalized$Bubon$ !   MulZple[line$text$field$ !   Label$ !   Pull[down$menu$ !   Scrolled$list$ !   Field$Set$ Học lập trình trực tuyến tại myclass.vn 97 Text Field Textview ! Dùng$để$nhập$một$dòng$văn$bản$ ! Cú$pháp$ = “TEXT” = string 20$ t$with$301$ = variant = long = integer = string TYPE NAME READONLY SIZE MAXLENGTH TABINDEX VALUE ………… 30$ > Ví dụ: ! Ví$dụ$$ with 301” size=“20” maxlength=“30”> $ Học lập trình trực tuyến tại myclass.vn 98 Password Field Password  Field ! Dùng$để$nhập$mật$khẩu$ ! Cú$pháp$ = “PASSWORD” = string = variant = long = integer = string TYPE NAME READONLY SIZE MAXLENGTH TABINDEX VALUE ………… >$ ! Ví$dụ$ size=“20” maxlength=“30”> Học lập trình trực tuyến tại myclass.vn 100 Hidden Text Field Hidden  Field ! Dùng$để$truyền$1$giá$trị$của$thuộc$}nh$value$khi$ form$được$submit$ ! Không$hiển$thị$ra$trên$màn$hình$ ! Cú$pháp$ = “HIDDEN” = string = variant = long = integer = string TYPE NAME READONLY SIZE MAXLENGTH TABINDEX VALUE ………… >$ ! Ví$dụ$:$$hidden$text$field$:$ hidden$text.You$cann't$see.">$ Học lập trình trực tuyến tại myclass.vn 101 Check box Checkbox  Field ! Cú$pháp$ TYPE = “checkbox” NAME = “text” VALUE = “text” [checked] >$ ! Ví$dụ$$ Check box group : Anh van: Hoa: Nhut: Học lập trình trực tuyến tại myclass.vn 102 Radio button RadioBuTon  Field ! Cú$pháp$ TYPE = “radio” NAME = “text” VALUE = “text” [checked] > ! Ví$dụ$ Radio Button Group : Nam: Nu: Nu: Học lập trình trực tuyến tại myclass.vn 105 Submit button Submit  BuTon ! Nút$phát$lệnh$và$gởi$dữ$liệu$của$form$đến$ trang$xử$lý.$ ! Mỗi$form$chỉ$có$một$nút$submit$và$nút$này$ được$viền$đậm$ ! Cú$pháp:$ $ $ ! Ví$dụ:$ Học lập trình trực tuyến tại myclass.vn 106 Reset Button Reset  BuTon ! Dùng$để$trả$lại$giá$trị$mặc$định$cho$các$control$ khác$trong$form$ ! Cú$pháp$ $ ! Ví$dụ$$ Học lập trình trực tuyến tại myclass.vn 107 Generalized Button BuTon  tổng  quát !   Cú$pháp$ !   Ví$dụ$ Học lập trình trực tuyến tại myclass.vn 108 Multiline Text Field MulYline  textfield = long = long = string ! Dùng$để$nhập$văn$bản$nhiều$dòng$ ! Cú$pháp$ <p>= integer = OFF | PHYSICAL | VIRTUAL> ……………</p> <h4> 20$ </p> <h4>5$</h4> <p>This is a text on multiline.</p> <p>! Ví$dụ$$ $</p> <p> Học lập trình trực tuyến tại myclass.vn 109 Pull-down Menu Combobox-­‐  Dropdown  box !   Dùng$để$tạo$ra$một$combo$box$ !   Cú$pháp$ …… ……… …… ……… Học lập trình trực tuyến tại myclass.vn 110 Pull-down Menu Combobox-­‐  Dropdown  box Window Media 10 Jet Audio 9 Windows XP Windows XP SP2 Windows Vista combo box: Office 2007 Học lập trình trực tuyến tại myclass.vn 111 Phương  thức  Get/Post  trong  Form Phương thức GET Phương thức GET ! Các$đối$số$của$Form$được$ghi$chèm$theo$vào$đường$ dẫn$URL$của$thuộc$}nh$AcZon$trong$tag$ $ ! Khối$lượng$dữ$liệu$đối$số$được$truyền$đi$của$Form$bị$ giới$hạn$bởi$chiều$dài$tối$đa$của$một$URL$trên$Address$ bar.$$ !   IE$:$Tối$đa$của$một$URL$là$2.048$ký$tự$ !   Firefox$:$Tối$thiểu$của$một$URL$là$khoảng$100.000$ký$tự$ !   Safari$:$Tối$thiểu$của$một$URL$là$80.000$ký$tự$ !   Opera$:$Tối$thiểu$của$một$URL$là$190.000$ký$tự$ !   Apache$Server$:$Tối$đa$của$một$URL$là$8.192$ký$tự$ !   IIS$Server$:$Tối$đa$của$một$URL$là$16.384$ký$tự$ Học lập trình trực tuyến tại myclass.vn 112 Demo  phương  thức  GET Học lập trình trực tuyến tại myclass.vn 113 Phương  thức  Get/Post  trong  Form Phương thức POST Phương thức POST !   Các$đối$số$của$Form$được$truyền$“ngầm”$bên$ dưới$ !   Khối$lượng$dữ$liệu$đối$số$được$truyền$đi$của$ Form$không$phụ$thuộc$vào$URL$!$Không$bị$giới$ hạn$ !   Chỉ$sử$dụng$được$phương$thức$truyền$POST$khi$ AcZon$chỉ$định$đến$trang$web$thuộc$dạng$trang$ web$có$mã$lệnh$xử$lý$trên$Server$ Học lập trình trực tuyến tại myclass.vn 114 Demo  phương  thức  POST Học lập trình trực tuyến tại myclass.vn 115 CSS 116 Có thể bạn quan tâm Bài giảng Thiết kế và lập trình Web - Bài 2: HTML Căn bản 88 trang Bài giảng Lập trình ứng dụng Web - Chương 0: Giới thiệu tổng quan về môn học 19 trang Bài giảng Lập trình web toàn tập với HTML, CSS, Jquery, Responsive, Bootstrap - Chương 5.1: CSS 14 trang Bài giảng Lập trình web toàn tập với HTML, CSS, Jquery, Responsive, Bootstrap - Chương 5.2: CSS 45 trang Bài giảng Lập trình web toàn tập với HTML, CSS, Jquery, Responsive, Bootstrap - Chương 1,2: Tổng quan về web và internet 31 trang Bài giảng Lập trình web toàn tập với HTML, CSS, Jquery, Responsive, Bootstrap - Chương 3: UI và UX trong thiết kế website 17 trang Bài giảng Lập trình web toàn tập với HTML, CSS, Jquery, Responsive, Bootstrap - Chương 4: HTML căn bản và bài tập 67 trang Bài giảng Thiết kế và lập trình web: Bài 2 - Viện Công nghệ thông tin và truyền thông 88 trang Bài giảng Lập trình và thiết kế Web 1: Bài 3 - Thiết kế trang Web, HTML căn bản 59 trang Bài giảng Lập trình web 1: Chương 3 - Nguyễn Huy Khánh 59 trang Chuong 2 - HTML và các thẻ cơ bản 17 trang Tài liêu mới Bài giảng học phần Thiết kế và triển khai websites 45 trang Bài giảng Công nghệ phần mềm: Bài 5 - Mô hình CMMI 32 trang Bài giảng Công nghệ phần mềm: Bài 4 - Đảm bảo chất lượng phần mềm 46 trang Bài giảng Công nghệ phần mềm: Bài 3 - Thiết kế phần mềm 79 trang Bài giảng Công nghệ phần mềm: Bài 2 - Đặc tả yêu cầu phần mềm 64 trang Bài giảng Công nghệ phần mềm: Bài 1 - Tổng quan về phần mềm và công nghệ phần mềm 106 trang Bài giảng Phân tích và thiết kế hệ thống thông tin giáo dục 19 trang Nghiên cứu ứng dụng mô hình ngôn ngữ thị giác (VLM) trong quản lý đất đai thông minh 5 trang Nhập môn thống kê hướng tới máy học - Phạm Minh Hoàng 62 trang Áp dụng mạng Bayes xây dựng mô hình dự đoán xác suất có điều kiện phức hợp 8 trang Mô hình chú ý ngữ cảnh đa tầm nhìn cải tiến cho bài toán trả lời câu hỏi dựa trên hình ảnh bằng tiếng Việt 13 trang Cải tiến mô hình dịch máy mạng nơ-ron Anh - Việt sử dụng đồ thị tri thức 12 trang Bài giảng Phát triển phần mềm hướng dịch vụ 43 trang Bài giảng Máy học ứng dụng: Chương 3 - Học có giám sát 134 trang Bài giảng Máy học ứng dụng: Chương 2 - Tiến trình học máy 131 trang AI tóm tắt - Giúp bạn nắm bắt nội dung tài liệu nhanh chóng! Giới thiệu tài liệu Đối tượng sử dụng Từ khoá chính Nội dung tóm tắt Giới thiệu Về chúng tôi Việc làm Quảng cáo Liên hệ Chính sách Thoả thuận sử dụng Chính sách bảo mật Chính sách hoàn tiền DMCA Hỗ trợ Hướng dẫn sử dụng Đăng ký tài khoản VIP Zalo/Tel: 093 303 0098 Email: support@tailieu.vn Phương thức thanh toán Theo dõi chúng tôi Facebook Youtube TikTok Chịu trách nhiệm nội dung: Nguyễn Công Hà. ©2025 Công ty TNHH Tài Liệu trực tuyến Vi Na. Địa chỉ: 54A Nơ Trang Long, P. Bình Thạnh, TP.HCM - Điện thoại: 0283 5102 888 - Email: info@tailieu.vn Giấy phép Mạng Xã Hội số: 670/GP-BTTTT cấp ngày 30/11/2015