Tài liệu cơ bản về HTML
HƯỚNG DẪN NHẬP MƠN HTML Bài trình bày bí ẩn ngơn ngữ đánh dấu siêu văn (HTML), thực chất chẳng có bí ẩn Nếu biết cách dùng trình xử lý văn bản, bạn tạo trang Web vài phút Nhờ xây dựng văn đồ hoạ, World Wide Web (WWW) đưa Internet nhập vào dịng chảy sống Nhưng tính hấp dẫn WWW vượt xa nhiều so với giao diện đồ hoạ, lôi nhiều người dùng PC không rành kỹ thuật Nhờ HTML tương đối đơn giản nên nhiều người bình thường tạo Web site đầy ấn tượng Nếu bạn khao khát muốn đưa lên Web, tất điều mà bạn cần có tài khoản đăng ký với hãng cung cấp Web, bí HTML, chút óc sáng tạo Bài báo đưa bạn chuyến du lịch trang Web điển hình, để bạn thấy thực Đặc biệt, bạn giới thiệu phần tử cấu tạo nên HTML (Hypertext Markup Language - Ngôn ngữ đánh dấu siêu văn bản) - linh hồn trang Web Và trường hợp dự định tạo Web site riêng cho mình, bạn có thêm hiểu biết xảy bạn nối vào Web xem trang ưa thích HTML: Ngơn ngữ đánh dấu: Sau lóng ngóng với vài trang Web du lịch Internet, bạn nghĩ phải có gói phần mềm tinh vi để thu tất hiệu ứng trang trí đầy quyến rũ Mặc dù có số cơng cụ dành cho người say mê HTML thực sự, bạn dùng trình soạn thảo văn Notepad Windows để tạo trang Web hấp dẫn Sự thật hầu hết trang khơng có khác văn gia cố thêm phần tử HTML xếp đặt quy cách Để hiểu cách hoạt động chúng, bạn phải xem xét từ cụm từ Ngôn ngữ đánh dấu siêu văn xem chúng có ý nghĩa gì: Siêu văn (HyperText) Như bạn biết, liên kết siêu văn từ hay câu trang Web dùng để đến trang Web khác Khi nhấn chuột lên liên kết này, trình duyệt bạn (như Netscape Navigator Internet Explorer) đưa bạn tức khắc đến trang Web mà không cần hỏi han Vì liên kết siêu văn thật tính đặc trưng World Wide Web, trang Web thường biết tài liệu siêu văn Cho nên HTML có từ siêu văn tên nó, bạn dùng để tạo nên tài liệu siêu văn Đánh dấu (Markup) Có từ điển định nghĩa markup dẫn chi tiết kiểu dáng ghi viết tay để xếp chữ in Trong lĩnh vực này, viết lại định nghĩa sau: lệnh chi tiết kiểu dáng đánh vào tài liệu văn để đưa lên WWW Đó HTML theo định nghĩa tóm tắt Nó gồm vài mã đơn giản để tạo văn nét đậm nghiêng bảng liệt kê dấu chấm đầu dịng, hình đồ hoạ chèn thêm vào, với xác định mối liên kết siêu văn Bạn đánh mã vào chỗ thích hợp tài liệu văn gốc, trình duyệt Web thực việc dịch chúng Ngơn ngữ (Language) Đây từ dễ nhầm lẫn cụm từ Nhiều người diễn giải HTML ngơn ngữ lập trình HTML khơng có liên quan đến việc lập trình máy tính HTML gọi ngơn ngữ gồm tập hợp nhỏ nhóm hai đến ba chữ từ mà bạn dùng để quy định kiểu dáng nét đậm nghiêng Các thẻ HTML: Bây sâu vào khái niệm đằng sau HTML, xem xét số ví dụ mẫu Để bắt đầu, tất công việc phải làm khởi động trình soạn thảo văn u thích bạn bảo đảm có tài liệu rỗng hiển thị Trình xử lý văn bạn phải có khả lưu tập tin dạng văn Notepad làm việc cách tự động; cịn trình xử lý văn khác, Word WordPerfect, có tuỳ chọn văn hộp thoại Save As Hãy tham khảo tài liệu thuyết minh trình xử lý văn Đồng thời bạn phải lưu trang với đuôi mở rộng HTM HTML, Homepage.htm chẳng hạn Tạo lập trang Web vấn đề đơn giản, cần đánh văn bạn vào chèn thêm ký hiệu đánh dấu, gọi thẻ có dạng sau: văn chịu tác động Phần thẻ mã (thường có hai chữ) xác định hiệu ứng mà bạn yêu cầu Ví dụ, cho thẻ nét đậm Cho nên bạn muốn câu ACME Coyote Suppplies xuất theo kiểu chữ đậm (bold), bạn phải đưa dịng sau vào tài liệu mình: ACME Coyote Supplies Thẻ báo cho trình duyệt (browser) hiển thị tất phần văn phông chữ đậm, liên tục thẻ Dấu gạch chéo (/) xác định thẻ kết thúc, báo cho trình duyệt ngưng hiệu ứng HTML có nhiều thẻ dùng cho nhiều hiệu ứng khác, bao gồm chữ nghiêng (italic), dấu đoạn văn (paragraph), tiêu đề, tên trang, liệt kê, liên kết, nhiều thứ Cấu trúc sở: Các trang Web khác nhau, tẻ nhạt hay sinh động, vô nghĩa cần thiết, tất có cấu trúc sở, nên đa số trình duyệt chạy hầu hết kiểu máy tính hiển thị thành công hầu hết trang Web Các tập tin HTML bắt đầu thẻ Thẻ khơng làm khác ngồi nhiệm vụ báo cho trình duyệt Web biết đọc tài liệu có chứa mã HTML Tương tự, dịng cuối tài liệu bạn luôn thẻ , tương đương Hết Chi tiết catalog thẻ HTML dùng để chia tài liệu thành hai phần: đầu thân Phần đầu giống lời giới thiệu cho trang Các trình duyệt Web dùng phần đầu để thu nhặt loại thông tin khác trang Để xác định phần đầu, bạn đưa thêm thẻ thẻ vào sau thẻ Mặc dù bạn đặt số chi tiết bên phạm vi phần đầu này, phổ biến tên trang Nếu có xem trang browser, tên trang xuất dải tên cửa sổ browser Để xác định tên trang, bạn đặt đoạn văn tên thẻ Ví dụ bạn muốn tên trang My Home Sweet Home Page, bạn đưa vào sau: My Home Sweet Home Page Phần thân nơi bạn nhập vào văn xuất trang Web lẫn thẻ khác quy định dáng vẻ trang Để xác định phần thân, bạn đặt thẻ sau phần đầu (dưới ) Các thẻ sau xác định cấu trúc trang Web: tên trang Các thẻ tiêu đề khác Văn thẻ trang Web Văn đoạn: Như trình bày trên, bạn bổ sung văn trang Web cách đánh vào thẻ Tuy nhiên, cần nhớ bắt đầu đoạn văn (chương, mục) mà ấn phím Enter Bạn phải dùng thẻ để báo cho browser biết bạn muốn chuyển vào đoạn văn mới: My Home Sweet Home Page Văn xuất phần thân trang Web Văn xuất đoạn văn Bổ sung định dạng tiêu đề: HTML bao gồm nhiều thẻ làm đẹp cho văn trang Bạn thấy trên, từ câu thành dạng chữ đậm đặt vào thẻ Bạn biểu văn theo kiểu chữ nghiêng cách bao chúng lại thẻ , làm cho từ xuất dạng cách đơn với thẻ Giống chương sách, nội dung nhiều trang Web chia thành đoạn Để giúp phân cách đoạn làm cho dễ đọc hơn, bạn sử dụng tiêu đề Lý tưởng nhất, tiêu đề phải có tác dụng đề mục nhỏ, thể ý tưởng tóm tắt đoạn văn Để làm cho đề mục bật, HTML có loại thẻ tiêu đề để hiển thị văn theo phông chữ đậm với nhiều cỡ chữ khác nhau, từ ứng với phông lớn đến ứng với phông nhỏ Làm việc với liên kết siêu văn Thẻ HTML dùng để thiết lập liên kết siêu văn Thẻ khác so với thẻ khác mà bạn gặp bạn khơng thể dùng mà phải kèm thêm địa tài liệu bạn muốn liên kết Sau cách hoạt động nó: HREF viết tắt hypertext reference (tham chiếu siêu văn bản) Chỉ cần thay từ địa địa thực trang Web mà bạn muốn dùng để liên kết Dưới ví dụ: Như cịn chưa kết thúc Tiếp theo, bạn phải cung cấp số văn diễn giải liên kết để nhấn chuột vào Cơng việc cịn lại chèn văn vào thẻ sau: Văn liên kết Sau ví dụ : Why not head to the DOSWorld home page? Chèn hình: Nếu bạn muốn Web site trội hơn, bạn phải theo xu hướng đồ hoạ với hình ảnh chọn kỹ lưỡng Làm để chèn hình vào tập tin HTML có văn bản? Nhờ bổ sung thẻ vào tài liệu, lệnh Chèn hình vào Thẻ xác định tên tậ tin đồ hoạ để trình duyệt mở tập tin hiển thị hình: đây, SRC viết tắt source (nguồn) tên tập tin tên đường dẫn tập tin đồ hoạ mà bạn muốn hiển thị (dùng dạng GIF JPG) Giả sử bạn có hình tên logo.gif nằm thư mục Graphics Để đưa vào trang Web, bạn dùng dòng sau Các bảng tham khảo HTML Web: Một vài thẻ bạn thấy vụn vặt bề mặt HTML Có hàng tá thẻ bổ sung khác cho phép bạn thành lập danh sách liệt kê dấu đầu dòng, bảng, biểu tương tác Để tìm hiểu chúng, bạn thử dùng bảng tham khảo HTML Web Yahoo! cung cấp danh sách tham khảo địa http://www.yahoo.com/Computers_and_Internet/ Information_and_Documentation/Data_Formats/HTML/Reference/ Đồng thời, Microsoft có bảng tham khảo HTML xuất sắc (dĩ nhiên cài vào Internet Explorer riêng họ) địa chỉ: http://www.microsoft.com/workshop/author/newhtml/default.html Cuối bạn trở thành chuyên gia viết mã HTML, phương pháp tốt để biết nhiều HTML xem mã mà người khác dùng để xây dựng trang họ Ngay có trang cụ thể browser mình, bạn lưu chúng lại (dùng File/Save As Netscape Navigator File/Save As File Internet Explorer), mở tập tin lưu xem trình xử lý văn bạn Ngồi ra, Netscape Navigator Internet Explorer cho phép xem trang mở browser; chọn View/Document Source Netscape Navigator View/Source Internet Explorer Các soạn thảo HTML Khơng thiết phải tìm hiểu thẻ HTML để tạo dựng trang Web Có nhiều chương trình Windows thực cơng việc chèn thêm thẻ thích hợp cách tự động Sau ví dụ số trình soạn thảo có sẵn: Word 97 Phiên Microsoft Word có sẵn khả HTML, bao gồm ví dụ mẫu lệnh Save to HTML để chuyển đổi tài liệu World hữu thành HTML Netscape Composer Một phần Netscape Communicator, có kỹ thuật tạo trang WYSIWYG (thấy nấy) tích hợp chặt chẽ với Netscape Navigator Hãy tìm địa http://home.netscape.com/để có nhiều thơng tin WebEdit Chương trình WebEdit xuất sắc Kenn Nesbitt có giao diện trực giác hỗ trợ hầu hết thẻ HTML có hành tinh này, đồng thời tốc độ nhanh HomeSite Đây trình biên tập HTML tương đối Một điều ngạc nhiên biên soạn người vẽ tranh biếm hoạ - tác giả phim hoạt hình Dexter Nó soạn thảo đầy đủ tính năng, bao gồm trình kiểm tra tả cài sẵn, browser, frame wizard, thẻ HTML mã hoá màu, nhiều khác Tìm theo địa http://www.dexnet.com/homesite.html Bùi Xuân Toại DOS World 6/97 Soạn thảo văn HTML Cấu trúc trang văn HTML Diễn giải Chương trình bao gồm phần: , : mở đầu kết thúc chương trình , : mở đầu kết thúc phần đầu chương trình , : mở đầu kết thúc thân chương trình Mã nguồn: Tựa đề thí dụ Xin chào bạn Kết quả: Xin chào bạn Chú ý: Xâu ký tự nằm không hiển thị trang Web mà hiển thị phía Browser Xâu ký tự nằm đặt phần header trang Web in Xâu ký tự nằm ghi lại bạn cập nhật trang Web vào mục trang Web yêu thích (Fovorites) Đầu đề trang văn HTML Mã nguồn: Tựa đề thí dụ Đây đầu đề 1 Đây đầu đề 2 Đây đầu đề 3 Đây đầu đề 4 Đây đầu đề 5 Đây đầu đề 6 Kết Đây đầu đề Đây đầu đề Đây đầu đề Đây đầu đề Đây đầu đề Đây đầu đề Xuống dòng chia đoạn trang HTML Diễn giải Khi bạn đánh máy văn chương trình soạn thảo văn đó, bạn cần bấm phím Return để kết thúc dòng hay đoạn văn, bạn cần phải làm nhiều thao tác bạn muốn phân định riêng đoạn văn khác trang Web Browser tự động bỏ qua mã xuống dịng bình thường Vì bạn phải viết thêm thẻ
để phân đoạn hay viết thẻ vị trí cụ thể mà bạn muốn xuống dịng Mã nguồn (với đoạn văn sử dụng mã xuống dịng bình thường) Cộng hoà xã hội chủ nghĩa Việt nam Độc lập - Tự - Hạnh phúc Đơn xin việc Kết Cộng hoà xã hội chủ nghĩa Việt namĐộc lập - Tự - Hạnh phúcĐơn xin việc Mã nguồn (có sử dụng thẻ
) Cộng hồ xã hội chủ nghĩa Việt nam Độc lập - Tự - Hạnh phúc
Đơn xin việc Kết Cộng hoà xã hội chủ nghĩa Việt nam Độc lập - Tự - Hạnh phúc Đơn xin việc Đường kẻ ngang Diễn giải Đường kẻ ngang chủ yếu dùng để phân định trang Web thành phần có tính logic dễ nhìn Có khơng nhiều khả đồ hoạ ngôn ngữ HTML, đường kẻ ngang cơng cụ có ích Mã nguồn Kết Chú ý: Có thể tổ hợp tùy chọn với Danh sách phân loại Diễn giải Đây danh sách lý cho thấy danh sách lại có ích Bởi vì: Nó có tính hấp dẫn trực quan Nó sử dụng để nhóm yếu tố ý kiến tương tự Chúng ta dễ dàng đọc lượt qua danh sách ghi nhớ yếu tố tương ứng HTML cung cấp nhóm đa dạng kiểu danh sách khác Mỗi loại danh sách có cấu trúc định dạng riêng Chúng bao gồm: Danh sách có trật tự Danh sách có trật tự tự động đánh số thành tố danh sách Mã nguồn
- Yếu tố
- Yếu tố
- Yếu tố
Kết Yếu tố Yếu tố Yếu tố 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 núm tròn) cho yếu tố danh sách Mã nguồn Kết o o o Yếu tố Yếu tố Yếu tố Danh sách định nghĩa Mỗi yếu tố danh sách bao gồm hai thành phần: Tiêu đề lề phía trái (chỉ thẻ ) Phần giải nghĩa lề thụt sang phía phải (chỉ thẻ ) Mã nguồn Yếu tố Chú giải cho yếu tố Yếu tố Chú giải cho yếu tố Kết Yếu tố Chú giải cho yếu tố Yếu tố Yếu tố Chú giải cho yếu tố Chú giải cho yếu tố Danh sách kiểu thực đơn Mỗi yếu tố danh sách cấp số chẳng hạn dấu trịn Trơng giống danh sách khơng có trật tự Mã nguồn Yếu tố Yếu tố Yếu tố Kết · Yếu tố · Yếu tố · Yếu tố Danh sách kiểu thư mục Trơng giống danh sách khơng có trật tự Tổ hợp kiểu danh sách Ta tổ hợp kiểu danh sách với Ký tự định dạng trước Diễn giải Kiểu ký tự định dạng trước cho phép bạn bảo tồn dấu cách dấu xuống dòng trang văn HTML y bạn gõ vào trình soạn thảo Điều có nghĩa bạn khơng nên sử dụng thẻ đoạn ký tự định dạng trước Browser sử dụng phông chữ bề rộng cố định (fixed-width font) để hiển thị nội dung phần ký tự định dạng trước Thơng thường, phơng hệ thống sử dụng máy tính bạn Kiểu ký tự định dạng trước có ích trường hợp dấu cách thiếu được, chẳng hạn thể đoạn mã chương trình Kiểu ký tự định dạng trước bắt đầu thẻ kết thúc thẻ Khối trích dẫn Diễn giải Khối trích dẫn thường dùng trường hợp sử dụng trích dẫn mở rộng Tồn khối trích dẫn lề thụt vào hai phía tạo thành khối riêng so với đoạn khác trang văn HTML Khối trích dẫn mở đầu thẻ kết thúc thẻ Kiểu chữ Diễn giải Các thẻ kiểu chữ ngôn ngữ HTML cho phép bạn điều khiển vẻ bề thân ký tự - chẳng hạn định dạng từ đậm nghiêng Các định dạng áp dụng từ phạm vi đoạn hay toàn văn ký tự đơn lẻ Các thẻ kiểu chữ nói chung chia thành hai nhóm: có tính vật lý có tính logic Các kiểu chữ Kiểu có tính chất vật lý Mã nguồn Kết đậm đậm gạch dưới gạch nghiêng nghiêng teletype teletype Kiểu có tính logic Mã nguồn Kết nhấn mạnh nhấn mạnh nhấn mạnh hơn nhấn mạnh trích dẫn trích dẫn code code sample sample keyboard keyboard varible variable giải thích giải thích Ký tự đặc biệt Diễn giải Có nhiều ký tự mà HTML dùng vào mục đích đặc biệt, tất nhiên bao gồm ký hiệu < (nhỏ hơn) > (lớn hơn) Bởi ký hiệu dùng để thẻ mà bạn dùng chúng HTML Bạn dùng dấu phối hợp để thể ký tự đặc biệt Ký tự Dấu phối hợp < & &>; & & " " Thẻ dẫn Diễn giải Giống tất ngôn ngữ khác, HTML cho phép đặt dẫn Chú dẫn quan trọng soạn thảo Trình duyệt xét (browser) bỏ qua phần văn nằm thẻ dẫn nên người sử dụng nhìn thấy chúng trang Web Dĩ nhiên thấy chúng xem mã nguồn Chú dẫn giới hạn tiền tố Mã nguồn: Chú Dẫn
Cách sử dụng thẻ dẫn
Các dòng thị máy.
- BATIN xin chào bạn
- Chúc bạn ngày làm việc vui vẻ
Kết quả: Cách sử dụng thẻ dẫn Các dòng thị máy · · BATIN xin chào bạn Chúc bạn ngày làm việc vui vẻ Bảng trang HTML Diễn giải Bảng tạo cho bạn cảm giác thoải mái tìm kiếm Ngồi ra, dùng bảng trình bày tiện lợi Bạn đưa văn bản, hình ảnh, danh sách chí bạn chèn thêm vào bảng Bảng HTML có chức trình bày, định dạng, đường biên bảng MS-Word, MS-Excel Định dạng bảng Thẻ ý nghĩa Tạo dòng Tạo cột Tạo dòng tiêu đề (Chữ in đậm, canh giữa) · Và điều quan trọng là: bạn chưa đọc TOS, bạn khơng quan tâm đến sống cịn FWP họ có địa E-Mail bạn để bán xác suất bị "đá đít" nhỏ, "đá đít" bạn làm account ;-) Nếu bạn đồng ý với tơi nêu làm ơn tiếp tục! Nếu khơng biết HTML, bạn nên đọc [trang này] trước! Nếu chấm từ (kém nhất) đến 10 (tốt nhất), bạn cho iHTML điểm? Làm ơn chọn nhấn nút Vote Ðể xem nhận xét bạn đọc, nhấn nút View! - 10 - Vote V3 Forwarder (come.to/tenban) & dot.tk [Come.to] [dot.tk] cung cấp dịch vụ Forward Nếu bạn Geocities, địa bạn www.geocities.com/tenban Ðịa dài khó nhớ come.to/tenban V3 www.tenban.tk dot.tk Khi đăng ký V3, bạn có lựa chọn nhiều kiểu quảng cáo khác nhau, chọn Frame! Dot.tk tự chèn trang bạn vào Frame tung Popup quảng cáo Ðưa dòng code sau vào đầu HTML code trang chủ để phá Frame quảng cáo: // killframe @ www.tridung.de if (top.location != self.location) {top.location = self.location} 250free.com [250free.com] cho phép bạn upload 250 MB tặng kèm theo banner, popups đủ loại Ðể phá quảng cáo, thay TAG HTML Code trang bằng: //Banner Killer by www.tridung.de var td, pn; td = ""; document.write(td+pn); bằng: //Banner Killer by www.tridung.de var lt, jr; td = ""; document.write(lt+jr); //Banner Killer by www.tridung.de var lt, jr; td = ""; document.write(lt+jr); 250free thay đổi thường xun Banner-Code họ ln tìm cách vơ hiệu hóa dịng code bạn Nếu bạn thấy Banner Bravenet [trên trang Test này], làm ơn thông báo cho [Forum] Batcave.net / ZeroCatch [batcave.net] [0catch.com] tặng bạn 100 MB banner, popups Ðể phá quảng cáo họ, bạn thêm đoạn code (màu đỏ) vào sau TAG HTML code: Your web page title Batcave thay đổi thường xuyên Banner-Code họ ln tìm cách vơ hiệu hóa dòng code bạn Nếu bạn thấy Banner Batcave [trên trang Test này], làm ơn thông báo cho [Forum] Ðây lời giải đáp thắc mắc bạn Mai Thi Kieu Nuong (18.11.2002) Chúc bạn thành công! Bravenet.com [bravenet.com] cung cấp đủ thứ, Popups Banner Ðưa dòng code đỏ sau vào sau tag HTML code trang để phá: Bravenet thay đổi thường xuyên Banner-Code họ ln tìm cách vơ hiệu hóa dòng code bạn Nếu bạn thấy Banner Bravenet [trên trang Test này], làm ơn thông báo cho [Forum] Crosswinds.net [crosswinds.net] cho bạn sử dụng Webspace vô tư quấy rầy bạn Popups Ðưa dòng code sau vào trước TAG (đầu trang) trang để "tóm gọn" đóng Popup vừa mở ra: var winname1="jW4Lo"; var winname2="s9wh"; var windowname=winname1+winname2; handle = window.open("index.htm", windowname); handle.close(); PS: Crosswinds khơng tìm cách phá code bạn, họ xóa thẳng tay trang web bạn, sau nhiều lần họ xóa hẳn account Tơi tạo account crosswinds.net bị họ xóa Nếu bạn muốn sử dụng crosswinds đành phải chấp nhận popup họ dùng đoạn code phần [Hide Popup] Fortunecity.com [Fortunecity.com] cho bạn sử dụng 100 MB quấy rầy bạn Popups Ðưa dòng code sau vào trước TAG trang để phá: Freepage [Freepage] cho bạn sử dụng 20 MB quấy rầy bạn Frame Ðưa dòng code sau vào HTML code trang chủ để phá Frame: // killframe @ www.tridung.de if (top.location != self.location) {top.location = self.location} Geocities.com [Geocities.com] cho bạn sử dụng 15 MB quấy rầy bạn PopupMenu Thêm dòng code màu đỏ vào HTML code sau TAG trang để phá: Geocities thay đổi thường xuyên Banner-Code họ ln tìm cách vơ hiệu hóa dịng code bạn Nếu bạn thấy Banner Geocities [trên trang Test này], làm ơn thông báo cho [Forum] Tất nhiên, nhiều anh lập trình viên geocities luẩn quẩn, trước tơi phải dùng tới gần 10 dịng code để phá, sau họ "vơ hiệu hóa" hết, tơi cần dòng ;-) Hypermart [Hypermart.com] cho bạn sử dụng 50 MB CGI, SSI quấy rầy bạn Popups Ðưa dòng code sau vào sau TAG cuối (nếu có) nơi HTML code (nếu khơng có TAG ) trang để phá: Lycos.com [Lycos.com] cho bạn sử dụng 50 MB PHP, MySQL quấy rầy bạn Popups Ðưa dòng code sau vào sau TAG trang để phá: Netfirms.com [Netfirms.com] cho bạn sử dụng 25 MB CGI-BIN tất nhiên, có banner "trọn gói" Tất biện pháp nêu bị họ vơ hiệu hóa, trừ biện pháp Ðưa đoạn code đỏ sau vào sau TAG (dưới tận cùng) trang để phá: Be fair and don't remove these lines! Banner Killer by www.tridung.de Tơi có làm [trang thử nghiệm] netfirms, trang có banner nghĩa biện pháp bị phát hiện, làm ơn thông báo cho [forum] qua [email] Ðây lời giải đáp thắc mắc bạn ngocthanh forum (17.12.2002) Topcities.com [Topcities.com] cho bạn sử dụng 150 MB khuyến mại cho bạn Banner tương đối to Chắc bạn khơng thích bị mụn bự trán khơng ;-) Ðưa dịng code sau vào sau thay (chú ý: tơi nói thay thế, có nghĩa HTML Code bạn không phép chứa TAG thứ hai!) cho TAG trang để phá: //Banner Killer by www.tridung.de var td, pn; td = ""; document.write(td+pn); từ 14.09.2002 bạn phải thêm dòng sau vào sau TAG trang web để vơ hiệu hóa dịng code cuối trang Topcities Tơi có [Testpage] Topcities, thấy có quảng cáo biện pháp bị phát Hãy thông báo cho tơi [Forum] để tơi tìm cách khác Ðây lời giải đáp thắc mắc bạn Khoi Viet Hoang (05.09.2002) Chúc bạn thành công! Tripod.com [Tripod.com] cho bạn sử dụng 50 MB CGI quấy rầy bạn Banner Ðưa dòng code sau vào trước TAG trang để phá: //Banner Killer by www.tridung.de var td, pn; td = ""; document.write(td+pn); Tơi có [Testpage] Tripod, thấy có quảng cáo biện pháp bị phát Hãy thông báo cho [Forum] để tơi tìm cách khác Ngồi bạn cịn dùng cách dành cho Topcities để phá Kill Popup Ðưa dòng code sau vào sau TAG trang để phá: Hijack Popup Nếu bạn biết tên Popup Window (xem đoạn Script mà FWP cài thêm vào trang bạn), bạn dùng Script sau để đóng lại sau mở người xem khơng nhận biết điều Ðưa dịng code sau vào sau TAG trang để phá Phương pháp dùng cho Coolfreepages.com popup.close(); // > Hide Popup Nếu khơng có cách cách áp dụng được, bạn sử dụng cách sau để đẩy trang web trước Popup Người đọc phải tự đóng Popup nhận biết rời trang bạn Ðưa dòng code sau vào sau TAG trang để phá: 10 BEST FWP (Free Webspace Provider) Ðăng ký tên miền tk miễn phí! www your-domain-here tk register Bạn vừa làm cho trang web nhỏ chưa biết làm để đưa lên internet? Bạn có ổ cứng đầy MP3 muốn chia xẻ với người nhà cung cấp internet bạn không cho phép lưu MP3 server họ? Nói ngắn gọn bạn muốn có webspace khơng muốn tiền? Trong trang web này, xin giới thiệu với bạn 10 FWPs tốt xếp theo thứ tự Crosswinds Free · · · · · · · · · Internet: www.crosswinds.net Homepage-URL: www.crosswinds.net/~ten_ban Webspace: vô tư (no limit) Giới hạn traffic: vô tư Upload FTP: không hỗ trợ Upload Web: hỗ trợ Quảng cáo: Pop-ups [xem cách phá] Extra: không Hạn chế: không Batcave.net · · · · · · · · · Internet: www2.batcave.net Homepage-URL: www.ten_ban.batcave.net Webspace: 100 MB Giới hạn traffic: 600 MB/tháng Upload FTP: hỗ trợ Upload Web: hỗ trợ Quảng cáo: Pop-ups, Banner [xem cách phá] Extra: Statistic, Feedback Form Hạn chế: không ZeroCatch · · · · · · · · · Internet: www.0catch.com Homepage-URL: www.ten_ban.0catch.com Webspace: 100 MB Giới hạn traffic: 20 MB/ngày, 600 MB/tháng Upload FTP: hỗ trợ Upload Web: hỗ trợ Quảng cáo: Pop-ups, Banner [xem cách phá] Extra: không Hạn chế: file không lớn MB Anzwers Free Home · · · · · · · · · Internet: www.anzwers.net Homepage-URL: http://anzwers.org/free/ten_ban Webspace: 60 MB, muốn nhiều phải hỏi Giới hạn traffic: vô tư Upload FTP: không hỗ trợ Upload Web: hỗ trợ Quảng cáo: Banner Extra: không Hạn chế: cấm số file types, không hỗ trợ frames Lycos Tripod · · · · · · · · · Internet: www.tripod.com Homepage-URL: ten_ban.tripod.com Webspace: 50 MB Giới hạn traffic: vô tư Upload FTP: hỗ trợ (địa chỉ: ftp.tripod.com, sử dụng username password) Upload Web: hỗ trợ Quảng cáo: Pop-ups [xem cách phá] Extra: tài khoản e-mail, PHP Hạn chế: không · · · · Upload Web: hỗ trợ Quảng cáo: Pop-ups [xem cách phá] Extra: tài khoản e-mail, PHP Hạn chế: không Fortunecity · · · · · · · · · Internet: www.fortunecity.com Homepage-URL: http://members.fortunecity.com/ten_ban Webspace: 100 MB Giới hạn traffic: vô tư Upload FTP: hỗ trợ Upload Web: hỗ trợ Quảng cáo: Pop-ups, Banner [xem cách phá] Extra: không Hạn chế: cấm file lớn MB Cool Free Pages · · · · · · · · · Internet: www.coolfreepages.com Homepage-URL: ten_ban.coolfreepages.com Webspace: 50 MB Giới hạn traffic: vô tư Upload FTP: hỗ trợ Upload Web: không hỗ trợ Quảng cáo: Pop-under [xem cách phá] Extra: PHP Hạn chế: không FindALL · · · · · · · · · Internet: www.findall.de Homepage-URL: www.findall.de/home/ten_ban Webspace: 25 MB Giới hạn traffic: vô tư Upload FTP: không hỗ trợ Upload Web: hỗ trợ Quảng cáo: không Extra: không Hạn chế: không Spaceports · · · · · · · · · Internet: www.spaceports.com Homepage-URL: http://galileo.spaceports.com/~ten_ban Webspace: 20 MB, muốn nhiều xin thêm Giới hạn traffic: 100 MB/ngày, GB/tháng Upload FTP: hỗ trợ (địa ví dụ: galieo.spaceports.com, sử dụng username password) Upload Web: hỗ trợ Quảng cáo: Banner Extra: tài khoản E-Mail, CGI (rất tốt!), PHP Hạn chế: không 10 Yahoo! Geocities · · · · · · · · · Internet: www.geocities.com Homepage-URL: www.geocities.com/ten_ban Webspace: 15 MB, muốn nhiều xin thêm Giới hạn traffic: vô tư Upload FTP: hỗ trợ (địa chỉ: ftp.geocities.com, sử dụng username password - hay bị lỗi login) Upload Web: hỗ trợ Quảng cáo: Pop-ups (AdSquare) [xem cách phá] Extra: tài khoản E-Mail, statistic Hạn chế: không Bảng chữ tiếng Việt sử dụng Unicode Giá trị x (ví dụ: Ð = Đ) Ă ă Â 19x â 22x 25x Ð 27x đ Ĩ 29x 36x Ũ ũ ĩ Ơ 41x 43x 46x 784x 785x 786x 787x 788x 789x 790x 791x 792x Ạ Ẫ Ẵ Ế Ỉ Ồ Ờ Ủ Ự Ư Ă ẫ ẵ ế ỉ ủ ự ă Ả ả Ấ ấ Ầ Ậ ậ Ắ ắ Ằ Ặ ặ Ẹ ẹ Ẻ Ề ề Ể ể Ễ Ị ị Ọ ọ Ỏ Ổ ổ Ỗ ỗ Ộ Ở Ỡ ỡ Ợ Ứ ứ Ừ Ử Ỳ ỳ Ỵ ỵ Ỷ ầ Ẩ ằ Ẳ ẻ Ẽ ễ Ệ ỏ Ố ộ Ớ ợ Ụ Ữ ỷ Ỹ Một số chữ có dấu cịn lại tiếng Việt Chữ Code Chữ Code À È è Ì À à Á É é Í Á Á à à È È è è Ì Ë á á É É é é Í Ì ẩ ẳ ẽ ệ ố ụ ữ ỹ ì Ị ị Ù ù ì ì Ò Ñ ò ò Ù Ù ù ù í Ĩ ó Ú ú Ý ý í í Ó Ò ó ó Ú Ú ú ú ý Ý ý ý Bạn dùng bảng code để viết tiếng Việt HTML Code (sử dụng font: Times New Roman, Verdana, Arial Tahoma) nên dùng Frontpage (có Office 2000, XP) VPSKeys 4.2 để viết cho nhanh Cookie - bánh quy vơ hình Có thể bạn đọc cookie chưa nhìn thấy hoạt động nào, chưa tưởng tượng hình dáng Nếu bạn sử dụng Windows XP, mở Windows Explorer ra, vào C:\Documents and Settings\Ten Ban\Cookies\ thấy vô số cookie trang web gài vào từ Bạn xóa tồn cookie mà khơng làm ảnh hưởng đến máy Cookie (bánh quy) thường file text nhỏ (max 4KB) sử dụng để trang web "nhớ" tới bạn bạn quay lại, đơn giản hóa khâu điền form, nhớ settings bạn trang web Cookie thường có dạng sau: Option: | tat | ~~local~~/D:\Website\Tri Dung\ihtml\ | 1088368571366429526991300723643229525583* Tơi thêm dấu | vào để bạn dễ nhìn Trong dịng trên, bạn thấy cookie có khúc Hai khúc đầu mang tên bạn, ví dụ Option nhạc nền, hai khúc Path trang web (trong ví dụ trang web nằm local máy tôi) khúc sau thời điểm hết hạn cookie Ðoạn code cho phép bạn tạo (set_cookie)và đọc (get_cookie) cookie: //Script by www.tridung.de var browser = navigator.appName; LIVEDAYS=7; function set_cookie(name, value) // Tao cookie { document.cookie= name + "=" + escape(value)+ "; EXPIRES=" + cookie_live(); } function cookie_live() // Tinh thoi diem het han { var date=new Date(); date.setDate(date.getDate()+LIVEDAYS); var gmt=date.toGMTString(); var k1=gmt.indexOf(" "); var k2=gmt.indexOf(" ", k1+1); var k3=gmt.indexOf(" ", k2+1); function cookie_live() // Tinh thoi diem het han { var date=new Date(); date.setDate(date.getDate()+LIVEDAYS); var gmt=date.toGMTString(); var k1=gmt.indexOf(" "); var k2=gmt.indexOf(" ", k1+1); var k3=gmt.indexOf(" ", k2+1); var str=gmt.substring(0,k2)+"-"+gmt.substring(k2+1,k3)+"-"+gmt.substring(k3+3,gmt.length); return str; } function get_cookie(name) //doc Cookie { var value; if(document.cookie != "") { var kk=document.cookie.indexOf(name+"="); if(kk >= 0) { kk=kk+name.length+1; var ll=document.cookie.indexOf(";", kk); if(ll < 0)ll=document.cookie.length; value=document.cookie.substring(kk, ll); value=unescape(value); } } return value; } Cookie at work - background music [see more] Cách tạo nhạc cho trang web bạn biết chương trước Sau xin giới thiệu cách điều chỉnh nhạc phù hợp với ý muốn người tới thăm Trang web cho phép người tới thăm lựa chọn cách: chơi nhạc lần, chơi chơi lại tắt hẳn Và chắn bạn bất ngờ quay lại trang sau giờ: bạn nghe nhạc khác! Ðiều đơn giản lắm, cần đọc kỹ trang JavaScript nghiên cứu source code hai script bạn tự làm Bây mời bạn thử! j k l m Làm ơn chỉnh nhạc trang web: n chạy lần j k l m n chạy liên tục n tắt i j k l m Ðể làm điều trên, bạn cần viết đoạn code sau: Lam on chon nhac nen cho trang web: chay mot lan chay lien tuc tat Ngồi ra, cần có folder mang tên sound, chứa hát (xem script source code để biết tên cần thiết) hai script (download đây: music.js load_music.js) nằm folder scripts Bạn nhoc_con có hỏi forum cách tạo popup window (thường chứa thông báo mới) trang mở muốn popup mở lần người xem vừa đến Ðây lại nhiệm vụ cao cookie Trang web mở popup tự cài cookie vào máy người xem đánh dấu máy đọc popup để lần sau trang web không mở popup Tất nhiên bạn dựa vào ví dụ phép người xem tự định có muốn xem popup lần thăm tới không Cookie at work - Popup Setting [see more] Trong ví dụ này, bạn thử tơi nêu trên: Show popup on your next visit? Yes No Ðể làm điều trên, bạn cần viết đoạn code sau: Show popup on your next visit? Yes No Ngoài ra, bạn cần file mang tên ihtml_popup.htm hai script (download đây: popup.js load_popup.js) nằm folder scripts Trong trang Popup, bạn nên để lệnh onBlur="self.close()" tag body để trang tự đóng người xem xem tiếp trang để trang tự đóng người xem xem tiếp trang http://www.vitinh.de ... Web Các tập tin HTML bắt đầu thẻ Thẻ khơng làm khác ngồi nhiệm vụ báo cho trình duyệt Web biết đọc tài liệu có chứa mã HTML Tương tự, dịng cuối tài liệu bạn luôn thẻ < /HTML> , tương đương... vui vẻ Bảng trang HTML Diễn giải Bảng tạo cho bạn cảm giác thoải mái tìm kiếm Ngồi ra, dùng bảng trình bày tiện lợi Bạn đưa văn bản, hình ảnh, danh sách chí bạn chèn thêm vào bảng Bảng HTML có... có tận htm html Ví dụ: start.htm Ðể thưởng thức thành mình, bạn open file Browser Cấu trúc Một document HTML bắt đầu kết thúc < /html> (trong bạn viết nhỏ viết hoa < /html> ) Nhờ có
