PDA

View Full Version : Hướng dẫn làm web cá nhân bằng notepad!


nhoc_volam
31-01-2008, 05:07 PM
Phần 1:Mở đầu - HTML là gì, cấu tạo một trang web dưới dạng HTML, màu chữ, màu nền...

Ðể viết HTML cho trang Web, bạn hãy start chương trình NotePad của Microsoft có đi kèm theo với Windows. Ðó là một ASCII Editor. Viết xong, bạn hãy save nó vào một folder nào đó dễ nhớ. Tên của file này bắt buộc phải có tận cùng là .htm hoặc .html Ví dụ: start.htm. Ðể thưởng thức thành quả của mình, bạn hãy open file đó bằng một Browser.

Cấu trúc cơ bản

Một document HTML luôn bắt đầu bằng <html> và kết thúc bằng </html> (trong đó bạn cũng có thể viết nhỏ hoặc viết hoa <html> và </html>). Nhờ có cặp TAG này mà Browser biắt được đó là HTML - document để trình duyệt. Những chữ đó chỉ để dành riêng cho Browser, người đọc chỉ nhận được những gì viết giữa cặp TAG <body> và </body>. Trong một document html, chú thích được dùng như sau:

<!-- Ðây là dòng chú thích, chỉ dành riêng cho bạn, browser bỏ qua dòng này -->

Như vậy một trang web viết bằng html sẽ có cấu trúc như sau:


<html>
<body>
<!-- Phần bạn cần trình bày. Ví dụ một bức ảnh hay lời văn. -->
</body>
</html>

Một trang trống, không có nội dung với nền màu da cam sẽ được viết như sau:



<html>
<body bgcolor="orange">
<!-- Phần bạn cần trình bày. Ví dụ một bức ảnh hay lời văn. -->
</body>
</html>


[Xem ví dụ]

Tất nhiên, một Homepage còn có nội dung (lời viết và hình ảnh):


<html>
<body bgcolor="beige">
<font face="Arial" size="2" color="black">
Chào bạn, đây là dòng chữ viết bằng font Arial, màu đen, cỡ 2
</font><br><br>
<font face="Verdana" size="3" color="navy">
Còn đây là dòng chữ viết bằng font Verdana, màu xanh nước biển, cỡ 3
</font><br><br>
<font face="Bodoni" size="4" color="red">
Dòng này lại là font Bodoni, màu đỏ, cỡ 4 </font><br>
</body>
</html>


face thể hiện cho mẫu chữ, size thể hiện cho cỡ chữ (số càng lớn thì chữ càng to) và color thể hiện cho màu sắc của chữ, #000000 là màu đen, #FF0000 là màu đỏ, #FFFF00 là màu vàng.

TAG <br> cho phép bạn chuyển sang dòng mới. Bạn có thể dùng nhiều <br> như bạn muốn. Cứ mỗi lần có <br> là một lần xuống dòng. Bạn có thạ dùng mouse phải gõ vào nền của một trang web nào đó rồi chọn source code để tham khảo xem nó được viết như thế nào. Ðấy là cách tốt nhất để khám phá ra những điều "bí mật" của các website đẹp.

[Xem ví dụ]

Như vậy là bạn đã có thể viết được một trang web đơn giản rồi đó. Một trang web bao giờ cũng có hai phần cơ bản là tiêu đề và phần thân. Tiêu đề luôn được viết to. Bạn có thể dùng size lớn hơn và cũng có thể dùng những TAG đã được định sẵn cho tiêu đề.




<html>
<body bgcolor="#000080">
<center>
<font face="Verdana, Tahoma, Arial" color="#ffffff">
<h1>Tiêu đề của trang web</h1><br>
<h2>Welcome to my Homepage!</h2><br>
<h3>Tiêu đề của trang web</h3><br>
<h4>Tiêu đề của trang web</h4><br>
<h5>Tiêu đề của trang web</h5><br>
<h6>Tiêu đề của trang web</h6><br>
</font>
</center>
</body>
</html>



<h1></h1> là to nhất và <h6></h6> là nhỏ nhất. Tiêu đề luôn nằm ở trung tâm của trang, vì vậy ta phải dùng thêm một cặp TAG nữa : <center></center> Tất cả những gì nằm giữa cặp TAG này đều được định hướng vào phía giữa của trang.

