tự học HTML cơ bản.

Tiêu đề: tự học HTML cơ bản. Mon Sep 03, 2012 10:41 pm

Mình quay 6 video để hướng dẫn 1 phần cơ bản của html cho các bạn mới
bắt đầu làm web html tìm hỉu (hi vọng sẽ giúp ích dc phần nào )

6 video này thì xử lý các chuyện sau :
+ chạy file html đầu tiên
+ định dạng chữ
+ chèn liên kết vào web
+ chèn hình , flash vào web
+ sử dụng table để bố trí layout đơn giản
+ sử dụng sever xampp chạy code html
+ sử dụng thẻ

->

, thẻ

+ sử dụng thẻ
để chèn biểu mẫu vào web
+ sử dụng thẻ để thêm tiêu đề cho web<br />+ viết chữ tiếng việt trong tài liệu html<br />+ dàn layout div đơn giản<br />+ làm layout web bằng div css ( kiểu đơn giản )<br />+ chèn nhạc,video vào web<br />+ chèn playlist nhạc bằng mã share trên mạng (chưa hoàn chỉnh nhưng đã chèn dc)<br />+ tạo chữ chạy với thẻ marquee<br /> <br />Phần 1 : <a href="http://www.mediafire.com/?c6361cwz4lcs70k" class="postlink" target="_blank" rel="nofollow">http://www.mediafire.com/?c6361cwz4lcs70k</a> (mediafire.com/?c6361cwz4lcs70k) (5.74mb) ( 35 phút )<br /> <br />Phần 2 : <a href="http://www.mediafire.com/?fwbrbd038rgi3r2" class="postlink" target="_blank" rel="nofollow">http://www.mediafire.com/?fwbrbd038rgi3r2</a> (mediafire.com/?fwbrbd038rgi3r2 ) (7.5mb) ( 39 phút )<br /> <br />Phần 3 : <a href="http://www.mediafire.com/?82b8t4vw00mwddw" class="postlink" target="_blank" rel="nofollow">http://www.mediafire.com/?82b8t4vw00mwddw</a> ( mediafire.com/?82b8t4vw00mwddw )<br /> <br />Phần 4 : <a href="http://www.mediafire.com/?xqipxbg9cq6nsqu" class="postlink" target="_blank" rel="nofollow">http://www.mediafire.com/?xqipxbg9cq6nsqu</a> ( mediafire.com/?qmsf4nc6aalhq2n )<br /> <br />Phần 5 : <a href="http://www.mediafire.com/?qmsf4nc6aalhq2n" class="postlink" target="_blank" rel="nofollow">http://www.mediafire.com/?qmsf4nc6aalhq2n</a> ( mediafire.com/?qmsf4nc6aalhq2n )<br /> <br />Phần 6 : <a href="http://www.mediafire.com/?kqa4o4dr70sq49e" class="postlink" target="_blank" rel="nofollow">http://www.mediafire.com/?kqa4o4dr70sq49e</a> ( mediafire.com/?kqa4o4dr70sq49e )<br /> <br /> <br />download source : <a href="http://www.mediafire.com/?84a27nsqqm2gyxc" class="postlink" target="_blank" rel="nofollow">http://www.mediafire.com/?84a27nsqqm2gyxc</a> (mediafire.com/?re3t235ug6dha5h)<br /> <br />các bạn nên xem tại <a href="http://lamwebbanhang.blogspot.com/2011/06/html-co-ban.html" class="postlink" target="_blank" rel="nofollow">http://lamwebbanhang.blogspot.com/20...ml-co-ban.html</a> ; nếu có cập nhật thì tớ sẽ update vào đó sớm nhất<br /> <br />đương nhiên là vẫn chưa nói hết toàn bộ html , nhưng cũng dc 1 vài điều cơ bản thường gặp của html<br /> <br />trong thời gian sắp tới mình sẽ bổ sung thêm vài video html cơ bản</div><div class="clear"></div><div class="signature_div"></div></div><span class="gensmall"></span></td></tr></table></td></tr><tr><td class="row1 browse-arrows" align="center" valign="middle" width="150"><a href="#top"><img src="https://2img.net/s/t/16/48/77/i_up_arrow.gif" alt="Về Đầu Trang" loading="lazy" /></a> <a href="#bottom"><img src="https://2img.net/s/t/16/48/77/i_down_arrow.gif" alt="Go down" loading="lazy" /></a></td><td class="row1 messaging gensmall" width="100%" height="28"><table border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle"> <a href="https://vfu2.forum-viet.com" title="Website của thành viên này" target="_blank" rel="nofollow"><img src="https://2img.net/s/t/16/48/77/i_icon_www.png" alt="https://vfu2.forum-viet.com" /></a> </td></tr></table></td></tr><tr align="right"><td class="catBottom" colspan="3" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="9%" class="noprint"> </td><td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">tự học HTML cơ bản.</h1></td><td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="/t394p-topic"><img src="https://2img.net/s/t/16/48/77/i_left_arrow.gif" alt="Xem chủ đề cũ hơn" loading="lazy" /></a> <a href="/t394n-topic"><img src="https://2img.net/s/t/16/48/77/i_right_arrow.gif" alt="Xem chủ đề mới hơn" loading="lazy" /></a> <a href="#top"><img src="https://2img.net/s/t/16/48/77/i_up_arrow.gif" alt="Về Đầu Trang" loading="lazy" /></a> </td></tr></table></td></tr></table><table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;"><tr><td class="row2" valign="top" colspan="2" width="150"><span class="gensmall">Trang <strong>1</strong> trong tổng số <strong>1</strong> trang</span></td></tr><tr><td class="row2" colspan="2" align="right" valign="top"><span class="gensmall"></span></td></tr></table><table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="row2" colspan="2" align="center" style="padding:0px"><a name="quickreply"></a><br /><span class="gensmall">Chọn kiểu gõ :<input name="mudim" id="mudim-off" onclick="Mudim.SetMethod(0);" type="radio"> Tắt<input name="mudim" id="mudim-vni" onclick="Mudim.SetMethod(1);" type="radio"> VNI <input name="mudim" id="mudim-telex" onclick="Mudim.SetMethod(2);" type="radio"> Telex <input name="mudim" id="mudim-viqr" onclick="Mudim.SetMethod(3);" type="radio"> Viqr <input name="mudim" id="mudim-auto" onclick="Mudim.SetMethod(4);" type="radio"> Tổng hợp</span></td></tr><tr><td style="margin:0; padding: 0;" colspan="2"><table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"><tbody><tr><td class="row2" valign="top" width="25%"><span class="gensmall"><strong>Permissions in this forum:</strong></span></td><td class="row1" valign="top" width="75%"><span class="gensmall">Bạn <strong>không có quyền</strong> trả lời bài viết<br /></span></td></tr><tr><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="/forum">Vfu2- Forum Sinh Viên Đại Học Lâm Nghiệp - Trảng Bom - Đồng Nai</a><a class="nav" href=""></a> :: <a href="/c11-category" class="nav"><span>CÔNG NGHỆ IT</span></a> :: <a href="/f32-forum" class="nav"><span>LẬP TRÌNH</span></a></span></td><td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="https://2img.net/i/fa/m/tabs_less2.gif" alt="-" align="middle" border="0" /></a></span></td></tr></table></td></tr></tbody></table></td></tr><tr><td style="margin:0; padding: 0;" colspan="2"><table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"><tbody><tr><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="/forum">Vfu2- Forum Sinh Viên Đại Học Lâm Nghiệp - Trảng Bom - Đồng Nai</a><a class="nav" href=""></a> :: <a href="/c11-category" class="nav"><span>CÔNG NGHỆ IT</span></a> :: <a href="/f32-forum" class="nav"><span>LẬP TRÌNH</span></a></span></td><td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="https://2img.net/i/fa/m/tabs_more2.gif" alt="+" align="middle" border="0" /></a></span></td></tr></table></td></tr></tbody></table></td></tr></table><form action="/viewforum" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"><table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"><tr><td align="left" valign="middle" nowrap="nowrap" ><span class="nav"></span></td></tr></table></form><script src="https://illiweb.com/rs3/86/frm/addthis/addthis_widget.js" type="text/javascript"></script><div id="iefd268" style="clear:both;"><div align="center"> <div style="text-align:center; display:inline-block; margin:0 auto;"> <table border="0" cellspacing="0" cellpadding="0" style="padding:0; margin:0; border:none;"> <tbody> <tr> <td valign="top" style="padding:32px 32px; "> <script type="text/javascript">//<![CDATA[ function AT_adFillSlot(){document.write('<scr' + 'ipt> window._taboola = window._taboola || [];_taboola.push({article:"auto"});!function (e, f, u, i) {if (!document.getElementById(i)){e.async = 1;e.src = u;e.id = i;f.parentNode.insertBefore(e, f);}}(document.createElement("script"),document.getElementsByTagName("script")[0],"//cdn.taboola.com/libtrc/forforumotion-vi/loader.js","tb_loader_script");</scr' + 'ipt><div id="taboola-300x250-thumbnails-5" style="background-color:#fffd"></div><scr' + 'ipt type="text/javascript">window._taboola = window._taboola || [];_taboola.push({mode: "thumbnails-300x250",container: "taboola-300x250-thumbnails-5",placement: "300x250 Thumbnails-5",target_type: "mix"});</scr' + 'ipt> <scr' + 'ipt type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</scr' + 'ipt>');}//]]> </script> <div id="crt-8x0c97dz1" style="width:300px;height:250px;margin:auto;"></div> <script type="text/javascript"> CriteoAdblock("crt-8x0c97dz1", 1356533,'criteo_13333601'); </script>  <div id="criteo_13333601"> <script type="text/javascript"> Criteo.events.push(function() { Criteo.Passback.RenderAd('criteo_13333601', function(){ var width = "300"; var height = "250"; var slotid = "criteo_13333601"; var div = document.getElementById(slotid); if (div) { var ifr = document.createElement('iframe'); ifr.setAttribute("id", slotid + "_iframe"), ifr.setAttribute("frameborder", "0"), ifr.setAttribute("allowtransparency", "true"), ifr.setAttribute("hspace", "0"), ifr.setAttribute("marginwidth", "0"), ifr.setAttribute("marginheight", "0"), ifr.setAttribute("scrolling", "no"), ifr.setAttribute("vspace", "0"), ifr.setAttribute("width", "300"), ifr.setAttribute("height", "250"); div.appendChild(ifr); var ifrd = ifr.contentWindow.document; var htmlcode ='<scr' + 'ipt> window._taboola = window._taboola || [];_taboola.push({article:"auto"});!function (e, f, u, i) {if (!document.getElementById(i)){e.async = 1;e.src = u;e.id = i;f.parentNode.insertBefore(e, f);}}(document.createElement("script"),document.getElementsByTagName("script")[0],"\/\/cdn.taboola.com/libtrc/forforumotion-vi/loader.js","tb_loader_script");</scr' + 'ipt><div id="taboola-300x250-thumbnails-7" style="background-color:#fffd"></div><scr' + 'ipt type="text/javascript">window._taboola = window._taboola || [];_taboola.push({mode: "thumbnails-300x250",container: "taboola-300x250-thumbnails-7",placement: "300x250 Thumbnails-7",target_type: "mix"});</scr' + 'ipt> <scr' + 'ipt type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</scr' + 'ipt>'; ifrd.open(); ifrd.write(htmlcode); ifrd.close(); } }); }); </script></div> </td> <td valign="top" style="padding:32px 32px; "> <script type="text/javascript">//<![CDATA[ function AT_adFillSlot(){document.write('<scr' + 'ipt> window._taboola = window._taboola || [];_taboola.push({article:"auto"});!function (e, f, u, i) {if (!document.getElementById(i)){e.async = 1;e.src = u;e.id = i;f.parentNode.insertBefore(e, f);}}(document.createElement("script"),document.getElementsByTagName("script")[0],"//cdn.taboola.com/libtrc/forforumotion-vi/loader.js","tb_loader_script");</scr' + 'ipt><div id="taboola-300x250-thumbnails-1" style="background-color:#fffd"></div><scr' + 'ipt type="text/javascript">window._taboola = window._taboola || [];_taboola.push({mode: "thumbnails-300x250",container: "taboola-300x250-thumbnails-1",placement: "300x250 Thumbnails-1",target_type: "mix"});</scr' + 'ipt> <scr' + 'ipt type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</scr' + 'ipt>');}//]]> </script> <div id="crt-8x0c97dz" style="width:300px;height:250px;margin:auto;"></div> <script type="text/javascript"> CriteoAdblock("crt-8x0c97dz", 1356533,'criteo_1333360'); </script>  <div id="criteo_1333360"> <script type="text/javascript"> Criteo.events.push(function() { Criteo.Passback.RenderAd('criteo_1333360', function(){ var width = "300"; var height = "250"; var slotid = "criteo_1333360"; var div = document.getElementById(slotid); if (div) { var ifr = document.createElement('iframe'); ifr.setAttribute("id", slotid + "_iframe"), ifr.setAttribute("frameborder", "0"), ifr.setAttribute("allowtransparency", "true"), ifr.setAttribute("hspace", "0"), ifr.setAttribute("marginwidth", "0"), ifr.setAttribute("marginheight", "0"), ifr.setAttribute("scrolling", "no"), ifr.setAttribute("vspace", "0"), ifr.setAttribute("width", "300"), ifr.setAttribute("height", "250"); div.appendChild(ifr); var ifrd = ifr.contentWindow.document; var htmlcode ='<scr' + 'ipt> window._taboola = window._taboola || [];_taboola.push({article:"auto"});!function (e, f, u, i) {if (!document.getElementById(i)){e.async = 1;e.src = u;e.id = i;f.parentNode.insertBefore(e, f);}}(document.createElement("script"),document.getElementsByTagName("script")[0],"\/\/cdn.taboola.com/libtrc/forforumotion-vi/loader.js","tb_loader_script");</scr' + 'ipt><div id="taboola-300x250-thumbnails-3" style="background-color:#fffd"></div><scr' + 'ipt type="text/javascript">window._taboola = window._taboola || [];_taboola.push({mode: "thumbnails-300x250",container: "taboola-300x250-thumbnails-3",placement: "300x250 Thumbnails-3",target_type: "mix"});</scr' + 'ipt> <scr' + 'ipt type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</scr' + 'ipt>'; ifrd.open(); ifrd.write(htmlcode); ifrd.close(); } }); }); </script></div> </td> </tr> </tbody> </table> </div></div></div><div style="height:3px"></div></td><td valign="top" width="0"><div id="emptyidright"></div></td></tr></tbody></table></div></div><div id="page-footer"><div align="center"><div class="gen"><strong><a href="http://www.forumvi.com/" target="_blank">Free forum</a></strong> | <span class="gensmall">©</span><a href="https://www.forumvi.com/phpbb" target="_blank">phpBB</a> | <a name="bottom" href="https://help.forumotion.com/" target="_blank">Free forum support</a> | <a href="/abuse?page=%2Ft394-topic&report=1" rel="nofollow">Báo cáo lạm dụng</a> | <strong><a href="/latest" target="_blank">Thảo luận mới nhất</a></strong></div></div></div></td></tr></table><script type="text/javascript">$(document).ready( function() {$('div.ti-connect').attr({'data-loc' : 'https://connect.topicit.net/','data-login' : 'https://vfu2.forum-viet.com/topicit/index.php/connect','data-version' : '1','data-lang' : 'vi'});(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "https://connect.topicit.net/scripts/connect.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'topicit-connect'));});</script><script type="text/javascript">//<![CDATA[ fa_endpage();//]]></script><script type="text/javascript"> var vglnk = { key: '9019de09e2fbd24ca1be00a9fededd9e' }; (function(d, t) { var s = d.createElement(t); s.type = 'text/javascript'; s.async = true; s.src = '//cdn.viglink.com/api/vglnk.js'; var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r); }(document, 'script')); </script> <script type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</script>  <div id="criteo_sticky"> <script type="text/javascript"> function CreateStickyFooterContainer(e) { var t = document.getElementById(e); t.style.position = "fixed", t.style.zIndex = "2147483646", t.style.bottom = "0", t.style.left = "0", t.style.padding = "0", t.style.borderColor = "rgb(196, 196, 196)", t.style.width = "100%", t.style.backgroundColor = "rgba(245, 245, 245, 0.54902)", t.style.borderStyle = "solid", t.style.borderWidth = "1px"; var o = document.createElement("a"); t.appendChild(o), o.style.backgroundColor = "rgb(221, 221, 221)", o.style.backgroundImage = "url('//static.criteo.net/images/criteo/publishertag/close.png')", o.style.backgroundRepeat = "no-repeat", o.style.backgroundPosition = "center", o.style.display = "block", o.style.position = "absolute", o.style.left = "0", o.style.top = "-24px", o.style.width = "23px", o.style.height = "24px", o.style.borderBottomColor = "#6d6c71", o.style.cursor = "pointer", o.onclick = function() { t.style.display = "none" }; var l = document.createElement("div"); l.id = "cto_sticky", l.style.margin = "0 auto", l.style.display = "table"; t.appendChild(l); return l.id }; Criteo.events.push(function() { if(!isMobile){ Criteo.Passback.RenderAd(CreateStickyFooterContainer("criteo_sticky"), function(){ var slotid = "criteo_sticky"; var div = document.getElementById(slotid); div.removeAttribute("style"); }); } else{ var slotid = "criteo_sticky"; var div = document.getElementById(slotid); div.style.display = "none"; } }); </script> </div> </body></html>