Trở lại   Chợ thông tin Cà phê Việt Nam > XỨ SỞ CÀ PHÊ > Ẩm thực Cà phê > Văn Hoá Ẩm Thực

Trả lời
 
Công cụ bài viết Kiểu hiển thị
  #1  
Cũ 29-01-2013, 04:32 PM
chanvietco chanvietco đang online
Junior Member
 
Tham gia ngày: Jun 2012
Bài gửi: 9
Mặc định Caf� H� Nội

Hệ thống quảng cáo SangNhuong.com

HTML, hay HyperText Markup Language, là một sự định dạng để báo cho Web browser làm thế nào để hiển thị một trang Web. Những tài liệu thật sự là những trang văn bản với những Tag (thẻ) đặc biệt hoặc những đoạn mã để một Web browser biết làm thế nào để thông dịch và hiển thị nó trên màn hình.

HTML sử dụng các tab có tên được đặt trong cặp < và >. Ví dụ


Những Tag HTML báo cho Web browser biết khi nào cần in đậm một dòng văn bản, in ngiêng nó, làm cho nó trở thành một header, hoặc làm cho nó là một Hypertext liên kết tới một trang Web khác. Thông thường tag thường có một cặp, gồm có tag mở và tag đóng. Dữ liệu bị tác động được đặt giữa 2 tag này. Ví dụ:

Đây là dòng chữ đậm

Tuy nhiên cũng có tab chỉ có tag mở ví dụ như tag dùng xuống dòng
hay tag dùng để hiển thị ảnh

Lưu ý: một Web Browser không quan tâm tới việc sử dụng chữ hoa hay chữ thường. Lấy ví dụ :

...

thì không khác gì với

...



Không giống như việc lập trình, nếu có một lỗi trong trang HTML, hệ thống sẽ không bị "Crash"; trang Web sẽ vẫn nhìn thấy được, nhưng ... sai. Có thể nhanh chóng và dễ dàng vào bên trong trang HTML và sữa chữa lại nội dung của nó.

Browser tuy nhỏ nhưng lại có một bộ từ vựng mở. Khi browser không biết làm cái gì với tag đã cho, nó sẽ bỏ qua tag đó! Lấy ví dụ, trong tài liệu mà đang xem đây

Tag HTML la gi?

thì trình duyệt sẽ bỏ qua tag vì nó là tag tự định nghĩa
Trả lời với trích dẫn


CHUYÊN MỤC ĐƯỢC TÀI TRỢ BỞI
  #2  
Cũ 29-01-2013, 04:32 PM
tuyetha06sg tuyetha06sg đang online
Junior Member
 
Tham gia ngày: Jun 2012
Bài gửi: 16
Mặc định

Hệ thống quảng cáo SangNhuong.com

Cấu trúc cơ bản của một trang HTML

Cấu trúc cơ bản của một trang HTML như sau:










: :
: :
: :



Thông thường một trang HTML bắt đầu bằng thẻ và kết thúc bằng thẻ đóng và gồm có hai phần là phần header và phần thân với các thẻ như trên. Tuy nhiên như đã nói các tag này là không bắt buộc vì nếu không có thì trang HTML vẫn được trình duyệt hiển thị
Trả lời với trích dẫn


  #3  
Cũ 29-01-2013, 04:32 PM
huongttt huongttt đang online
Junior Member
 
Tham gia ngày: Jun 2012
Bài gửi: 15
Mặc định

Các thẻ HTML

Có thể chia các thẻ HTML thành 2 loại: các thẻ để hiện thị và định dạng dữ liệu như bảng biểu, ảnh, xuống dòng, chữ đậm, chữ nghiêng... và các thể dùng tạo giao diện người dùng và xử lý dữ liệu như FORM, các nút...

Các thẻ hiển thị dữ liệu:
Đây là các thẻ định dạng và dùng để hiển thị dữ liệu. Chúng rất đa dạng và phong phú. Phần dưới đây chỉ giới thiệu những thẻ được sử dụng tương đối nhiều.

Các thẻ định dạng chữ

để định dạng chữ đậm. Ví dụ Dòng chữ đậm thì dòng chữ sẽ hiển thị như sau đây: Dòng chữ đậm

để định dạng chữ nghiêng. Ví dụ Dòng chữ nghiêng thì dòng chữ sẽ hiển thị như sau đây: Dòng chữ nghiêng

để định dạng chữ gạch chân. Ví dụ Dòng chữ gạch chân thì dòng chữ sẽ hiển thị như sau đây: Dòng gạch chân

để định dạng cỡ chữ H1. Ví dụ

Dòng chữ cỡ H1

sẽ được hiển thị thành:

Dòng chữ cỡ H1

Tương tự đối với các cỡ chữ H2, H3, H4, H5, H6

Có thể dùng kết hợp nhiều thẻ. Ví dụ Dòng chữ vừa nghiêng vừa đậm cho ra kết quả Dòng chữ vừa nghiêng vừa đậm

dùng để định dạng font chữ.
Ví dụ:
Dòng chữ font Arial sẽ cho kết quả Dòng chữ font Arial

Dòng chữ màu xanh sẽ cho kết quả Dòng chữ màu xanh

Dòng chữ cỡ 4 sẽ cho kết quả Dòng chữ cỡ 4
...
Có thể dùng kết hợp các thuộc tính của font vào cùng một thẻ. Ví dụ:
Dòng chữ font Arial, cỡ chữ 4, màu xanh sẽ cho kết quả Dòng chữ font Arial, cỡ chữ 4, màu xanh

Trả lời với trích dẫn



Để thêm một cột dùng thẻ
  #4  
Cũ 29-01-2013, 04:32 PM
huynh.vinh.quang huynh.vinh.quang đang online
Junior Member
 
Tham gia ngày: Jun 2012
Bài gửi: 8
Mặc định

Hệ thống quảng cáo SangNhuong.com

Các thẻ định dạng dữ liệu
Dạng bảng biểu:
Đây là thẻ hay được sử dụng để trình bày layout của trang Web. Chúng được sử dụng rất thường xuyên và tương đối phức tạp do dùng nhiều bảng lồng nhau. Việc nắm chắc các thẻ bảng biểu là điều rất cần thiết khi trình bày một trang Web.

Sử dụng thẻ
để hiển thị bảng biểu.
Để thêm một dòng dùng thẻ

Ví dụ:





Dữ liệu ở cột thứ nhất Dữ liệu ở cột thứ hai

Khi đó kết quả ra sẽ là một bảng có độ dày đường viền là 1pixel, có một hàng gồm có hai cột. Cột thứ nhất có dòng chữ “Dữ liệu ở cột thứ nhất” và cột thứ hai có dòng chữ “Dữ liệu ở cột thứ hai”. Dữ liệu được căn biên ngang giữa và biên dọc ở phía trên.

Hiển thị ảnh
Dùng thẻ để hiển thị ảnh trong đó:
Src: là địa chỉ URL của ảnh
Width: chiều dài của ảnh
Height: chiều cao của ảnh
Ví du: sẽ cho kết quả sau:
Liên kết
Liên kết dùng để chỉ thị cho trình duyệt thực hiện một yêu cầu khác.
Sử dụng tag Tên liên kết để biểu diễn một liên kết.
Ví dụ: Để chị cho trình duyệt chuyển đến trang chủ của HDOL ta dùng thẻ sau:
Tinhyeuphuongnam khi đó ta sẽ thấy liên kết được hiển thị như sau: Tinhyeuphuongnam
Trả lời với trích dẫn


  #5  
Cũ 29-01-2013, 04:32 PM
infoodco infoodco đang online
Junior Member
 
Tham gia ngày: Jun 2012
Bài gửi: 5
Mặc định

Bảng tóm tắt các thẻ HTML

Phụ lục về các thẻ HTML được cho như sau:

Các thẻ dùng cấu trúc trang HTML
- ...
- ...
- ...
-
-
-
-
- ...
-

Thẻ liên kết
- ...

Các thẻ định dạng khối
-
...

-
-
...

-

-

- ...
- ...
-
...


-
-

- ...
- ...
- ...

- ...
-

...