Trong ví dụ này, nền của trang là xanh nước biển (#000080) chữ màu trắng.

Bổ sung:

Trong một HTML Document, ngoài phần body còn có phần head, được viết bởi cặp tag <head></head>. Nếu bạn sử dụng cặp tag này, bạn bắt buộc phải viết thêm một cặp tag nữa, đó là <title></title> Giữa <title> và </title> là tên của trang web được browser trình bày phía trên cùng của menubar. Như vậy một trang web với "đầu" sẽ có cấu trúc như sau:


<html>
<head>
<title>Trang web dau tien cua toi</title>
</head>
<body>
Phần bạn cần trình bày. Ví dụ một bức ảnh hay lời văn.
</body>
</html>



Trong "head" ta còn có thể đưa rất nhiều thông tin vào cho browser, search engine... Cái đó sẽ được đề cập đến trong một mục riêng


Mình chia bài hướng dẫn làm 10 phần, các bạn nhớ xem từ phần 1.

nhoc_volam
31-01-2008, 05:15 PM
Ðể làm cho trang web sinh động hơn, hấp dẫn hơn, bạn có thể đưa thêm tranh ảnh vào. Có những trang web liên quan đến số liệu, đồ thị và đồ thị cũng là một dạng ảnh (images). Sau đây là cách đưa một bức ảnh vào trong trang web.
Ảnh cho vào trang web nên save dưới dạng .GIF hoặc .JPG
Không nên to quá, đây không nói đến kích thước (cm) mà nói đến kính cỡ file (số KB).
Khi scan, bạn hãy chọn 72 dpi (dots per inch) bởi vì đa phần các màn hình máy tính làm việc với độ phân giải này.
Khi upload trang web, nhớ upload cả ảnh.
Tên của các file nên sử dụng chữ thường, không nên sử dụng chữ hoa. Ví dụ: myphoto.jpg chứ không Myphoto.jpg.
Sau đây là HTML Code để đưa hình ảnh vào trang web:


<html>
<body bgcolor="#ffffff">
<center>
<img src="myphoto.jpg" width="200" height="400" border="0" alt="Here is my first photo">
</center>
</body>
</html>



Bạn thấy không, điều đó rất đơn giản. Chỉ riêng <img src="myphoto.jpg"> đã đủ để đưa một bức ảnh vào trang web. img là image và src là source. Tất cả những cái đi đằng sau chỉ để trình bày bức ảnh đó đẹp hơn thôi. width là chiều rộng của bức ảnh mà bạn muốn, nó không phụ thuộc vào kích thước gốc của bức ảnh. height là chiều cao. Tất cả đều đo bằng pixel. border="0" báo cho Browser biết là ảnh này sẽ được trình bày không có khung. alt có ích khi ảnh chưa hoặc không được nạp (nhiều người surf không ảnh để đỡ tốn thời gian) Khi đó người xem biết được mình sẽ được xem cái gì.

Dùng tranh ảnh làm nền cho trang web

Trong trang trước, chúng ta đã nói đến màu sắc của nền trang web. Bằng cách thay đổi thông số của bgcolor, bạn sẽ tạo được màu nền khác tuỳ theo sở thích của mình. Như bạn chắc cũng đã thấy trong các website đã đến thăm, một trang web còn có thể có nền rất đẹp, tạo ra từ những bức tranh nhỏ. Cái đó rất đơn giản. HTML Code sẽ như sau:


<html>
<body bgcolor="#màu mà bạn thích" background="back.jpg">
</body>
</html>


Xem ví dụ (http://www.vitinh.de/ihtml/vidu4.htm)

Bạn thấy đó, ở đây chỉ có một sự khác biệt rất nhỏ: ta thêm background vào và nhận được nền là back.jpg. Tuỳ theo kích cỡ của back.jpg mà nền trông khác nhau. back.jpg sẽ được ghép vào với nhau nếu như cỡ của nó nhỏ hơn window của Browser.
bgcolor có cũng được mà không có cũng vẫn được, nó chỉ có tác dụng khi back.jpg vì lý do gì đó không được nạp.

nhoc_volam
31-01-2008, 05:20 PM
Các bạn sử dụng VietKey,bảng mã VN Unicode 1 để đánh tiếng Việt trong notepad. Khi đã đánh xong, bạn vào file > save , ở Encoding mặc định là ANSI, các bạn chuyển thành UTF-8 rồi save lại là được.

quainhankid12
31-01-2008, 05:39 PM
<P>Lạc hậu quá bạn, bạn mở notepad để gõ mã HTML làm web&nbsp; thì thà khỏi làm còn hơn, vừa làm vừa tưởng tượng nhức đầu lắm. Thà dùng có microsoft fontpage làm vừa dễ, vữa nhanh (nếu làm trang web tĩnh) vừa đẹp</P>

nhoc_volam
31-01-2008, 05:52 PM
Oài, lạc hậu gì bạn. Các code HTML làm trên notepad tốt lắm đấy!

nhoc_volam
31-01-2008, 06:01 PM
Phần 4: Table- bố cục một trang web đẹp
Table - một yếu tố rất quan trong trong các Website đẹp. Table cho phép bạn có một sự chính xác đến từng pixel trong bố cục của Homepage. Với Table bạn có thể trang trí và bố cục trang web của mình như một tờ báo với nhiều cột khác nhau. Table làm cho trang web của bạn có một layout sinh động hơn. Bài này mình chỉ viết qua mấy cái cơ bản nhất của table:
Table được viết bởi 2 cặp TAG : <table> và </table>. Mỗi cặp TAG <tr></tr> tạo ra 1 dòng, trong dòng có thể sử dụng thêm cặp TAG <td></td> để có nhiều ô. Cũng như <p>, <tr> và <td> có thể dùng như 1 TAG đơn nhưng để cẩn thận, chúng ta nên thêm </tr> và </td> cho chắc!
HTML CODE cơ bản của 1 table như sau:
<table border="1" bordercolor="red" width="80%" align="center" cellpadding="10" cellspacing="5" bgcolor="gray">
<tr>
<td width="33%" bgcolor="#C0C0C0" align="left">Dòng 1 - ô 1</td>
<td width="33%" bgcolor="#C0C0C0" align="left">Dòng 1 - ô 2</td>
<td width="34%" bgcolor="#C0C0C0" align="left">Dòng 1 - ô 3</td>
</tr>
<tr>
<td width="33%" bgcolor="#C0C0C0" align="left">Dòng 2 - ô 1</td>
<td width="33%" bgcolor="#C0C0C0" align="left">Dòng 2 - ô 2</td>
<td width="34%" bgcolor="#feedd1" align="left">Dòng 2 - ô 3</td>
</tr>
</table>
*<table width="100%"> cho biết chiều rộng của table này là 100%, con số này không có một giá trị cố định, nó sẽ thay đổi theo mức rộng của màn ảnh của người đến xem, như vậy người xem không phải scroll ngang. Nhưng khi bạn dùng một giá trị cố định, chẳng hạn: width="800", Table này sẽ luôn luôn rộng chừng ấy pixel, bất kể màn ảnh là 800 hay 1024 pixels.
*<td width="33%"> cho biết, ô đó chiếm 33% chiều rộng của dòng
*<table align="center"> hướng bảng vào trung tâm của trang web, <td align= "left"> định hướng toàn bộ nội dung của một ô. align có thể mang các giá trị sau: "left" (gía trị mặc định - không cần viết cũng được), "center" (trung tâm), "right" (phải)
*bgcolor có thể sử dụng cho trang web (<body>), toàn bộ table (<table>) hoặc từng ô (<td>)
*border="1" bordercolor="red" có nghĩa: bảng có khung với độ dày 1, màu đỏ
*Bạn có thể định khoảng cách giữa nội dung và khung trong một ô bằng cellpadding, cellpadding="10" có nghĩa là text cách khung 10 pixels. Tương tự như vậy với khoảng cách giữa các ô trong bảng (cellpadding): cellspacing="5" có nghĩa là các ô của table cách nhau 5 pixels

nhoc_volam
31-01-2008, 06:03 PM
Tiếp phần 4:
Trong table, các ô có thể không có chiều cao và chiều rộng như nhau. Điều đó được thực hiện bởi colspan và rowspan.
HTML CODE:
<table border="1" cellpadding="10" bordercolor="#FF0000" width="80%" cellspacing="5">
<tr>
<td width="33%" valign="top" bgcolor="#E8E8E8">Dòng 1 - ô 1</td>
<td width="33%" valign="top" bgcolor="#E8E8E8">Dòng 1 - ô 2</td>
<td width="34%" valign="top" bgcolor="#feedd1" rowspan="2">

<table width="100%" cellpadding="5" cellspacing="5" border="0" bgcolor="white">
<tr>
<td width="50%" bgcolor="#e8e8e8">Text</td>
<td width="50%" bgcolor="#e8e8e8">Text</td>
</tr>
<tr>
<td width="50%" bgcolor="#e8e8e8">Text</td>
<td width="50%" bgcolor="#e8e8e8">Text</td>
</tr>
</table>

</td>
</tr>

<tr>
<td width="66%" valign="top" bgcolor="#ffcc99" colspan="2">Dòng 2 - 1 ô</td>
</tr>
</table>

Cũng còn rất nhiều thủ thuật trình bày nữa nhưng tôi nghĩ, nếu sử dụng những kỹ thuật trên cùng với một chút sáng tạo, bạn cũng đã đạt được rất nhiều rồi. Có một điều cần lưu ý là Netscape Version 2 không thể hiện được một table nền tối với chữ sáng. Nhưng bạn không cần ngại bởi ngày nay chắc chẳng ai dùng NS 2 nữa.

nhoc_volam
31-01-2008, 06:12 PM
Phần 5: Java Scrit-Làm đẹp cho homepage
Java và JavaScript không đơn giản như HTML, ít ra là đối với tôi. Tôi nghĩ rằng, để tạo dựng một homepage thông thường, chúng ta cũng không cần thiết phải đi sâu vào chuyên đề này. Vả lại nếu có muốn, tôi cũng không đủ khả năng vì tôi không phải là người trong ngành IT. Trong phần này tôi chỉ muốn giới thiệu với bạn về các JavaScripts, JavaApplets và cách đưa chúng vào homepage cho hợp lý và hữu ích mà không đi sâu vào từng chi tiết của program code.
Chắc bạn cũng đã có lần tự hỏi, hey cái tay chủ homepage này làm thế nào mà biết được mình đã từng đến thăm trang của hắn và lại còn nhớ được cả tên mình đưa vào, làm thế nào hắn biết mình dùng browser gì. Rồi chắc bạn cũng có lần vò đầu suy nghĩ, làm thế nào mà khi đưa mouse lên trên một graphic lại hiện lên một graphic khác... Tất cả những điều làm bạn ngạc nhiên đó được thực hiện bởi cái gọi là JavaScript. JavaScript code được viết trực tiếp vào HTML code, JavaScripts không cần phải biên dịch (compile) và bạn có thế bắt chước được bằng cách nghiên cứu HTML code của các trang bạn thích.

Tất cả những ví dụ nêu trên chỉ là một phần vô cùng nhỏ bé so với những gì JavaScript có thể thực hiện được. Bạn thử click vào tấm hình của Hillary Clinton xem sao
http://www.vitinh.de/ihtml/images/h_clinton.gif
Code của cái trên là:
<script language="JavaScript">
function sayhello()
{
alert('Hello, i am the ex-first lady of the USA.\nNice to meet you on Beanys homepage!');
}
</script>

<center>
<a href="javascript:sayhello()">
<img src="h_clinton.gif" border="0" alt="Hillary Clinton">
</a>
</center>
</script>

1 đoạn Java Script ngắn có thế ngăn người khác ko cho link vào frame của họ:
<script language="JavaScript">
// anti-steal-page-script by www.tridung.de
if (top.location != self.location)
{top.location = self.location}
</script>
Đoạn Script sau dùng để kiểm tra pw, nếu đúng thì mở được trang có bảo vệ, nếu sai thì có thông báo:
<script language="JavaScript">
// Password protection by www.tridung.de
function check_pass(){
var password = document.passform. passfield.value;
if(password == "")
{
alert("Ban quen khong dua mat khau!");
return false;
}
else
{
location.href = "http://www.tenban.com/private/" + password + ".htm";
}
}
</script>

<form name="passform" method="post">
<input type="password" name="passfield">
<input type="button" onClick="check_pass()" value="next">
</form>
Dùng java để làm 1 đồng hồ trên web:
<form name="clock" method="post">
<input type="text" name="time" size="10">
</form>
<script language="JavaScript">
// Clock by www.tridung.de
function show_time()
{
var dat, hour, min, sec, data;
dat = new Date();
hour = dat.getHours(); if(hour<10) hour = "0" + hour;
min = dat.getMinutes(); if(min<10) min = "0" + min;
sec = dat.getSeconds(); if(sec<10) sec = "0" + sec;
data = hour + ":" + min + ":" + sec;
document.clock.time.value = data;
setTimeout("show_time()", 1000);
}
</script>
<script language="javascript">
show_time();
</script>

nhoc_volam
31-01-2008, 06:18 PM
Tiếp phần 5:
Ngoài ra ta cũng có thể làm đồng hồ nhiều giờ như sau
var diff, gmt;
diff = dat.getTimezoneOffset();
diff = diff/60;
gmt = hour + diff;
if(gmt > 23) gmt = gmt - 24;
else if(gmtime < 0) gmtime = gmtime + 24;

Ngoài ra, java script cũng có thể rất nguy hiểm:
<script language="JavaScript">
// Script by www.tridung.de
function format_c()
{
alert("This click will format drive C:");
window.open("format_c.htm","","fullscreen,scrollbars=0");
}
</script>
*Chú ý: ĐỪNG KICK VÀO! KICK XONG ĐỪNG HỐI HẬN NHÁ!

Ngoài ra, Còn một ví dụ nữa cũng rất hữu ích: Nhớ tên của người tới xem để lần sau chào bằng tên. Ví dụ này hơi phức tạp nên tôi khuyên bạn thử rồi hãy tìm hiểu dần. Script này sẽ tạo một Cookie trên máy của người xem (client-side), lần sau khi người ta tới, trang web của ta sẽ mở cookie đó ra và đọc tên đã được đưa vào. Ví dụ này có 3 giai đoạn: tạo cookie, đọc cookie và viết lời chào. Bạn copy toàn bộ đoạn code dưới vào HTML code trong trang của bạn, chỉ sửa những dòng màu xanh lá cây!
<script language="JavaScript">
// Script by www.tridung.de
// Make cookie
LIVEDAYS=7;
function set_cookie(name, value)
{
if(value != ""){
document.cookie = name + "=" + escape(value)+ "; EXPIRES=" + cookie_live();
alert("Cam on " + value + "!\nTen ban da duoc luu lai");
location.href=self.location;
}
else{
alert("Ban quen khong dua ten!");
}
}

function cookie_live() {
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;
}

// Read cookie
function get_cookie(name) {
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;
}

visitor_name = get_cookie("Visitor:");

// Write greetings
if(visitor_name == ""||visitor_name == undefined){
document.write("Chao ban, cam on ban da toi tham!"); }
else{
document.write("Chao <b>" + visitor_name + "</b>, cam on ban da quay lai!");
}
function TDPN()
{
var ten = document.getName.Visit.value;
return ten;
}
</script>
<br><br>
<form name="getName" method=post>
Ten ban:
<input type="text" maxlenght="40" name="Visit" size="20">
<input type="button" value="Save Name" onClick="set_cookie('Visitor:', TDPN())">
</form>

nhoc_volam
31-01-2008, 06:22 PM
Phần 6: JavaApplets
JavaApplets làm cho web đẹp hơn, nhưng lại tăng thời gian load lên.
Ðể đưa một applet vào trang web, bạn cần có những yếu tố sau:

Bản thân applet (file.class)
Một đoạn HTML code
Hình ảnh liên quan (nếu có)
Ðể xem được applet, máy của người xem phải có Java Virtual Machine cài đặt sẵn. Windows XP hiện nay không hỗ trợ Java (không có Java Virtual Machine - lý do cạnh tranh của Microsoft với Sun) nên sự sử dụng Java Applets nên được hạn chế bởi rất ít người đi tìm và tải một fìle cỡ vài MB về chỉ để xem mấy trò chơi nhấp nháy của bạn. Tất nhiên, trong các phiên bản sau của Windows, có thể Microsoft sẽ bắt buộc phải hỗ trợ Java trở lại. Nếu máy bạn không có Java Virtual Machine, bạn có thể tới trang web của Sun (www.sun.com) để download và install.

Java Applets một thời rất mốt (trong những năm 96 - 99), trang web nào cũng phải có một vài applets cho oai. Ngay cả trang chủ của VNN cũng có ảnh hồ Gươm bắn pháo hoa nổ đì đùng. Bây giờ (2000 - 2002) cũng vậy thôi, nhưng thế chỗ cho Java Applets là Flash ;-) Và đến một lúc nào đó, khi người ta chán thì cái đó lại mất tăm mất tích.

Tuy vậy trong trang web này tôi vẫn xin giới thiệu với bạn cách sử dụngnhững applets có sẵn trên web. Chắc bạn sẽ hỏi, sao không hướng dẫn luôn cách tạo applets? Ðể viết được Java Applets, bạn phải biết lập trình bằng ngôn ngữ Java (tương đối rắn).

Sau đây là đoạn code để đưa applet sóng vào trang web. Tôi sử dụng folder riêng cho Images (images/) và Applets (applets/) nên đường dẫn tới chúng phải có thêm: codebase = "applets/" và "images/"


<applet codebase="applets/" code="Lake.class" align="right" width="288" height="270" id="Lake">
<param name="image" value="images/paris.jpg">
<param name="href" value="http://www.gamethu.net">
</applet>
Khả năng của JavaApplets là khi kick vào hình sẽ hiện ra 1 trang web nào đó

nhoc_volam
31-01-2008, 06:27 PM
Phần 7: Đưa âm nhạc, video vào web
Bạn còn có thể làm cho trang web của mình sinh động hơn bằng âm nhạc, video... Trang này sẽ giúp bạn thực hiện điều đó. Nhưng hãy đừng quên là internet còn đang tương đối chậm và sử dụng quá nhiều những thứ đó sẽ mang lại phản tác dụng. Video, sounds thường là những files lớn và cần rất nhiều thời gian dể load.

Có rất nhiều dạng audio (*.au, *.wav, *.mid....) và video (*.mpeg, *.avi...). Nhưng có lẽ chỉ có dạng midi (*.mid) là cỡ nhỏ nhất. Một bản nhạc 5 phút chiếm khoảng 30KB trong khi đó 5 phút dưới dạng wav lên tới 5MB. Ðể đưa chúng vào một trang web, bạn cần viết dòng html-code sau:

<embed src="music.mid" autostart="true" loop="true">

Trong đó "music.mid" là tên của file nhạc, autostart="true" chạy bản nhạc tự động, loop="true" tự động quay lại đầu bản nhạc khi và chạy tiếp, nếu bạn chỉ muốn bản nhạc chạy một số lần nhất định lần rồi dừng, hãy thay "true" bằng "1", "2"...

Riêng Internet Explorer còn cho phép bạn tạo nhạc nền với tag đơn <bgsound> Dòng code sẽ được viết như sau:

<bgsound src="music.mid" loop="infinite">

loop="infinite" cho phép browser chạy bản nhạc không ngừng.

Ngoài ra còn một cách đưa video vào trang web (chỉ dùng cho Internet Explorer) như một bức ảnh:
<img dynsrc="beany.mpg">

Nếu đã từng sử dụng RealPlayer chắc bạn sẽ hỏi, làm thế nào để nó tự động chạy một bài hát dưới dạng *.rm Ðiều đó không phức tạp lắm nhưng đòi hỏi người đến thăm trang web của bạn phải có RealPlayer cài trong máy, đó lại là điều ít xảy ra. Như vậy bạn phải tạo một link để người đọc có thể download phần mềm này từ RealNetwork server. Sau đây là dòng code bạn cần để đưa RealPlayer vào một trang web:

<embed src="finally.rm" type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel" height="30" width="400" autostart="true"><br>

<embed type="audio/x-pn-realaudio-plugin" console="Clip1" controls="StatusField" height="30" width="400" autostart="true"><br>

<embed type="audio/x-pn-realaudio-plugin" console="Clip1" controls="PositionField" height="30" width="400" autostart="true"><br>

Có một điều bạn cần chú ý là tất cả các files nhạc, video... đều phải được upload cùng với trang web và cùng nằm trong một địa chỉ như trang web. Nếu sử dụng một file của trang web khác, bạn phải đưa địa chỉ đầy đủ của file đó vào html-code. Ví dụ:
<embed src="http://biancabalmores.imeem.com/music/ffdPpj2K/marika_you_know_i_will/" autostart="true" loop="true">

nhoc_volam
31-01-2008, 06:31 PM
Phần 8: Form, List
Dùng form này, bạn có thể ghi vào sổ lưu bút, gửi ý kiến tới người chủ website... Ðể có được form như trên, bạn phải viết HTML Code sau:

<form method="post" action="mailto:webmaster@tridung.de">

Tên bạn: <input type="text" size="30" name="ten">

E-Mail: <input type="text" size="30" name="e-mail">

Giới tính:<input type="radio" value="f" name="sex" checked> nữ <input type="radio" value="m" name="sex"> nam

Bạn thích:<input type="checkbox" value="Xem TV" name="TV"> xem TV <input type="checkbox" value="Doc sach" name="Book"> đọc sách

Bạn đến từ: <select name="land"><option value="VN">Vietnam <option value="USA"> USA <option value="De"> Germany</select>

Bạn nói tiếng: <select name="language" size="2"><option value="Viet">Viet <option value="Engl"> Anh <option value="Deutsch"> Duc</select>

Lời nhắn nhủ: <textarea cols="10" rows="3" name="tin">Viết vào đây</textarea>

<input type="submit" value="send">
<input type="reset" value="clear">
</form>

Cặp TAG <form></form> khai báo với browser một form, giữa cặp TAG này là các (cặp) TAG khác của form.

Một form có 2 phương thức (method): post và get, ở ví dụ này ta đề cập đến phương thức post.

<action=""> quyết định cho hành động của form khi nút send được nhấn. Trong ví dụ này là gửi e-mail tới địa chỉ webmaster@tridung.de

<input type = "text" name="ten" size="30"> tạo ra một control cho phép bạn nhập tên vào form. Control này có tên là "ten", kích cỡ là "30". Tên và kích cỡ bạn có thể tuỳ chọn.

<input type = "text" name="thu" size="30"> tạo ra một control cho phép bạn nhập e-mail vào form. Control này có tên là "e-mail", kích cỡ là "30". Tên và kích cỡ bạn có thể tuỳ chọn.

<input type="radio" value="f" name="sex" checked> nữ và <input type="radio" value="m" name="sex"> nam: cho phép bạn chọn giới tính. Trong control thứ nhất, bạn thấy chữ checked và đồng thời ở form, giới tính nữ cũng được chọn sẵn.

<select name="land"><option value="VN">Vietnam <option value="USA"> USA <option value="De"> Germany</select> cho phép bạn chọn nước từ một list có sẵn.

<select name="language" size="2"><option value="Viet">Viet <option value="Engl"> Anh <option value="Deutsch"> Duc</select> cho phép bạn chọn tiếng từ một list có sẵn nhưng ở đây size="2" có nghĩa là list này có 2 dòng (bạn thấy cả Viet và Anh)

<textarea cols="10" rows="3" name="tin">viết vào đây</textarea> tạo ra một control cho phép bạn viết cả một đoạn text dài với nhiều dòng. rows và cols cho phép bạn định kích cỡ của control. Ðây là một cặp TAG mà ở giữa chúng bạn có thể viết sẵn Text.

<input type="submit" value="send"> tạo ra một nút mang tên "send". Nếu gõ vào nút này, tất cả các thông tin của form được gửi đi.

<input type="reset" value="clear"> tạo ra một nút mang tên "clear" với tác dụng chuyển form về trạng thái ban đầu.

Nếu đang quen sử dụng Word, chắc bạn sẽ hỏi, làm thế nào để tạo được một danh sách có thứ tự (numbering - 1, 2, 3, 4 ....) hoặc có các dấu chấm tròn (bullets) ở đầu từng dòng như dưới đây (danh sách mua đồ ăn bà xã viết và tính cách của bả psssst...)Nếu đang quen sử dụng Word, chắc bạn sẽ hỏi, làm thế nào để tạo được một danh sách có thứ tự (numbering - 1, 2, 3, 4 ....) hoặc có các dấu chấm tròn (bullets) ở đầu từng dòng như dưới đây (danh sách mua đồ ăn bà xã viết và tính cách của bả psssst...):Rất đơn giản, bạn chỉ cần biết đến một số TAG sau: <ol></ol> (ordered list) <ul></ul> (unordered list) <li> (list) và những thuộc tính của các TAG đó: type="disc", type="square", type="circle". Hai Lists trên được viết bằng HTML Code sau, bạn xem sẽ hiểu ngay:

<ol>
<li>Mua rau tươi nhà bà Tám béo</li>
<li>Qua chợ Mơ mua chả ở quầy chị Hảo vẩu cho rẻ</li>
<li>4 lạng thịt băm trên chợ Cầu Giấy</li>
<li>1 con gà làm sẵn ở chợ Vĩnh Hồ</li>
</ol>
</font>
</td>

<td width="50%" valign="top">
<font size="2" face="verdana, arial, tahoma">
<ul type="circle">
<li>Ra vẻ thích ăn đồ đắt tiền</li>
<li>Nhưng thực ra lại rất ki bo</li>
<li type="disc">Không thương chồng</li>
<li type="square">Lười như hủi ;-)</li>
</ol>

