1. Trang chủ
  2. Giáo án - Bài giảng

Tab - tạo nhiều thẻ/trang trong một block.

2 204 0
Tab - tạo nhiều thẻ/trang trong một block.

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

Thông tin tài liệu

Code Tab - tạo nhiều thẻ/trang trong một block. Với vài thao tác phổ thông, trong vòng 1 giây bạn sẽ có mã nguồn trang web/blog bất kỳ, trong vòng 1 phút bạn sẽ có đoạn code cần có và trong vòng 1/2 giờ bạn có thể thể hiện nó trên trang của bạn! Muốn tạo các Tab (tạo nhiều thẻ/trang trong một block) như mục "Mỗi tuần một bài hát tôi yêu" ở trang này (hiện tại có 7 tab), bạn có thể dùng đoạn Code sau: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http: //www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Simple Tabber Example</title> <script type="text/javascript" src="http: //hotrotrekhiemthinh.110mb.com/JAVA %20SCRIPT/WEB_DANG_THE/tabber.js"></script> <link rel="stylesheet" href="http: //hotrotrekhiemthinh.110mb.com/JAVA%20SCRIPT/WEB_DANG_THE/example.css" TYPE="text/css" MEDIA="screen"> <link rel="stylesheet" href="http: //hotrotrekhiemthinh.110mb.com/JAVA%20SCRIPT/WEB_DANG_THE/example- print.css" TYPE="text/css" MEDIA="print"> <script type="text/javascript"> /* Optional: Temporarily hide the "tabber" class so it does not "flash" on the page as plain HTML. After tabber runs, the class is changed to "tabberlive" and it will appear. */ document.write('<style type="text/css">.tabber{display:none;}<\/style>'); </script> <div class="tabber"> <div class="tabbertab"> <h2>Tiêu đề Tab 1</h2> Nội dung Tab 1 (thẻ/trang 1) </div> <div class="tabbertab"> <h2>Tiêu đề Tab 2</h2> Nội dung Tab 2 (thẻ/trang 2) </div> <div class="tabbertab"> <h2>Tiêu đề Tab 3</h2> Nội dung Tab 3 (thẻ/trang 3) </div> </div> </head> </html> ------- . class="tabbertab"> <h2>Tiêu đề Tab 3</h2> Nội dung Tab 3 (thẻ/trang 3) </div> </div> </head> </html> -- -- - -- . có và trong vòng 1/2 giờ bạn có thể thể hiện nó trên trang của bạn! Muốn tạo các Tab (tạo nhiều thẻ/trang trong một block) như mục "Mỗi tuần một bài

Ngày đăng: 19/10/2013, 12:11

Xem thêm: Tab - tạo nhiều thẻ/trang trong một block., Tab - tạo nhiều thẻ/trang trong một block.

Từ khóa liên quan

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

Tài liệu liên quan