- <br /> - <PRE>...</PRE> <br /> - <WBR> <br /> - <XMP>...</XMP> <br /> <br /> Âm thanh<br /> - <BGSOUND> <br /> <br /> Forms <br /> - <FORM>...</FORM> <br /> - <INPUT> <br /> - <OPTION> <br /> - <meo ...>...</meo> <br /> - <TEXTAREA>...</TEXTAREA> <br /> <br /> Ảnh<br /> - <IMG...> <br /> <br /> [Các thẻ định dạng ký tự><br /> - <!-- Comments --> <br /> - <B>...</B> <br /> - <BIG>...</BIG> <br /> - <BLINK> <br /> - <CITE>...</CITE> <br /> - <CODE>...</CODE> <br /> - <EM>...</EM> <br /> - <I>...</I> <br /> - <KBD>...</KBD> <br /> - <SAMP>...</SAMP> <br /> - <SMALL>...</SMALL> <br /> - <STRIKE>...</STRIKE> <br /> - <STRONG>...</STRONG> <br /> - <SUB>...</SUB> <br /> - <SUP>...</SUP> <br /> - <TT>...</TT> <br /> - <U>...</U> <br /> - <VAR>...</VAR> <br /> <br /> Các thẻ dùng để liệt kê<br /> - <DIR>...</DIR> <br /> - <DL>...</DL> <br /> - <MENU>...</MENU> <br /> - <OL>...</OL> <br /> - <UL>...</UL> <br /> <br /> Bảng biểu <br /> - <TABLE>...</TABLE> <br /> - <CAPTION ...>...</CAPTION> <br /> - <COL>...</COL> <br /> - <COLGROUP>...</COLGROUP> <br /> - <TBODY>...</TBODY> <br /> - <TD ...>...</TD> <br /> - <TFOOT>...</TFOOT> <br /> - <TH ...>...</TH> <br /> - <THEAD>...</THEAD> <br /> - <TR ...>...</TR></div> <!-- / message --> <div style="margin-top: 10px" align="right"> <!-- controls --> <a href="newreply.php?do=newreply&amp;p=33295" rel="nofollow"><img src="images/styles/smartbrown/buttons/quote.gif" alt="Tr&#7843; l&#7901;i v&#7899;i trích d&#7851;n" border="0" /></a> <!-- / controls --> </div> <!-- message, attachments, sig --> </td> </tr> </table> <!-- post 33295 popup menu --> <!--/* OpenX Javascript Tag v2.4.7 */--> <!--/* * The backup image section of this tag has been generated for use on a * non-SSL page. If this tag is to be placed on an SSL page, change the * 'http://kienthucngaynay.info/openx/www/delivery/...' * to * 'https://kienthucngaynay.info/openx/www/delivery/...' * * This noscript section of this tag only shows image banners. There * is no width or height in these banners, so if you want these tags to * allocate space for the ad before it shows, you will need to add this * information to the <img> tag. * * If you do not want to deal with the intricities of the noscript * section, delete the tag (from <noscript>... to </noscript>). On * average, the noscript tag is called from less than 1% of internet * users. */--> <script type='text/javascript'><!--//<![CDATA[ var m3_u = (location.protocol=='https:'?'https://kienthucngaynay.info/openx/www/delivery/ajs.php':'http://kienthucngaynay.info/openx/www/delivery/ajs.php'); var m3_r = Math.floor(Math.random()*99999999999); if (!document.MAX_used) document.MAX_used = ','; document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u); document.write ("?zoneid=4"); document.write ('&amp;cb=' + m3_r); if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used); document.write ("&amp;loc=" + escape(window.location)); if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer)); if (document.context) document.write ("&context=" + escape(document.context)); if (document.mmm_fo) document.write ("&amp;mmm_fo=1"); document.write ("'><\/scr"+"ipt>"); //]]>--></script> <br /> <br /> <div class="vbmenu_popup" id="postmenu_33295_menu" style="display:none;"> <table cellpadding="4" cellspacing="1" border="0"> <tr> <td class="thead">infoodco</td> </tr> <tr><td class="vbmenu_option"><a href="member.php?u=378">Xem thông tin chung</a></td></tr> <tr><td class="vbmenu_option"><a href="private.php?do=newpm&amp;u=378" rel="nofollow">G&#7903;i nh&#7855;n tin t&#7899;i infoodco</a></td></tr> <tr><td class="vbmenu_option"><a href="search.php?do=finduser&amp;u=378" rel="nofollow">Tìm bài g&#7917;i b&#7903;i infoodco</a></td></tr> </table> </div> <!-- / post 33295 popup menu --> </div> </div> </div> </div> <!-- / close content container --> <!-- / post #33295 --><!-- post #33296 --> <!-- open content container --> <div align="center"> <div class="page" style="width:100%; text-align:left"> <div style="padding:0px 25px 0px 25px"> <div id="edit33296" style="padding:0px 0px 6px 0px"> <!-- this is not the last post shown on the page --> <table class="tborder" id="post33296" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <tr> <td class="thead" > <div class="normal" style="float:right"> &nbsp; #<a href="showpost.php?p=33296&amp;postcount=6" target="new" rel="nofollow" id="postcount33296" name="6"><strong>6</strong></a> &nbsp; </div> <div class="normal"> <!-- status icon and date --> <a name="post33296"><img class="inlineimg" src="images/styles/smartbrown/statusicon/post_old.gif" alt="C&#361;" border="0" /></a> 29-01-2013, 04:32 PM <!-- / status icon and date --> </div> </td> </tr> <tr> <td class="alt2" style="padding:0px"> <!-- user info --> <table cellpadding="0" cellspacing="6" border="0" width="100%"> <tr> <td nowrap="nowrap"> <fieldset class="alt2" style="border:1px solid #726049"div> <div id="postmenu_33296"> <a class="bigusername" href="member.php?u=32">henry_le1</a> <img class="inlineimg" src="images/styles/smartbrown/statusicon/user_online.gif" alt="henry_le1 &#273;ang online" border="0" /> <script type="text/javascript"> vbmenu_register("postmenu_33296", true); </script> </div> <div class="smallfont">Junior Member</div> </td> <td width="100%">&nbsp;</td> <td valign="top" nowrap="nowrap"> <div class="smallfont"> <div>Tham gia ngày: Jun 2012</div> <div> Bài g&#7917;i: 10 </div> <div> </div> </div> </td> </tr> </table> <!-- / user info --> </td> </tr> <tr> <td class="alt1" id="td_post_33296"> <!-- message, attachments, sig --> <!-- icon and title --> <div class="smallfont"> <img class="inlineimg" src="images/icons/icon1.gif" alt="M&#7863;c &#273;&#7883;nh" border="0" /> </div> <hr size="1" style="color:#726049" /> <!-- / icon and title --> <!-- message --> <div id="post_message_33296"><div style="min-height:800px"><!-- ads code --> <div style="float:right; padding:0 0 0 10px;"> <style> @import url("http://kienthucngaynay.info/000banner/textadsstyle/textadsstyle.css"); </style> <div class="oxad160"> <div class="oxtop"> <img src="http://kienthucngaynay.info/000banner/textadsstyle/tl.gif" alt="" width="15" height="15" class="corner" style="display: none" /> </div> <div class="adcontent"> <!--/* OpenX Javascript Tag v2.4.7 */--> <!--/* * The backup image section of this tag has been generated for use on a * non-SSL page. If this tag is to be placed on an SSL page, change the * 'http://kienthucngaynay.info/openx/www/delivery/...' * to * 'https://kienthucngaynay.info/openx/www/delivery/...' * * This noscript section of this tag only shows image banners. There * is no width or height in these banners, so if you want these tags to * allocate space for the ad before it shows, you will need to add this * information to the <img> tag. * * If you do not want to deal with the intricities of the noscript * section, delete the tag (from <noscript>... to </noscript>). On * average, the noscript tag is called from less than 1% of internet * users. */--> <script type='text/javascript'><!--//<![CDATA[ var m3_u = (location.protocol=='https:'?'https://kienthucngaynay.info/openx/www/delivery/ajs.php':'http://kienthucngaynay.info/openx/www/delivery/ajs.php'); var m3_r = Math.floor(Math.random()*99999999999); if (!document.MAX_used) document.MAX_used = ','; document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u); document.write ("?zoneid=4"); document.write ('&amp;cb=' + m3_r); if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used); document.write ("&amp;loc=" + escape(window.location)); if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer)); if (document.context) document.write ("&context=" + escape(document.context)); if (document.mmm_fo) document.write ("&amp;mmm_fo=1"); document.write ("'><\/scr"+"ipt>"); //]]>--></script> </div> <p> Hệ thống quảng cáo <a href="http://www.sangnhuong.com" target="_blank">SangNhuong.com</a></p> <div class="oxbottom"> <img src="http://kienthucngaynay.info/000banner/textadsstyle/bl.gif" alt="" width="15" height="15" class="corner" style="display: none" /> </div> </div> </div><div style="width:600px">Định dạng trang Web sử dụng StyleSheet và Cascading Style Sheets (CSS)<br /> <br /> Trong trang Web, thông thường ta dùng chung một kiểu định dạng cho cùng một đối tượng như bảng biểu, font chữ. Để tránh việc phải sử dụng các thẻ HTML lặp đi lặp lại vừa nhàm chán mất thời gian vừa khiến trang HTML trở nên cồng kềnh, ta có thể dụng stylesheet và Cascading Style Sheets (CSS)<br /> <br /> a. StyleSheet<br /> <br /> Sử dụng từ tab Style<br /> Ví dụ:<br /> <br /> <STYLE><br /> H1 {color: brown}<br /> H2 {color: brown}<br /> H3 {color: brown}<br /> H4 {color: brown}<br /> H5 {color: brown}<br /> H6 {color: brown}<br /> </STYLE><br /> <br /> <STYLE><br /> H1, H2, H3, H4, H5, H6 {color: brown ! important}<br /> P, BLOCKQUOTE {color: blue ! important}<br /> </STYLE><br /> <br /> <STYLE><br /> H1.styleA {font: 45pt Times; color: brown}<br /> H1.styleB {font: 30pt Arial; color: blue}<br /> </STYLE><br /> <br /> <H1 CLASS="styleA"> Đây là dòng chữ cỡ H1 theo styleA</H1><br /> <H1 CLASS="styleB"> Đây là dòng chữ cỡ H1 theo styleB</H1><br /> <br /> b. Sử dụng .CSS<br /> <br /> +) Tất cả các style được ghi vào một file ví dụ: default.css<br /> +) Sử dụng tab <link> để chỉ tới file đó, ví dụ <link rel=stylesheet type="text/css" href="default.css"><br /> <br /> Sử dụng các tab theo style đã định nghĩa trong file default.css<br /> <br /> Việc sử dụng kỹ thuật Cascading Style Sheets (CSS) giúp giảm nhẹ được kích thước trang Web, mềm dẻo trang cách thay đổi hình thức và tránh được việc viết mã HTML nhàm chán. Trang chủ HDOL là một ví dụ về việc sử dụng kỹ thuật Cascading Style Sheets</div></div></div> <!-- / message --> <div style="margin-top: 10px" align="right"> <!-- controls --> <a href="newreply.php?do=newreply&amp;p=33296" rel="nofollow"><img src="images/styles/smartbrown/buttons/quote.gif" alt="Tr&#7843; l&#7901;i v&#7899;i trích d&#7851;n" border="0" /></a> <!-- / controls --> </div> <!-- message, attachments, sig --> </td> </tr> </table> <!-- post 33296 popup menu --> <!--/* OpenX Javascript Tag v2.4.7 */--> <!--/* * The backup image section of this tag has been generated for use on a * non-SSL page. If this tag is to be placed on an SSL page, change the * 'http://kienthucngaynay.info/openx/www/delivery/...' * to * 'https://kienthucngaynay.info/openx/www/delivery/...' * * This noscript section of this tag only shows image banners. There * is no width or height in these banners, so if you want these tags to * allocate space for the ad before it shows, you will need to add this * information to the <img> tag. * * If you do not want to deal with the intricities of the noscript * section, delete the tag (from <noscript>... to </noscript>). On * average, the noscript tag is called from less than 1% of internet * users. */--> <script type='text/javascript'><!--//<![CDATA[ var m3_u = (location.protocol=='https:'?'https://kienthucngaynay.info/openx/www/delivery/ajs.php':'http://kienthucngaynay.info/openx/www/delivery/ajs.php'); var m3_r = Math.floor(Math.random()*99999999999); if (!document.MAX_used) document.MAX_used = ','; document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u); document.write ("?zoneid=4"); document.write ('&amp;cb=' + m3_r); if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used); document.write ("&amp;loc=" + escape(window.location)); if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer)); if (document.context) document.write ("&context=" + escape(document.context)); if (document.mmm_fo) document.write ("&amp;mmm_fo=1"); document.write ("'><\/scr"+"ipt>"); //]]>--></script> <br /> <br /> <div class="vbmenu_popup" id="postmenu_33296_menu" style="display:none;"> <table cellpadding="4" cellspacing="1" border="0"> <tr> <td class="thead">henry_le1</td> </tr> <tr><td class="vbmenu_option"><a href="member.php?u=32">Xem thông tin chung</a></td></tr> <tr><td class="vbmenu_option"><a href="private.php?do=newpm&amp;u=32" rel="nofollow">G&#7903;i nh&#7855;n tin t&#7899;i henry_le1</a></td></tr> <tr><td class="vbmenu_option"><a href="search.php?do=finduser&amp;u=32" rel="nofollow">Tìm bài g&#7917;i b&#7903;i henry_le1</a></td></tr> </table> </div> <!-- / post 33296 popup menu --> </div> </div> </div> </div> <!-- / close content container --> <!-- / post #33296 --><!-- post #33297 --> <!-- open content container --> <div align="center"> <div class="page" style="width:100%; text-align:left"> <div style="padding:0px 25px 0px 25px"> <div id="edit33297" style="padding:0px 0px 6px 0px"> <!-- this is not the last post shown on the page --> <table class="tborder" id="post33297" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <tr> <td class="thead" > <div class="normal" style="float:right"> &nbsp; #<a href="showpost.php?p=33297&amp;postcount=7" target="new" rel="nofollow" id="postcount33297" name="7"><strong>7</strong></a> &nbsp; </div> <div class="normal"> <!-- status icon and date --> <a name="post33297"><img class="inlineimg" src="images/styles/smartbrown/statusicon/post_old.gif" alt="C&#361;" border="0" /></a> 29-01-2013, 04:32 PM <!-- / status icon and date --> </div> </td> </tr> <tr> <td class="alt2" style="padding:0px"> <!-- user info --> <table cellpadding="0" cellspacing="6" border="0" width="100%"> <tr> <td nowrap="nowrap"> <fieldset class="alt2" style="border:1px solid #726049"div> <div id="postmenu_33297"> <a class="bigusername" href="member.php?u=297">nambinhnam</a> <img class="inlineimg" src="images/styles/smartbrown/statusicon/user_online.gif" alt="nambinhnam &#273;ang online" border="0" /> <script type="text/javascript"> vbmenu_register("postmenu_33297", true); </script> </div> <div class="smallfont">Junior Member</div> </td> <td width="100%">&nbsp;</td> <td valign="top" nowrap="nowrap"> <div class="smallfont"> <div>Tham gia ngày: Jun 2012</div> <div> Bài g&#7917;i: 8 </div> <div> </div> </div> </td> </tr> </table> <!-- / user info --> </td> </tr> <tr> <td class="alt1" id="td_post_33297"> <!-- message, attachments, sig --> <!-- icon and title --> <div class="smallfont"> <img class="inlineimg" src="images/icons/icon1.gif" alt="M&#7863;c &#273;&#7883;nh" border="0" /> </div> <hr size="1" style="color:#726049" /> <!-- / icon and title --> <!-- message --> <div id="post_message_33297">Kích thước của một trang Web<br /> <br /> Do độ phân giải của mỗi màn hình có thể là khác nhau do vậy cũng tồn tại 2 cách để hiện thị kích thước của một trang Web <br /> <br /> Kích thước cố định (pixel): Kích thước của body và các bảng được gắn cố định. Do vậy hình thức của trang Web không phụ thuộc vào độ phân giải màn hình. Tuy nhiên nó chỉ hiệu quả đối với một độ phân giải màn hình nhất định.<br /> <br /> Ví dụ: <br /> <table width='750'><br /> <tr><br /> <td width='300'><br /> <td width='450'><br /> </tr><br /> <br /> Kích thước tương đối (%): Kích thước của body và các bảng được gán theo % so với độ phân giải màn hình. Do vậy, hình thức của trang Web thay đổi phụ thuộc vào độ phân giải của màn hình.<br /> <br /> Ví dụ:<br /> <table width='100%'><br /> <tr><br /> <td width='30%'><br /> <td width='70%'><br /> </tr><br /> <br /> Kết hợp 2 yếu tố kích thước cố định và thay đổi.<br /> Ví dụ:<br /> <br /> <TABLE ><br /> <tr valign=top><br /> <td style="{width:5px;}"></td><br /> <td style="{padding:5px;width:160px;}"><!--#include file='i_banner.asp'--></td><br /> <td style="{padding:8px;}"></div> <!-- / message --> <div style="margin-top: 10px" align="right"> <!-- controls --> <a href="newreply.php?do=newreply&amp;p=33297" rel="nofollow"><img src="images/styles/smartbrown/buttons/quote.gif" alt="Tr&#7843; l&#7901;i v&#7899;i trích d&#7851;n" border="0" /></a> <!-- / controls --> </div> <!-- message, attachments, sig --> </td> </tr> </table> <!-- post 33297 popup menu --> <!--/* OpenX Javascript Tag v2.4.7 */--> <!--/* * The backup image section of this tag has been generated for use on a * non-SSL page. If this tag is to be placed on an SSL page, change the * 'http://kienthucngaynay.info/openx/www/delivery/...' * to * 'https://kienthucngaynay.info/openx/www/delivery/...' * * This noscript section of this tag only shows image banners. There * is no width or height in these banners, so if you want these tags to * allocate space for the ad before it shows, you will need to add this * information to the <img> tag. * * If you do not want to deal with the intricities of the noscript * section, delete the tag (from <noscript>... to </noscript>). On * average, the noscript tag is called from less than 1% of internet * users. */--> <script type='text/javascript'><!--//<![CDATA[ var m3_u = (location.protocol=='https:'?'https://kienthucngaynay.info/openx/www/delivery/ajs.php':'http://kienthucngaynay.info/openx/www/delivery/ajs.php'); var m3_r = Math.floor(Math.random()*99999999999); if (!document.MAX_used) document.MAX_used = ','; document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u); document.write ("?zoneid=4"); document.write ('&amp;cb=' + m3_r); if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used); document.write ("&amp;loc=" + escape(window.location)); if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer)); if (document.context) document.write ("&context=" + escape(document.context)); if (document.mmm_fo) document.write ("&amp;mmm_fo=1"); document.write ("'><\/scr"+"ipt>"); //]]>--></script> <br /> <br /> <div class="vbmenu_popup" id="postmenu_33297_menu" style="display:none;"> <table cellpadding="4" cellspacing="1" border="0"> <tr> <td class="thead">nambinhnam</td> </tr> <tr><td class="vbmenu_option"><a href="member.php?u=297">Xem thông tin chung</a></td></tr> <tr><td class="vbmenu_option"><a href="private.php?do=newpm&amp;u=297" rel="nofollow">G&#7903;i nh&#7855;n tin t&#7899;i nambinhnam</a></td></tr> <tr><td class="vbmenu_option"><a href="search.php?do=finduser&amp;u=297" rel="nofollow">Tìm bài g&#7917;i b&#7903;i nambinhnam</a></td></tr> </table> </div> <!-- / post 33297 popup menu --> </div> </div> </div> </div> <!-- / close content container --> <!-- / post #33297 --><!-- post #33298 --> <!-- open content container --> <div align="center"> <div class="page" style="width:100%; text-align:left"> <div style="padding:0px 25px 0px 25px"> <div id="edit33298" style="padding:0px 0px 6px 0px"> <!-- this is not the last post shown on the page --> <table class="tborder" id="post33298" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <tr> <td class="thead" > <div class="normal" style="float:right"> &nbsp; #<a href="showpost.php?p=33298&amp;postcount=8" target="new" rel="nofollow" id="postcount33298" name="8"><strong>8</strong></a> &nbsp; </div> <div class="normal"> <!-- status icon and date --> <a name="post33298"><img class="inlineimg" src="images/styles/smartbrown/statusicon/post_old.gif" alt="C&#361;" border="0" /></a> 29-01-2013, 04:33 PM <!-- / status icon and date --> </div> </td> </tr> <tr> <td class="alt2" style="padding:0px"> <!-- user info --> <table cellpadding="0" cellspacing="6" border="0" width="100%"> <tr> <td nowrap="nowrap"> <fieldset class="alt2" style="border:1px solid #726049"div> <div id="postmenu_33298"> <a class="bigusername" href="member.php?u=148">qpham</a> <img class="inlineimg" src="images/styles/smartbrown/statusicon/user_online.gif" alt="qpham &#273;ang online" border="0" /> <script type="text/javascript"> vbmenu_register("postmenu_33298", true); </script> </div> <div class="smallfont">Junior Member</div> </td> <td width="100%">&nbsp;</td> <td valign="top" nowrap="nowrap"> <div class="smallfont"> <div>Tham gia ngày: Jun 2012</div> <div> Bài g&#7917;i: 13 </div> <div> </div> </div> </td> </tr> </table> <!-- / user info --> </td> </tr> <tr> <td class="alt1" id="td_post_33298"> <!-- message, attachments, sig --> <!-- icon and title --> <div class="smallfont"> <img class="inlineimg" src="images/icons/icon1.gif" alt="M&#7863;c &#273;&#7883;nh" border="0" /> </div> <hr size="1" style="color:#726049" /> <!-- / icon and title --> <!-- message --> <div id="post_message_33298"><div style="min-height:800px"><!-- ads code --> <div style="float:right; padding:0 0 0 10px;"> <style> @import url("http://kienthucngaynay.info/000banner/textadsstyle/textadsstyle.css"); </style> <div class="oxad160"> <div class="oxtop"> <img src="http://kienthucngaynay.info/000banner/textadsstyle/tl.gif" alt="" width="15" height="15" class="corner" style="display: none" /> </div> <div class="adcontent"> <!--/* OpenX Javascript Tag v2.4.7 */--> <!--/* * The backup image section of this tag has been generated for use on a * non-SSL page. If this tag is to be placed on an SSL page, change the * 'http://kienthucngaynay.info/openx/www/delivery/...' * to * 'https://kienthucngaynay.info/openx/www/delivery/...' * * This noscript section of this tag only shows image banners. There * is no width or height in these banners, so if you want these tags to * allocate space for the ad before it shows, you will need to add this * information to the <img> tag. * * If you do not want to deal with the intricities of the noscript * section, delete the tag (from <noscript>... to </noscript>). On * average, the noscript tag is called from less than 1% of internet * users. */--> <script type='text/javascript'><!--//<![CDATA[ var m3_u = (location.protocol=='https:'?'https://kienthucngaynay.info/openx/www/delivery/ajs.php':'http://kienthucngaynay.info/openx/www/delivery/ajs.php'); var m3_r = Math.floor(Math.random()*99999999999); if (!document.MAX_used) document.MAX_used = ','; document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u); document.write ("?zoneid=4"); document.write ('&amp;cb=' + m3_r); if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used); document.write ("&amp;loc=" + escape(window.location)); if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer)); if (document.context) document.write ("&context=" + escape(document.context)); if (document.mmm_fo) document.write ("&amp;mmm_fo=1"); document.write ("'><\/scr"+"ipt>"); //]]>--></script> </div> <p> Hệ thống quảng cáo <a href="http://www.sangnhuong.com" target="_blank">SangNhuong.com</a></p> <div class="oxbottom"> <img src="http://kienthucngaynay.info/000banner/textadsstyle/bl.gif" alt="" width="15" height="15" class="corner" style="display: none" /> </div> </div> </div><div style="width:600px">Hiển thị tiếng Việt theo chuẩn TTVN 6909:2001<br /> <br /> +)Sử dụng tab <meta http-equiv="content-type" content="text/html; charset=utf-8"> và đặt charset là utf-8<br /> +)Sử dụng bảng mã UCS-2. Tuy nhiên mã UCS-2 làm cho trang Web có kích thước rất lớn, khiến việc hiển thị trang Web trở lên chậm chạp <br /> <br /> Soạn thảo trang HTML<br /> <br /> Dùng một trình soạn thảo bất kỳ đều có thể tạo ra trang HTML. Sau khi soạn thảo xong đặt tên cho files với phần mở rộng là HTM hoặc HTML<br /> <br /> Tạo trang HTML với MS Frontpage<br /> <br /> Có nhiều phần mềm giúp tạo một trang Web trực quan. Chúng ta chỉ cần dùng các động tác kéo thả và gõ ký tự, phần mềm sẽ tự sinh mã HTML cho ta. Trong các phần mềm đó thì MS Frontpage là chương trình tạo trang Web trực quan, đi kèm với bộ MS Office là một phần mềm tương đối thuận tiện, sử dụng tương đối dễ và quen thuộc<br /> <br /> Frontpage có 3 cửa sổ: HTML, Normal và Preview.<br /> +)HTML là cửa sổ chứa mã HTML mà FrontPage đã sinh mã cho ta<br /> +)Normal là cửa sổ mà chúng ta dùng soạn thoả và kéo thả các đối tượng vào trang Web<br /> +)Preview là cửa sổ cho phép ta nhìn thử trang Web vừa soạn thảo<br /> <br /> Trong 3 cửa sổ trên chúng ta có thể thay đổi được nội dung cửa sổ HTML và Normal. Nếu không ưng ý về mã HTML mà FrontPage sinh ra thì ta có thể thay đổi bằng cách gõ vào cửa sổ HTML.<br /> <br /> Tối ưu mã sinh ra bởi MS FrontPage<br /> Tuy Frontpage rất tiện trong việc sinh mã HTML giúp giảm bớt gánh nặng viết mã nhưng trong rất nhiều trường hợp mã HTML mà Frontpage sinh ra quá rườm rà và đặc biệt không sinh được nhiều mã HTML phức tạp. Do vậy việc nắm chắc các thẻ HTML là điều cần thiết cho dù có sử dụng những phần mềm hỗ trợ.</div></div></div> <!-- / message --> <div style="margin-top: 10px" align="right"> <!-- controls --> <a href="newreply.php?do=newreply&amp;p=33298" rel="nofollow"><img src="images/styles/smartbrown/buttons/quote.gif" alt="Tr&#7843; l&#7901;i v&#7899;i trích d&#7851;n" border="0" /></a> <!-- / controls --> </div> <!-- message, attachments, sig --> </td> </tr> </table> <!-- post 33298 popup menu --> <!--/* OpenX Javascript Tag v2.4.7 */--> <!--/* * The backup image section of this tag has been generated for use on a * non-SSL page. If this tag is to be placed on an SSL page, change the * 'http://kienthucngaynay.info/openx/www/delivery/...' * to * 'https://kienthucngaynay.info/openx/www/delivery/...' * * This noscript section of this tag only shows image banners. There * is no width or height in these banners, so if you want these tags to * allocate space for the ad before it shows, you will need to add this * information to the <img> tag. * * If you do not want to deal with the intricities of the noscript * section, delete the tag (from <noscript>... to </noscript>). On * average, the noscript tag is called from less than 1% of internet * users. */--> <script type='text/javascript'><!--//<![CDATA[ var m3_u = (location.protocol=='https:'?'https://kienthucngaynay.info/openx/www/delivery/ajs.php':'http://kienthucngaynay.info/openx/www/delivery/ajs.php'); var m3_r = Math.floor(Math.random()*99999999999); if (!document.MAX_used) document.MAX_used = ','; document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u); document.write ("?zoneid=4"); document.write ('&amp;cb=' + m3_r); if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used); document.write ("&amp;loc=" + escape(window.location)); if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer)); if (document.context) document.write ("&context=" + escape(document.context)); if (document.mmm_fo) document.write ("&amp;mmm_fo=1"); document.write ("'><\/scr"+"ipt>"); //]]>--></script> <br /> <br /> <div class="vbmenu_popup" id="postmenu_33298_menu" style="display:none;"> <table cellpadding="4" cellspacing="1" border="0"> <tr> <td class="thead">qpham</td> </tr> <tr><td class="vbmenu_option"><a href="member.php?u=148">Xem thông tin chung</a></td></tr> <tr><td class="vbmenu_option"><a href="private.php?do=newpm&amp;u=148" rel="nofollow">G&#7903;i nh&#7855;n tin t&#7899;i qpham</a></td></tr> <tr><td class="vbmenu_option"><a href="search.php?do=finduser&amp;u=148" rel="nofollow">Tìm bài g&#7917;i b&#7903;i qpham</a></td></tr> </table> </div> <!-- / post 33298 popup menu --> </div> </div> </div> </div> <!-- / close content container --> <!-- / post #33298 --><!-- post #33299 --> <!-- open content container --> <div align="center"> <div class="page" style="width:100%; text-align:left"> <div style="padding:0px 25px 0px 25px"> <div id="edit33299" style="padding:0px 0px 6px 0px"> <table class="tborder" id="post33299" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <tr> <td class="thead" > <div class="normal" style="float:right"> &nbsp; #<a href="showpost.php?p=33299&amp;postcount=9" target="new" rel="nofollow" id="postcount33299" name="9"><strong>9</strong></a> &nbsp; </div> <div class="normal"> <!-- status icon and date --> <a name="post33299"><img class="inlineimg" src="images/styles/smartbrown/statusicon/post_old.gif" alt="C&#361;" border="0" /></a> 29-01-2013, 04:33 PM <!-- / status icon and date --> </div> </td> </tr> <tr> <td class="alt2" style="padding:0px"> <!-- user info --> <table cellpadding="0" cellspacing="6" border="0" width="100%"> <tr> <td nowrap="nowrap"> <fieldset class="alt2" style="border:1px solid #726049"div> <div id="postmenu_33299"> <a class="bigusername" href="member.php?u=336">haodatco</a> <img class="inlineimg" src="images/styles/smartbrown/statusicon/user_online.gif" alt="haodatco &#273;ang online" border="0" /> <script type="text/javascript"> vbmenu_register("postmenu_33299", true); </script> </div> <div class="smallfont">Junior Member</div> </td> <td width="100%">&nbsp;</td> <td valign="top" nowrap="nowrap"> <div class="smallfont"> <div>Tham gia ngày: Jun 2012</div> <div> Bài g&#7917;i: 8 </div> <div> </div> </div> </td> </tr> </table> <!-- / user info --> </td> </tr> <tr> <td class="alt1" id="td_post_33299"> <!-- message, attachments, sig --> <!-- icon and title --> <div class="smallfont"> <img class="inlineimg" src="images/icons/icon1.gif" alt="M&#7863;c &#273;&#7883;nh" border="0" /> </div> <hr size="1" style="color:#726049" /> <!-- / icon and title --> <!-- message --> <div id="post_message_33299">Tổng kết<br /> <br /> Một số điều cần biết khi xây dựng một trang web: <br /> <br /> +) Khi một yêu cầu được gửi từ trình duyệt lên Server, Web Server sẽ thực thi yêu cầu và trả lại kết quả dưới dạng một trang HTML để trình duyệt hiển thị.<br /> <br /> +) HTML là một tập hợp các thẻ, mỗi thẻ thường gồm một cặp là thẻ đóng và thẻ mở. Dữ liệu nằm giữa hai thẻ sẽ bị tác động bởi cặp thẻ đó.<br /> <br /> +) Có thể chia các thẻ HTML làm hai loại: loại định dạng và hiển thị dữ liệu và dạng tạo giao diện và gửi dữ liệu<br /> <br /> +) Các thẻ dạng bảng biểu rất hay được sử dụng để tạo layout trang Web. Đối với các trang Web có tác động của người sử dụng thì các form rất quan trọng.<br /> <br /> +) Chú ý kích thước của trang Web: kích thước tuyệt đối và kích thước tương đối<br /> <br /> +) Nên sử dụng các dạng style và CSS để định dạng chung cho các đối tượng trên trang Web<br /> <br /> +) Nên sử dụng một phần mềm sinh mã HTML trực quan như FrontPage, tuy nhiên vẫn phải tự nắm được các thẻ HTML để sửa chữa vì mã HTML do các phần mềm sinh ra không tối ưu.</div> <!-- / message --> <div style="margin-top: 10px" align="right"> <!-- controls --> <a href="newreply.php?do=newreply&amp;p=33299" rel="nofollow"><img src="images/styles/smartbrown/buttons/quote.gif" alt="Tr&#7843; l&#7901;i v&#7899;i trích d&#7851;n" border="0" /></a> <!-- / controls --> </div> <!-- message, attachments, sig --> </td> </tr> </table> <!-- post 33299 popup menu --> <!--/* OpenX Javascript Tag v2.4.7 */--> <!--/* * The backup image section of this tag has been generated for use on a * non-SSL page. If this tag is to be placed on an SSL page, change the * 'http://kienthucngaynay.info/openx/www/delivery/...' * to * 'https://kienthucngaynay.info/openx/www/delivery/...' * * This noscript section of this tag only shows image banners. There * is no width or height in these banners, so if you want these tags to * allocate space for the ad before it shows, you will need to add this * information to the <img> tag. * * If you do not want to deal with the intricities of the noscript * section, delete the tag (from <noscript>... to </noscript>). On * average, the noscript tag is called from less than 1% of internet * users. */--> <script type='text/javascript'><!--//<![CDATA[ var m3_u = (location.protocol=='https:'?'https://kienthucngaynay.info/openx/www/delivery/ajs.php':'http://kienthucngaynay.info/openx/www/delivery/ajs.php'); var m3_r = Math.floor(Math.random()*99999999999); if (!document.MAX_used) document.MAX_used = ','; document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u); document.write ("?zoneid=4"); document.write ('&amp;cb=' + m3_r); if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used); document.write ("&amp;loc=" + escape(window.location)); if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer)); if (document.context) document.write ("&context=" + escape(document.context)); if (document.mmm_fo) document.write ("&amp;mmm_fo=1"); document.write ("'><\/scr"+"ipt>"); //]]>--></script> <br /> <br /> <div class="vbmenu_popup" id="postmenu_33299_menu" style="display:none;"> <table cellpadding="4" cellspacing="1" border="0"> <tr> <td class="thead">haodatco</td> </tr> <tr><td class="vbmenu_option"><a href="member.php?u=336">Xem thông tin chung</a></td></tr> <tr><td class="vbmenu_option"><a href="private.php?do=newpm&amp;u=336" rel="nofollow">G&#7903;i nh&#7855;n tin t&#7899;i haodatco</a></td></tr> <tr><td class="vbmenu_option"><a href="search.php?do=finduser&amp;u=336" rel="nofollow">Tìm bài g&#7917;i b&#7903;i haodatco</a></td></tr> </table> </div> <!-- / post 33299 popup menu --> <!-- open content container --> <div align="center"> <div class="page" style="width:100%; text-align:left"> <div style="padding:0px 25px 0px 25px"> <div style="padding:0px 0px 6px 0px"> <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <tr> <td class="thead" align="left">CHUYÊN MỤC ĐƯỢC TÀI TRỢ BỞI</td> </tr> <tr> <td class="alt1" align="center"> <!--/* OpenX Javascript Tag v2.4.7 */--> <!--/* * The backup image section of this tag has been generated for use on a * non-SSL page. If this tag is to be placed on an SSL page, change the * 'http://kienthucngaynay.info/openx/www/delivery/...' * to * 'https://kienthucngaynay.info/openx/www/delivery/...' * * This noscript section of this tag only shows image banners. There * is no width or height in these banners, so if you want these tags to * allocate space for the ad before it shows, you will need to add this * information to the <img> tag. * * If you do not want to deal with the intricities of the noscript * section, delete the tag (from <noscript>... to </noscript>). On * average, the noscript tag is called from less than 1% of internet * users. */--> <script type='text/javascript'><!--//<![CDATA[ var m3_u = (location.protocol=='https:'?'https://kienthucngaynay.info/openx/www/delivery/ajs.php':'http://kienthucngaynay.info/openx/www/delivery/ajs.php'); var m3_r = Math.floor(Math.random()*99999999999); if (!document.MAX_used) document.MAX_used = ','; document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u); document.write ("?zoneid=8"); document.write ('&amp;cb=' + m3_r); if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used); document.write ("&amp;loc=" + escape(window.location)); if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer)); if (document.context) document.write ("&context=" + escape(document.context)); if (document.mmm_fo) document.write ("&amp;mmm_fo=1"); document.write ("'><\/scr"+"ipt>"); //]]>--></script><noscript><center><a href='http://kienthucngaynay.info/openx/www/delivery/ck.php?n=a82c7019&amp;cb=INSERT_RANDOM_NUMBER_HERE' target='_blank'><img src='http://kienthucngaynay.info/openx/www/delivery/avw.php?zoneid=8&amp;cb=INSERT_RANDOM_NUMBER_HERE&amp;n=a82c7019' border='0' alt='' /></a></noscript> </center> </td> </tr> </table> </div> </div> </div> </div> <!-- / close content container --> </div> </div> </div> </div> <!-- / close content container --> <!-- / post #33299 --><div id="lastpost"></div></div> <!-- start content table --> <!-- open content container --> <div align="center"> <div class="page" style="width:100%; text-align:left"> <div style="padding:0px 25px 0px 25px"> <!-- / start content table --> <!-- controls below postbits --> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr valign="top"> <td class="smallfont"><a href="newreply.php?do=newreply&amp;noquote=1&amp;p=33299" rel="nofollow"><img src="images/styles/smartbrown/buttons/reply.gif" alt="Tr&#7843; l&#7901;i" border="0" /></a></td> </tr> </table> <!-- / controls below postbits --> <br /> <div class="smallfont" align="center"> <strong>&laquo;</strong> <a href="showthread.php?t=17433&amp;goto=nextoldest" rel="nofollow">Ch&#7911; &#273;&#7873; tr&#432;&#7899;c</a> | <a href="showthread.php?t=17433&amp;goto=nextnewest" rel="nofollow">Ch&#7911; &#273;&#7873; ti&#7871;p theo</a> <strong>&raquo;</strong> </div> <br /> <!-- currently active users --> <!-- end currently active users --> <!-- controls for non-popup browsers --> <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center" style="border-top-width:0px"> <tr> <td class="thead" colspan="2">Công c&#7909; bài vi&#7871;t<a name="goto_threadtools"></a></td> </tr> <tr valign="top"> <td class="alt1" colspan="2"> <!-- thread tools --> <div class="smallfont"> <div><img class="inlineimg" src="images/styles/smartbrown/buttons/printer.gif" alt="Hi&#7879;n b&#7843;n có th&#7875; in" vspace="1" /> <a href="printthread.php?t=17433" rel="nofollow">Hi&#7879;n b&#7843;n có th&#7875; in</a></div> <div><img class="inlineimg" src="images/styles/smartbrown/buttons/sendtofriend.gif" alt="Email trang này" vspace="1" /> <a href="sendmessage.php?do=sendtofriend&amp;t=17433" rel="nofollow">Email trang này</a></div> </div> <!-- / thread tools --> </td> </tr> <tr> <td class="thead" colspan="2">Ki&#7875;u hi&#7875;n th&#7883;<a name="goto_displaymodes"></a></td> </tr> <tr valign="top"> <td class="alt2" colspan="2"> <!-- thread display modes --> <div class="smallfont"> <div><img class="inlineimg" src="images/styles/smartbrown/buttons/mode_linear.gif" alt="D&#7841;ng h&#7865;p" vspace="1" /> <strong>D&#7841;ng h&#7865;p</strong></div> <div><img class="inlineimg" src="images/styles/smartbrown/buttons/mode_hybrid.gif" alt="D&#7841;ng Hybrid (Lai ghép)" vspace="1" /> <a href="showthread.php?mode=hybrid&amp;t=17433">Chuy&#7875;n sang d&#7841;ng Hybrid (Lai ghép)</a></div> <div><img class="inlineimg" src="images/styles/smartbrown/buttons/mode_threaded.gif" alt="D&#7841;ng Threaded" vspace="1" /> <a href="showthread.php?p=33291&amp;mode=threaded#post33291">Chuy&#7875;n sang d&#7841;ng Threaded</a></div> </div> <!-- / thread display modes --> </td> </tr> </table> <br /> <!-- / controls for non-popup browsers --> <!-- forum rules and admin links --> <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center"> <tr valign="bottom"> <td class="smallfont" align="left"> <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="180"> <thead> <tr> <td class="thead"> <a style="float:right" href="#top" onclick="return toggle_collapse('forumrules')"><img id="collapseimg_forumrules" src="images/styles/smartbrown/buttons/collapse_thead.gif" alt="" border="0" /></a> Quy&#7873;n vi&#7871;t bài </td> </tr> </thead> <tbody id="collapseobj_forumrules" style=""> <tr> <td class="alt1" nowrap="nowrap"><div class="smallfont"> <div>You <strong>may not</strong> post new threads</div> <div>You <strong>may not</strong> post replies</div> <div>You <strong>may not</strong> post attachments</div> <div>You <strong>may not</strong> edit your posts</div> <hr /> <div><a href="misc.php?do=bbcode" target="_blank">vB code</a> is <strong>M&#7903;</strong></div> <div><a href="misc.php?do=showsmilies" target="_blank">M&#7863;t c&#432;&#7901;i</a> &#273;ang <strong>M&#7903;</strong></div> <div><a href="misc.php?do=bbcode#imgcode" target="_blank">[IMG]</a> &#273;ang <strong>M&#7903;</strong></div> <div>HTML &#273;ang <strong>M&#7903;</strong></div> </div></td> </tr> </tbody> </table> </td> <td class="smallfont" align="right"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td> <div class="smallfont" style="text-align:left; white-space:nowrap"> <form action="forumdisplay.php" method="get"> <input type="hidden" name="s" value="" /> <input type="hidden" name="daysprune" value="" /> <strong>Chuy&#7875;n &#273;&#7871;n</strong><br /> <select name="f" onchange="this.form.submit();"> <optgroup label="Ch&#7913;c N&#259;ng"> <option value="cp" >B&#7843;ng &#273;i&#7873;u ch&#7881;nh cá nhân</option> <option value="pm" >Tin nh&#7855;n riêng</option> <option value="subs" >Subscriptions</option> <option value="wol" >Ai &#273;ang online</option> <option value="search" >Tìm trong di&#7877;n &#273;àn</option> <option value="home" >Trang Ð&#7847;u</option> </optgroup> <optgroup label="Di&#7877;n Ðàn"> <option value="3" class="fjdpth0" > GIỚI THIỆU CHUNG VỀ DIỄN ĐÀN</option> <option value="5" class="fjdpth1" >&nbsp; &nbsp; Thắc mắc &amp; Góp ý</option> <option value="4" class="fjdpth1" >&nbsp; &nbsp; Nội quy &amp; Thông báo</option> <option value="6" class="fjdpth1" >&nbsp; &nbsp; Chúc mừng sinh nhật</option> <option value="7" class="fjdpth1" >&nbsp; &nbsp; Cảnh Cáo Vi Phạm</option> <option value="8" class="fjdpth0" > XỨ SỞ CÀ PHÊ</option> <option value="9" class="fjdpth1" >&nbsp; &nbsp; Đọc báo giùm bạn</option> <option value="10" class="fjdpth1" >&nbsp; &nbsp; Văn hóa Cà phê</option> <option value="11" class="fjdpth1" >&nbsp; &nbsp; Du lịch Cà phê</option> <option value="12" class="fjdpth1" >&nbsp; &nbsp; Ẩm thực Cà phê</option> <option value="21" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; &#7848;m Th&#7921;c Vi&#7879;t Nam</option> <option value="22" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; Ẩm Thực Nước Ngoài</option> <option value="23" class="fjsel" selected="selected">&nbsp; &nbsp; &nbsp; &nbsp; Văn Hoá Ẩm Thực</option> <option value="24" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; &#7848;m Th&#7921;c T&#7889;t Cho S&#7913;c Kho&#7867;</option> <option value="14" class="fjdpth1" >&nbsp; &nbsp; Cà phê &amp; Học Tập</option> <option value="15" class="fjdpth1" >&nbsp; &nbsp; Công việc &amp; Cà phê &amp; Cuộc Sống</option> <option value="16" class="fjdpth0" > KHU TH&#7842;O LU&#7852;N CHUNG</option> <option value="17" class="fjdpth1" >&nbsp; &nbsp; Địa Chỉ Hấp Dẫn</option> <option value="18" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; Mi&#7873;n B&#7855;c</option> <option value="19" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; Mi&#7873;n Trung</option> <option value="20" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; Mi&#7873;n Nam</option> <option value="25" class="fjdpth1" >&nbsp; &nbsp; Cafe Tin Tức Nóng Hổi</option> <option value="26" class="fjdpth1" >&nbsp; &nbsp; Dạy &amp; Học: Pha Chế ~ Nấu Ăn</option> <option value="27" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; Công Thức Nấu Món Ngon</option> <option value="28" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; Công Thức Pha Đồ Uống</option> <option value="29" class="fjdpth1" >&nbsp; &nbsp; Chăm Sóc ~ Chế Biến Cafe</option> <option value="31" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; Chăm sóc cây cafe</option> <option value="32" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; Ch&#7871; bi&#7871;n cafe</option> <option value="30" class="fjdpth1" >&nbsp; &nbsp; Kỹ Năng ~ Kinh Nghiệm</option> <option value="33" class="fjdpth0" > CAFE GIAO LƯU ~ THƯ GIÃN</option> <option value="34" class="fjdpth1" >&nbsp; &nbsp; Làm Quen ~ Chúc Mừng ~ Offline</option> <option value="35" class="fjdpth1" >&nbsp; &nbsp; Đố Vui ~ Hài Hước</option> <option value="37" class="fjdpth1" >&nbsp; &nbsp; Góc Cà Phê 888</option> <option value="38" class="fjdpth0" > KHU KINH T&#7870; ~ TH&#431;&#416;NG M&#7840;I</option> <option value="39" class="fjdpth1" >&nbsp; &nbsp; Xuất Nhập Khẩu</option> <option value="40" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; T&#432; V&#7845;n Xu&#7845;t Nh&#7853;p Kh&#7849;u</option> <option value="41" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; Nghi&#7879;p V&#7909; Xu&#7845;t Nh&#7853;p Kh&#7849;u</option> <option value="42" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; CV về Phân Loại Hàng Hóa</option> <option value="43" class="fjdpth1" >&nbsp; &nbsp; Giao Nhận - Vận Tải</option> <option value="44" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; Nghi&#7879;p V&#7909; Giao Nh&#7853;n - V&#7853;n T&#7843;i</option> <option value="45" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; Ki&#7871;n Th&#7913;c B&#7893; Tr&#7907;</option> <option value="46" class="fjdpth1" >&nbsp; &nbsp; Kinh Tế ~ Thương Mại</option> <option value="47" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; Thị Trường Cà phê</option> <option value="48" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; CLB Doanh Nhân</option> <option value="49" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; Th&#432;&#417;ng M&#7841;i &#272;i&#7879;n T&#7917;</option> <option value="50" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp; Marketing ~ PR ~ Event</option> <option value="51" class="fjdpth0" > GÓC HẬU TRƯỜNG</option> <option value="52" class="fjdpth1" >&nbsp; &nbsp; Mua Bán ~ Rao Vặt ~ Quảng Cáo</option> <option value="53" class="fjdpth1" >&nbsp; &nbsp; Thùng Rác</option> </optgroup> </select><input type="submit" class="button" value="Ti&#7871;p T&#7909;c" /> </form> </div> </td> </tr> </table> </td> </tr> </table> <!-- /forum rules and admin links --> <br /> <script type="text/javascript"> //Alert MsgAd clicksor_enable_MsgAlert = true; //default pop-under house ad url clicksor_enable_pop = true; clicksor_frequencyCap = 0.1; durl = ''; //default banner house ad url clicksor_default_url = ''; clicksor_banner_border = '#000f30'; clicksor_banner_ad_bg = '#FFFFFF'; clicksor_banner_link_color = '#0c15ff'; clicksor_banner_text_color = '#da0041'; clicksor_banner_image_banner = true; clicksor_banner_text_banner = true; clicksor_layer_border_color = ''; clicksor_layer_ad_bg = ''; clicksor_layer_ad_link_color = ''; clicksor_layer_ad_text_color = ''; clicksor_text_link_bg = ''; clicksor_text_link_color = '#0c59ff'; clicksor_enable_text_link = true; clicksor_enable_VideoAd = true; </script> <style type="text/css"> * html div#fl813691 {position: absolute; overflow:hidden; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));} #fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:0; bottom:0; height:150px; } #coh963846{color:#FF6600;display:block; height:20px; line-height:20px; font-size:11px; width:0 px;} #coh963846 a{color:#690;text-decoration:none;} #coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;} #coc67178 li{display:inline;} #coc67178 li a{background-image:url(http://sangnhuong.com/sangnhuongvb/images/laivt_img/button.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;} #coc67178 li a.close{background-position: 0 0;} #coc67178 li a.close:hover{background-position: 0 -15px;} #coc67178 li a.min{background-position: -30px 0;} #coc67178 li a.min:hover{background-position: -30px -15px;} #coc67178 li a.max{background-position: -60px 0;} #coc67178 li a.max:hover{background-position: -60px -15px;} #co453569{display:block; margin:0; padding:0; height:123px; border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;} </style> <div style="height: 152px;" id="fl813691"> <div id="eb951855"> <div id="cob263512"> <div id="coh963846"> <ul id="coc67178"> <li id="pf204652hide"><a class="min" href="javascript:pf204652clickhide();" title="Ẩn đi">Ẩn</a></li> <li id="pf204652show" style="display: none;"><a class="max" href="javascript:pf204652clickshow();" title="Hiện lại">Xem </a></li> <li id="pf204652close"><a class="close" href="javascript:pf204652clickclose();" title="Đóng lại">Đóng</a></li> </ul> &nbsp; <a href="http://sangnhuong.com/index.php?option=com_content&task=view&id=179&Itemid=9" target="_blank">Hệ thống quảng cáo SangNhuong.com;</a> </div> <div id="co453569"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>SangNhuong.com</title> </head> <body> <p><!--/* OpenX Javascript Tag v2.4.7 */--> <!--/* * The backup image section of this tag has been generated for use on a * non-SSL page. If this tag is to be placed on an SSL page, change the * 'http://kienthucngaynay.info/openx/www/delivery/...' * to * 'https://kienthucngaynay.info/openx/www/delivery/...' * * This noscript section of this tag only shows image banners. There * is no width or height in these banners, so if you want these tags to * allocate space for the ad before it shows, you will need to add this * information to the <img> tag. * * If you do not want to deal with the intricities of the noscript * section, delete the tag (from <noscript>... to </noscript>). On * average, the noscript tag is called from less than 1% of internet * users. */--> <script type='text/javascript'><!--//<![CDATA[ var m3_u = (location.protocol=='https:'?'https://kienthucngaynay.info/openx/www/delivery/ajs.php':'http://kienthucngaynay.info/openx/www/delivery/ajs.php'); var m3_r = Math.floor(Math.random()*99999999999); if (!document.MAX_used) document.MAX_used = ','; document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u); document.write ("?zoneid=9"); document.write ('&amp;cb=' + m3_r); if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used); document.write ("&amp;loc=" + escape(window.location)); if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer)); if (document.context) document.write ("&context=" + escape(document.context)); if (document.mmm_fo) document.write ("&amp;mmm_fo=1"); document.write ("'><\/scr"+"ipt>"); //]]>--></script><noscript><a href='http://kienthucngaynay.info/openx/www/delivery/ck.php?n=a1a36a8b&amp;cb=INSERT_RANDOM_NUMBER_HERE' target='_blank'><img src='http://kienthucngaynay.info/openx/www/delivery/avw.php?zoneid=9&amp;cb=INSERT_RANDOM_NUMBER_HERE&amp;n=a1a36a8b' border='0' alt='' /></a></noscript></p> </body> </html> </div> </div></div></div> <script> pf204652bottomLayer = document.getElementById('fl813691'); var pf204652IntervalId = 0; var pf204652maxHeight = 140 ;//Chieu cao khung quang cao var pf204652minHeight = 20; var pf204652curHeight = 0; function pf204652show( ){ pf204652curHeight += 2; if (pf204652curHeight > pf204652maxHeight){ clearInterval ( pf204652IntervalId ); } pf204652bottomLayer.style.height = pf204652curHeight+'px'; } function pf204652hide( ){ pf204652curHeight -= 3; if (pf204652curHeight < pf204652minHeight){ clearInterval ( pf204652IntervalId ); } pf204652bottomLayer.style.height = pf204652curHeight+'px'; } pf204652IntervalId = setInterval ( 'pf204652show()', 5 ); function pf204652clickhide(){ document.getElementById('pf204652hide').style.display='none'; document.getElementById('pf204652show').style.display='inline'; pf204652IntervalId = setInterval ( 'pf204652hide()', 5 ); } function pf204652clickshow(){ document.getElementById('pf204652hide').style.display='inline'; document.getElementById('pf204652show').style.display='none'; pf204652IntervalId = setInterval ( 'pf204652show()', 5 ); } function pf204652clickclose(){ document.body.style.marginBottom = '0px'; pf204652bottomLayer.style.display = 'none'; } </script> <br /> <br /> <table cellpadding="6" cellspacing="0" border="0" width="100%" class="page" align="center"> <tr> <td align="left"> <div class="smallfont" align="left">Múi gi&#7901; GMT +7. Hi&#7879;n t&#7841;i là <span class="time">06:27 AM</span></div></td> <td align="right"><div class="smallfont"><strong> </strong> </div> </td> </tr> </table> <br /> <br /> <!-- /content area table --> <div class="smallfont" align="right"> <a href="sendmessage.php" rel="nofollow">Liên h&#7879;</a> - <a href="http://caphe.sangnhuong.com">Chợ thông tin Cà phê Việt Nam</a> - <a href="archive/index.php">L&#432;u Tr&#7919;</a> - <a href="#top" onclick="self.scrollTo(0, 0); return false;">Lên trên</a> </div><br /> <td><div class="smallfont" align="center">Diễn đàn được xây dựng bởi: <a href="http://www.sangnhuong.com" target="_blank">SangNhuong.com</a></font></center></td> <div align="center"> <div class="smallfont" align="center"> <!-- Do not remove this copyright notice --> <b>&copy; 2008 - 2024 Nhóm phát triển website và thành viên SANGNHUONG.COM.</b><br /><i>BQT không chịu bất cứ trách nhiệm nào từ nội dung bài viết của thành viên.</i> <!-- Do not remove this copyright notice --> </div> <div class="smallfont" align="center"> <!-- Do not remove <img src="http://caphe.sangnhuong.com/cron.php?&amp;rand=903628" alt="" width="1" height="1" border="0" /> or your scheduled tasks will cease to function --> <img src="http://caphe.sangnhuong.com/cron.php?&amp;rand=903628" alt="" width="1" height="1" border="0" /> <!-- Do not remove <img src="http://caphe.sangnhuong.com/cron.php?&amp;rand=903628" alt="" width="1" height="1" border="0" /> or your scheduled tasks will cease to function --> </div> </div> <script type="text/javascript"> <!-- // Main vBulletin Javascript Initialization vBulletin_init(); //--> </script> </td> </tr> </table> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-32906877-1']); _gaq.push(['_setDomainName', 'sangnhuong.com']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <!-- temp --> <div style="display:none"> <!-- thread rate --> <!-- / thread rate --> </div> </body> </html>