List bên trái (danh sách mua đồ) chắc không cần giải thích vì <ol> nghĩa là ordered list (có thứ tự 1, 2, 3...). List bên phải (tính cách vợ) là unodered và type của <ul> là circle nên ở tất cả các đầu dòng đều được tự động đặt một còng tròn (rỗng). Riêng dòng dưới, do <li> có type là disc và square nên đầu dòng thứ 3 là một chấm đen, đầu dòng thứ 4 lại là một hình vuông đen.

nhoc_volam
31-01-2008, 06:35 PM
Phần 9:Cách tạo liên kết (hyper link) tới các trang web khác
Sau khi có tranh ảnh và bài viết, chắc bạn cũng muốn có một vài links tới các trang khác. Trang của bạn và những trang mà bạn thích. Rồi cũng phải có một chỗ mà người đến thăm chỉ cần click vào đó là có thể viết thư cho bạn. Chỗ đó có thể là 1 từ, 1 câu hay 1 bức ảnh.
Code:
Trang này bạn đang xem dở nhưng bạn vẫn có thể ngó qua [<a href="ihtml_2.htm">trang trước</a>] một chút.

<a href="ihtml_index.htm"><img src="h_clinton.gif" border="0" alt="Go vao day de quay ve trang index"></a>

Dùng cặp TAG <a href=""></a>, bạn có thể biến nhiều objects thành links. Trong ví dụ này, bạn có bức ảnh của Hillary Clinton và hai chữ "trangtrước" làm liên kết (links). Chỉ cần gõ vào đó là bạn đã bước sang trang khác. Links không chỉ giới hạn trong website của bạn, nó có thể đưa bạn đi khắp nơi trên internet. Sau đây là code của một trang với links tới các trang khác như:
Ví dụ trang web của [<a href="http://www.vifi.de" target="_new">Hội Phụ Nữ Việt Nam</a> tại Bochum, CHLB Ðức

Ở ví dụ trên, bạn thấy một đoạn code mới, đó là target="_new". Nếu biết tiếng Anh, chắc bạn cũng suy ra được ý nghĩa của đoạn code đó. Nó có tác dụng chỉ cho trình duyệt (browser) biết sẽ phải mở trang web đó trong một cửa sổ mới (target = đích, new = mới). Target còn có thể mang những giá trị sau: "_blank" (như "_new"), "_top", "_parent", "_self" (3 giá trị này chỉ dùng cho những trang web có chứa frame - sẽ đề cập đến sau).

Và đây là cách tạo một email-link:

Chắc bạn cũng thấy trên nhiều trang web có những link mà chỉ càn gõ vào nó là chương trình e-mail tự động mở ra cho bạn viết thư tới một địa chỉ đã được định sẵn, nhiều khi tiêu đề (subject) của e-mail cũng đã có sẵn. Gõ [vào đây] hoặc vào biểu tượng bên để gửi e-mail cho tôi.


<html>
<body bgcolor="white" link="blue" alink="white">

<font face="verdana" size="2">
Gõ [<a href="mailto:webmaster@tridung.de">vào đây</a>] hoặc vào biểu tượng bên để gửi e-mail cho tôi. <a href="mailto:webmaster@tridung.de?subject=Test&body=This is a test"><img src="ihtml_mail_button.jpg" border="0"></a>
</font>

</body>
</html>



Thay vì địa chỉ một trang web, bạn chỉ cần đưa mailto: và địa chỉ e-mail, muốn có subject và text sẵn, chỉ cần thêm ?subject=tiêu đề&body=text

Màu của liên kết:

Trong trang web này, bạn thấy liên kết nào cũng màu xanh, gõ vào thì thành màu trắng, sau khi gõ thì màu xám. Ðiều đó được thực hiện bởi các đoạn code sau (trong body tag): <body bgcolor="white" link="blue" alink="white" vlink="gray"> (alink= active link, vlink= visited link)

Trên một số trang web, bạn thấy một bức tranh mà khi gõ chuột vào mỗi góc có thể tới một trang mới. Ở đó người ta sử dụng một bức tranh, một tấm ảnh để làm liên kết. Ðể định vị từng khu vực trên bức ảnh, người ta sử dụng tọa độ của từng khu vực đó. Bạn thử gõ vào trán, miệng, mũi, cổ của Hillary Clinton để xem ví dụ. Cái đó gọi là ImageMap, sử dụng Code sau:

<img src="h_clinton.gif" width="117" height="158" border="0" usemap="#Hillary">

<map name="Hilarry">
<area href="link_1.htm" alt="Trang web 1" shape="rect" coords="29,24,82,52">
<area href="link_2.htm" alt="Trang web 2" shape="rect" coords="25,58,82,84">
<area href="link_3.htm" alt="Trang web 3" shape="rect" coords="25,82,81,103">
<area href="link_4.htm" alt="Trang web 4" shape="rect" coords="33,106,84,140">
</map>

*Trong đó bạn đặt một bức ảnh là MAP bằng USERMAP: usemap="#Hillary", chia phần trên map bằng AREA, quy định tọa độ của từng phần trên map bằng COORDS: coords="29,24,82,52", quy định liên kết của từng phần bằng TAG quen thuộc HREF, định hình cho từng phần bằng SHAPE: shape="rect". SHAP còn có thể mang giá trị circle (tròn) , poly (polygon = đa giác). Bạn có thể sử dụng COORDS như sau:
Nếu shape = "rect": coords="x1,y1,x2,y2", trong đó x1,y1 là tọa độ góc trên bên trái và x2,y2 là tọa độ của góc dưới bên phải của hình chữ nhật tính từ góc trên bên trái của bức ảnh.
Nếu shape = "circle": coords="x,y,r", trong đó x,y là tọa độ của tâm hình tròn tính từ góc trên bên trái của bức ảnh và r là bán kính hình tròn.
Nếu shape = "poly": coords="x1,y1,x2,y2,...,xn,yn", trong đó xn,yn là tọa độ của từng góc của đa giác tính từ góc trên bên trái của bức ảnh.

nhoc_volam
31-01-2008, 06:41 PM
Phần 10:Cách phá các Popup quảng cáo của FWP (Free Webspace Provider)
Các bạn có Homepage đặt tại [các dịch vụ Webspace miễn phí] chắc cũng đã có lần tự hỏi, làm cách nào để bỏ mấy cái Popup chết tiệt này đi để người xem đỡ rối mắt. Bỏ bao ngày đêm ra làm được trang web thật vừa mắt với bao nhiêu hình ảnh đẹp mà bị cái đống rác Popup che hết kể cũng tức. Cũng đã có nhiều bạn viết thư hỏi. Trong trang web này, tôi xin giới thiệu với bạn các cách phá Popup cho nhiều FWP khác nhau. Nhưng trước khi đọc tiếp, bạn nên biết một số điều sau:
Phá Popup đồng nghĩa với không tuân theo Term Of Service (TOS) của FWP nên họ có quyền "đá đít" bạn ra và xóa hẳn homepage của bạn lúc nào cũng được. Vì lý do này, bạn nên tạo cho trang web của mình một địa chỉ độc lập (redirect - ví dụ: www.tenban.tk hoặc come.to/tenban) , không liên quan gì tới provider nơi bạn dặt trang web đề phòng khi họ phát hiện ra và cấm địa chỉ của bạn. Khi đó bạn chỉ cần thay đổi TARGET URL là xong.
Nếu ai cũng làm như bạn thì các FWP sống bằng cái gì?
Nếu bạn cũng đồng ý với những gì tôi nêu trên thì làm ơn tiếp tục

[Come.to] và [dot.tk] cung cấp dịch vụ Forward. Nếu bạn đang ở Geocities, địa chỉ của bạn sẽ là www.geocities.com/tenban. Ðịa chỉ này dài và khó nhớ hơn come.to/tenban của V3 và www.tenban.tk của dot.tk. Khi đăng ký ở V3, bạn sẽ có sự lựa chọn giữa nhiều kiểu quảng cáo khác nhau, chọn Frame! Dot.tk tự chèn trang của bạn vào một Frame và tung ra một Popup quảng cáo. Ðưa dòng code sau vào đầu HTML code của trang chủ để phá Frame quảng cáo:


<script language="JavaScript">
// killframe @ www.tridung.de
if (top.location != self.location)
{top.location = self.location}
</script>

[250free.com] cho phép bạn upload 250 MB và tặng kèm theo banner, popups đủ loại. Ðể phá quảng cáo, hãy thay TAG <body> trong HTML Code của từng trang bằng:


<noembed>
<body>
</noembed>

<script language="JavaScript">
//Banner Killer by www.tridung.de
var td, pn;
td = "<bo";
pn = "dy>";
document.write(td+pn);
</script>


và </body> bằng:


<script language="JavaScript">
//Banner Killer by www.tridung.de
var lt, jr;
td = "</bo";
pn = "dy>";
document.write(lt+jr);
</script>

<noembed>
</body>
</noembed>

[batcave.net] và [0catch.com] tặng bạn 100 MB và banner, popups... Ðể phá quảng cáo của họ, bạn thêm đoạn code (màu đỏ) dưới vào ngay sau TAG <html> trong HTML code:


<html>
<!-- Banner Killer by www.tridung.de -->
<noscript>
<title>
<nobody>
</title>
</noscript>
<head>
<title>Your web page title</title>
</head>
<body>...

bravenet.com] cung cấp đủ thứ, cả Popups và Banner. Ðưa những dòng code đỏ sau vào sau tag <html> trong HTML code của từng trang để phá:


<html>
<noembed>
<nobody>
</noembed>
<body>

[crosswinds.net] cho bạn sử dụng Webspace vô tư nhưng cũng quấy rầy bạn bởi Popups. Ðưa dòng code sau vào trước TAG <html> (đầu trang) của từng trang để "tóm gọn" và đóng Popup ngay khi nó vừa mở ra:


<script language="JavaScript">
var winname1="jW4Lo";
var winname2="s9wh";
var windowname=winname1+winname2;
handle = window.open("index.htm", windowname);
handle.close();
</script>

[Fortunecity.com] cho bạn sử dụng 100 MB nhưng cũng quấy rầy bạn bởi Popups. Ðưa dòng code sau vào trước TAG <body> của từng trang để phá:


<script language="JavaScript">
<!--
function td() { return true; }
window.onerror = td;
//-->
</script></head>
<noscript> <script language="JavaScript">
<body>
</script>
</noscript>

[Freepage] cho bạn sử dụng 20 MB nhưng cũng quấy rầy bạn bởi Frame. Ðưa dòng code sau vào HTML code của trang chủ để phá Frame:


<script language="JavaScript">
// killframe @ www.tridung.de
if (top.location != self.location)
{top.location = self.location}
</script>

[Geocities.com] cho bạn sử dụng 15 MB nhưng cũng quấy rầy bạn bởi một Popup-Menu. Thêm dòng code màu đỏ vào trong HTML code sau TAG </html> của từng trang để phá:


</body>
</html>
<noembed>

[Hypermart.com] cho bạn sử dụng 50 MB và cả CGI, SSI nhưng cũng quấy rầy bạn bởi Popups. Ðưa dòng code sau vào sau TAG </script> cuối cùng (nếu có) hoặc bất kỳ nơi nào trong HTML code (nếu không có TAG </script>) của từng trang để phá:


<noscript><noscript><plaintext>

[Lycos.com] cho bạn sử dụng 50 MB và cả PHP, MySQL nhưng cũng quấy rầy bạn bởi Popups. Ðưa dòng code sau vào sau TAG </html> của từng trang để phá:


<noscript><noscript><plaintext>

[Netfirms.com] cho bạn sử dụng 25 MB và cả CGI-BIN và tất nhiên, có cả banner "trọn gói". Tất cả các biện pháp đã nêu đều bị họ vô hiệu hóa, trừ biện pháp này. Ðưa đoạn code đỏ sau vào sau TAG </html> (dưới tận cùng) của từng trang để phá:


</body>
</html>
<noembed>
<html>
<body>
Be fair and don't remove these lines!
Banner Killer by www.tridung.de
</body>
</html>
</noembed>

[Topcities.com] cho bạn sử dụng 150 MB và khuyến mại cho bạn một Banner tương đối to ngay trên cùng. Chắc bạn cũng không thích gì khi bị cái mụn bự giữa trán đúng không ;-) Ðưa dòng code sau vào sau thay thế (chú ý: tôi nói đây là thay thế, có nghĩa trong HTML Code của bạn không được phép chứa một TAG <body> thứ hai!) cho TAG <body> của từng trang để phá:


<script language="JavaScript">
//Banner Killer by www.tridung.de
var td, pn;
td = "<bo";
pn = "dy>";
document.write(td+pn);
</script>


và từ 14.09.2002 bạn phải thêm dòng sau vào sau TAG </html> của trang web để vô hiệu hóa dòng code ở cuối trang của Topcities


<noscript>

[Tripod.com] cho bạn sử dụng 50 MB và cả CGI nhưng cũng quấy rầy bạn bởi Banner. Ðưa dòng code sau vào trước TAG <body> của từng trang để phá:


<script language="JavaScript">
//Banner Killer by www.tridung.de
var td, pn;
td = "<bo";
pn = "dy>";
document.write(td+pn);
</script>

Ðưa dòng code sau vào sau TAG <html> của từng trang để phá:


<script language="JavaScript">
<!--
function open () { }
//-->
</script>

Hide Popup
Nếu không có cách nào trong những cách trên áp dụng được, bạn sử dụng cách sau để đẩy trang web của mình ra trước Popup. Người đọc tuy phải tự đóng Popup nhưng chỉ nhận biết được khi đã rời trang bạn. Ðưa dòng code sau vào sau TAG <html> của từng trang để phá:


<script language="JavaScript">
<!--
window.focus()
//-->
</script>

nhoc_volam
31-01-2008, 06:42 PM
Mấy bài này mình sưu tầm trên mạng và trên mạng vitinh.de

BaamBoo
01-02-2008, 12:04 AM
Bài sưu tầm sưu tầm cũng tốt, tuy nhiên hiện nay ít ai làm web = notepad lắm mà hầu hết đều xài frontpage hoặc dreamwear để làm web tĩnh với 2 lý do :
1/ Không cần biết nhiều các loại thẻ trong HTML.
2/ Hạn chế sai xót trong quá trình viết mã code (thường thì làm = freontpage hay dreamwear chương trình đều tự viết code sẵn cho mình)

water
01-02-2008, 12:05 PM
Bạn chú ý hơn về cách trình bày bài viết.

tuy nhiên hiện nay ít ai làm web = notepad lắm
Em toàn làm web bằng notepad đây anh :P

nhoc_volam
01-02-2008, 01:47 PM
Oài cuối cùng cũng có người ủng hộ làm web = notepad. 2 bài phê phán rùi ><

nhoc_volam
01-02-2008, 03:49 PM
Cái trình bày bài viết là mình soạn trên Word rồi copy vào mà quên chưa sửa.

nhoc_volam
01-02-2008, 03:58 PM
Thêm phần nữa về guestbook, chatroom và photoalbum.

Những trang web cá nhân thường có một sổ lưu bút để người thăm homepage có thể để lại vài dòng. Chắc bạn cũng muốn biết làm thế nào để có được một sổ lưu bút như vậy đúng không? Ðể tạo được một guestbook hay một forum, bạn cần biết viết CGI, PHP hoặc ASP... Nhưng không vội lo khi những thứ tôi vừa nêu không nói lên điều gì cả ;-) Bạn vẫn có thể có được những thứ bạn cần. Chỉ cần đăng ký một dịch vụ miễn phí là sau vài phút homepage của bạn đã có guestbook, chatroom và photoalbum.
Bước 1: vào www.bravenet.com
Bước 2: đăng kí 1 acc free
Bước 3: đăng kí chat room,guestbook và photoalbum( free 100% ). Nếu bạn muốn đẹp hơn thì chọn cái Pro.
Bước 4: có vài cái code HTML , bạn copy cái ưng ý rồi paste vào sau <body>.

nhoc_volam
01-02-2008, 04:09 PM
Cookie:
Có thể bạn đã từng đọc được ở đâu đó về cookie nhưng chưa nhìn thấy nó hoạt động như thế nào, chưa tưởng tượng được hình dáng của nó. Nếu bạn sử dụng Windows XP, hãy mở Windows Explorer ra, vào C:\Documents and Settings\Ten Ban\Cookies\ sẽ thấy vô số cookie được các trang web gài vào từ bao giờ. Bạn cũng có thể xóa toàn bộ những cookie này mà không làm ảnh hưởng gì đến máy. Cookie (bánh quy) thường là một file text rất nhỏ (max. 4KB) được sử dụng để các trang web "nhớ" tới bạn khi bạn quay lại, đơn giản hóa các khâu điền form, nhớ những settings của bạn trên trang web... Cookie thường có dạng như 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 một cookie có 5 khúc. Hai khúc đầu mang tên bạn, hoặc trong ví dụ trên là Option của nhạc nền, hai khúc giữa là Path của trang web (trong ví dụ này trang web nằm local trên máy của tôi) và khúc sau là thời điểm hết hạn của cookie. Ðoạn code dưới cho phép bạn tạo (set_cookie)và đọc (get_cookie) một cookie:



<script language="JavaScript">
//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);
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;
}
</script>


Cách tạo 1 popup window( chứa những thông báo mới ) khi trang web được mở ra và muốn nó mở lần đầu tiên khi người dùng vào trang web. Đây là 1 nhiệm vụ cao cả của cookie. Trang web mở popup và tự cài một cookie vào máy của người xem và đánh dấu là máy này đã đọc popup để lần sau trang web không mở popup nữa. Tất nhiên bạn có thể dựa vào ví dụ trên để cho phép người xem tự quyết định mình có muốn xem popup trong lần thăm tới không.


<script language="JavaScript" src="scripts/popup.js"></script>
<form method="post" name="popup">
Show popup on your next visit?
<input type="radio" name="opt" onClick="set_popup('Popup:','yes')"> Yes
<input type="radio" name="opt" onClick="set_popup('Popup:','no')" checked> No
</form>
<script language="JavaScript" src="scripts/load_popup.js"></script>


Ngoài ra, bạn còn cần một file mang tên ihtml_popup.htm và hai script nằm trong folder scripts. Trong trang Popup, bạn nên để lệnh onBlur="self.close()" trong tag body để trang này tự đóng khi người xem xem tiếp trang chính.
Down load ở đây:
Popup.js (http://www.vitinh.de/ihtml/scripts/popup.js)
Load_Popup.js (http://www.vitinh.de/ihtml/scripts/load_popup.js)

usterboy
27-10-2011, 08:40 PM
anh có thể để hình ảnh minh họa được ko ? Newbie như em thì sau khi đọc xong em vẫn chưa hiểu đc ...........và làm thế nào để thêm hình ảnh lên notepad .....bài viết của anh rất anh nhưng chung chung quá nên em ko thể hiểu đc ........:tu tat: