<div style="text-align: center;"><b>Học lập trình Web, học thiết kế web bằng HTML, CSS, Javascript, PHP & MySQL</b></div><div style="text-align: center;"><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTSM0ID1zBeG70Pf2ZBrsXGts8FLRbLhM-nPshBfdP-kA7xirfsGMbbZ_J3AXJWzI7-3t1YMQE1axR7kVBFpzBuuNb-oFmL_To9c1CrwFGQwLrfJCbAE23ScvFK6D0XDTH4HM9wWYOHtRp/s1600/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><b><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTSM0ID1zBeG70Pf2ZBrsXGts8FLRbLhM-nPshBfdP-kA7xirfsGMbbZ_J3AXJWzI7-3t1YMQE1axR7kVBFpzBuuNb-oFmL_To9c1CrwFGQwLrfJCbAE23ScvFK6D0XDTH4HM9wWYOHtRp/s1600/5.jpg" width="320" /></b></a></div><div style="text-align: center;"><b><br /></b></div><div style="text-align: center;"><b><br /></b></div><div style="text-align: center;"><b>  <iframe allowfullscreen="" frameborder="0" height="415" src="//www.youtube.com/embed/amnGHHU_F10" width="560"></iframe></b></div>

Học lập trình Web, học thiết kế web bằng HTML, CSS, Javascript, PHP & MySQL  

Read more »

  Posted at   9:34 AM  | Video HTML | 0 comments

<div style="text-align: center;"><span style="font-family: inherit;">Video: Hướng dẫn sử dụng Photoshop của KS Dương Trung Hiếu</span></div><div style="text-align: center;"><span style="font-family: inherit;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKj26xkcm3lClr8Sv7pMl1dq8eSzTd6kPOz2o44bz1_YZLJo_p2jYqFCIpV7HU3SjDFcbRFfknj_QSqhMELgAA2xQKmrwdQ8caGbFnWUu0vIWgzY1xhyphenhyphentS4Tz3MNPQ6hbcFxWP9k4B__4c/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="color: black; font-family: inherit;"><img border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKj26xkcm3lClr8Sv7pMl1dq8eSzTd6kPOz2o44bz1_YZLJo_p2jYqFCIpV7HU3SjDFcbRFfknj_QSqhMELgAA2xQKmrwdQ8caGbFnWUu0vIWgzY1xhyphenhyphentS4Tz3MNPQ6hbcFxWP9k4B__4c/s1600/4.jpg" width="320" /></span></a></div><div style="text-align: center;"><span style="font-family: inherit;"><br /></span></div><div style="text-align: center;"><span style="font-family: inherit;"><br /></span></div><div style="text-align: center;"><span style="font-family: inherit;">  <iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/F1P0iCrNj_M" width="560"></iframe><iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/z1Qy5NJIsoI" width="560"></iframe> <iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/X6LUuP2TaG4" width="560"></iframe></span></div>

Video: Hướng dẫn sử dụng Photoshop của KS Dương Trung Hiếu  

Read more »

  Posted at   9:29 AM  | Video Photoshop | 0 comments

<span style="font-family: inherit;"><span style="background-color: white;"><b>Khi xem 1 số trang Web bạn vẫn thấy những hiệu ứng rê ảnh khá đẹp, nhưng tiện dụng hơn là nó làm cho mình thấy những mô tả kèm theo hình ảnh đó nữa. Với bài viết này, </b></span><span style="background-color: white; line-height: 18px;"><a href="http://thegioiblogs.blogspot.com/" style="text-decoration: none;" target="_blank"><span style="color: blue;">Thế Giới Blog</span></a></span><span style="background-color: white;"><b> chia sẻ với bạn Code và cách làm thêm chú thích lên hình ảnh sử dụng Code CSS làm hiệu ứng trên Blogger. Với Website khác các bạn dán code tương tự</b></span></span><br /><span style="background-color: white;"><span style="font-family: inherit;"><br /></span></span><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody><tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTwHJ082_6DtDgZbLht5lu7YIN2gDWOz6uOD7BUcOXPxX_tKRfr4XDHaOsmBo0VjMARFoatOC8XYDBD6iKtU8ws73_E_zWEoIvSTkGvksmTi-B9U-CkKnasHnTlqfDQBHzXbUHynovM7FW/s1600/hinh-anh.JPG" imageanchor="1" style="border: 0px; margin-left: auto; margin-right: auto; text-decoration: none;"><span style="color: black; font-family: inherit;"><img alt="Chú thích lên hình ảnh sử dụng Code CSS làm hiệu ứng" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTwHJ082_6DtDgZbLht5lu7YIN2gDWOz6uOD7BUcOXPxX_tKRfr4XDHaOsmBo0VjMARFoatOC8XYDBD6iKtU8ws73_E_zWEoIvSTkGvksmTi-B9U-CkKnasHnTlqfDQBHzXbUHynovM7FW/s1600/hinh-anh.JPG" style="border: none;" title="" /></span></a></td></tr><tr><td class="tr-caption"><span style="font-family: inherit; font-size: small;">Chú thích lên hình ảnh sử dụng Code CSS làm hiệu ứng<br /><a href="http://itviet360-demo.blogspot.com/2013/10/hien-thi-hinh-anh-re-chuot-vao-de-thay-mo-ta.html" style="background-color: yellow; border: 0px; text-decoration: none;" target="_blank">DEMO</a></span></td></tr></tbody></table><span style="font-family: inherit;"><span style="background-color: white;">Code:</span></span><code style="background-color: #fffbcc; background-image: url(http://www.itviet360.com/2013/10/https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSuEN4BPPJHatO6-F0EoxltEhkplreNjtOmHuRQwt6wYZ3dvW_IYKS5RR5pg2dMmdi9aYcXuzWu3wHi-VqlJGc6dvKgZv7Ihvh4E_3_d52tPEIqrMoOR_DQCpQq8oXCSvGiVS5ucijotA/s1600/pen-namkna-blogspot-com-1.png); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border: 1px solid rgb(230, 219, 85); display: block; margin: 10px 0px; max-height: 350px; overflow: auto; padding: 10px 10px 10px 40px;"><span style="font-family: inherit;"><br /><style><br /><br />#bt_imageeffect {<br /><br />margin: 20px auto;<br /><br />width: 100%;min-height: 300px; padding: 20px 0;<br /><br />text-align: center;<br /><br />}<br /><br />.galleryItem {<br /><br />display: inline-block;;<br /><br />position: relative;<br /><br />width: 250px; height: 250px;<br /><br />padding: 0;margin: 0 20px;<br /><br />border: solid 10px #fff;<br /><br /><br /><br />-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);<br /><br />box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);<br /><br />}<br /><br />.galleryItem img {<br /><br />width: 250px;height: 250px;<br /><br />}<br /><br />.caption {<br /><br />position: relative;<br /><br />display: inline-block;<br /><br />width: 250px; height: 250px;<br /><br />z-index: 10;<br /><br />}<br /><br />.caption::before {<br /><br />content: attr(data-title);<br /><br />position: absolute;top: 0; left: 0;<br /><br />width: 250px; height: 0;<br /><br />font-family: 'Croissant One', cursive;<br /><br />font-size: 1.8em;font-weight: 600;<br /><br />line-height: 1.4em;color: #086FA1;<br /><br />background: #fff;<br /><br />overflow: hidden;<br /><br />-webkit-transition: all 0.9s ease;<br /><br />-moz-transition: all 0.9s ease;<br /><br />-ms-transition: all 0.9s ease;<br /><br />-o-transition: all 0.9s ease;<br /><br />transition: all 0.9s ease;<br /><br />}<br /><br />.caption::after {<br /><br />content: attr(data-description);<br /><br />position: absolute;<br /><br />bottom: -0;left: 0;<br /><br />width: 250px;height: 0;<br /><br />font-family: 'Poiret One', cursive;<br /><br />font-size: 1.1em;<br /><br />font-weight: 400;<br /><br />line-height: 1.4em;color: #fff;<br /><br />background: #222;<br /><br />overflow: hidden;<br /><br /><br /><br />-webkit-transition: all 0.9s ease;<br /><br />-moz-transition: all 0.9s ease;<br /><br />-ms-transition: all 0.9s ease;<br /><br />-o-transition: all 0.9s ease;<br /><br />transition: all 0.9s ease;<br /><br />}<br /><br />.caption:hover::before {<br /><br />height: 125px;<br /><br />}<br /><br />.caption:hover::after {<br /><br />bottom: 0;height: 125px;<br /><br />}<br /><br /></style><br /><br /><br /><br /><br /><br /><div id="bt_imageeffect"><br /><br /><br /><li class="galleryItem"><br /><br /><a class="caption" data-description="<b>itviet360.com chia sẻ thủ thuật blogspot, Tự học SEO Web, kiến thức mạng máy tính...và những gì về cuộc sống</b>" data-title="Nature Scene" href="http://www.itviet360.com/"><br /><br /><img alt="Nature Scene" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE9sJPwL1y6zaXF-vFRuPLdYCB45_UackYhYTxp6TzzBcndWcTVVpZO4LpQsrn49luYvafKaLK1zlJ4rBcdlMTGQyNmkbWJQZtxt8YViwgOqYQiY63vzKOR64LqCtd7M9l8wbD1tDlLSQ/s1600/Green+Nature+Wallpapers.jpg" /><br /><br /></a></li><br /><li class="galleryItem"><br /><br /><a class="caption" data-description="<b>Blog hình ảnh đẹp chia sẻ những hình ảnh đẹp và ý nghĩa nhất. Cùng nhau chia sẻ và cảm nhận những hình ảnh đẹp tổng hợp</b>" data-title="SunFlower" href="http://anhdep3.blogspot.com/"><br /><br /><img alt="Sunflower" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbWq4TS7G8Bz0Wr_QbsBPZol7-cEpqWEZ5hn1UhAvK-5xabWAbu2n020B2R3UXpQranA8t7wIGX4N-z8aLnN3Yw8MqZby6iJCBQANQgo47fW53ZBjbLLv0zl8x6a0rbkOgm1R70JkHhZo/s1600/nature_3.png" /><br /><br /></a></li><br /></div><br /></span></code><span style="font-family: inherit;"><br /><span style="background-color: white;">- Trong đó:</span><br /><span style="background-color: white;">Những dòng chữ mô tả bôi đỏ.</span><br /><span style="background-color: white;">- Cách làm thủ thuật trên blogspot</span><br /><span style="background-color: white;">1. Vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript</span><br /><span style="background-color: white;">2. Dán code trên vào tiện ích vừa thêm :)</span><br /><span style="background-color: white;">3. Lưu lại và xem kết quả.</span><br /></span>

Khi xem 1 số trang Web bạn vẫn thấy những hiệu ứng rê ảnh khá đẹp, nhưng tiện dụng hơn là nó làm cho mình thấy những mô tả kèm theo hình ảnh...

Read more »

  Posted at   8:49 AM  | Học Video | 0 comments

<div style="margin-top: 20px; padding: 0px;"><div style="text-align: justify;"><div style="text-align: center;"><span style="font-size: small;"><img height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaYSKDgFFciHfvSCL0OKZnuM1OKkIuCxAj3uoKUDN2XQOOGzuAG8MiFNe9pameAlnNQtStdonsQk37151g6H1dG4NR5sc1VFJyaJFB3UcdhVpBxXH_-KW4okcDPWkwbwh1zQ4FPJ7Dyehw/s320/html2.jpg" width="320" /></span></div><span style="font-size: small;">Có lẽ liên kết trong HTML và sử dụng hình ảnh là phần mạnh nhất và cũng là thú vị nhất của HTML. Bởi vì trang web là một phức hợp các tài liệu khác nhau được liên hệ với nhau bằng các đường liên kết và được trang trí bằng hình ảnh, màu sắc. Hơn nữa, bằng cách liên kết mà chúng ta có thể liên kết nhiều trang web với nhau và từ đó tạo ra mạng internet. Cũng chính bởi vì tầm quan trọng này của nó mà thẻ link được tách ra trong một video tutorial mới.</span></div></div><div style="margin-top: 20px; padding: 0px;"><div style="text-align: justify;"><span style="font-size: small;"><b style="margin: 0px; padding: 0px;">Thời lượng</b>: 15m9s</span></div><div style="text-align: justify;"><span style="font-size: small;"><b style="margin: 0px; padding: 0px;"><a href="http://www.megaupload.com/?d=258DSCU7" style="color: #ac2020; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Link Download</a></b>: phiên bản chất lượng hình cao hơn</span></div></div><div style="margin-top: 20px; padding: 0px;"><div style="text-align: justify;"><span style="font-size: small;"><b style="margin: 0px; padding: 0px;"><a href="http://thuthuatcode.blogspot.com/2012/01/hoc-html-co-ban-phan-1-video.html" target="_blank">Xem phần 1</a> của series này</b></span></div></div><span style="font-size: small;"><br /></span><br /><div class="tutorial-image" style="margin: 0px; max-width: 570px; overflow: hidden; padding: 10px; text-align: center;"><div style="text-align: justify;"><span style="font-size: small;"><iframe frameborder="0" height="480" src="http://player.vimeo.com/video/14959916" style="margin: 0px; padding: 0px;" width="580"></iframe></span></div></div><h5 style="font-family: helvetica,tahoma,arial,san-serif; margin: 15px 0px; padding: 0px; text-align: justify;"><span style="font-size: small;"><b style="margin: 0px; padding: 0px;">Cấu trúc của thẻ link như sau</b></span></h5><div style="margin: 0px; padding: 0px;"><div class="syntaxhighlighter xml" id="highlighter_127508" style="background-color: white ! important; margin: 1em 0px ! important; overflow: auto ! important; padding: 0px; position: relative ! important; width: 573px;"><table border="0" cellpadding="0" cellspacing="0" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: justify; top: auto ! important; vertical-align: baseline ! important; width: 573px;"><tbody style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><tr style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><td class="gutter" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: rgb(175, 175, 175) ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><div class="line number1 index0 alt2" style="background-color: white ! important; background-image: none ! important; border-right: 3px solid rgb(108, 226, 108) ! important; border-width: 0px 3px 0px 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px 0.5em 0px 1em ! important; position: static ! important; right: auto ! important; text-align: right ! important; top: auto ! important; vertical-align: baseline ! important; white-space: pre ! important; width: auto ! important;"><span style="font-size: small;">1</span></div></td><td class="code" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: 545px;"><div class="container" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: relative ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><div class="line number1 index0 alt2" style="background-color: white ! important; background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px 1em ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; white-space: pre ! important; width: auto ! important;"><span style="font-size: small;"><code class="xml plain" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: black ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><</code><code class="xml keyword" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: rgb(0, 102, 153) ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; font-weight: bold ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">a</code> <code class="xml color1" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: gray ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">href</code><code class="xml plain" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: black ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">=</code><code class="xml string" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: blue ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">"<a href="http://www.izwebz.com/" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: #ac2020; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; text-decoration: none; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">http://www.izwebz.com</a>"</code><code class="xml plain" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: black ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">> Trang chủ </</code><code class="xml keyword" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: rgb(0, 102, 153) ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; font-weight: bold ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">a</code><code class="xml plain" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: black ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">></code></span></div></div></td></tr></tbody></table></div></div><div style="margin-top: 20px; padding: 0px;"><div style="text-align: justify;"><span style="font-size: small;"><b style="margin: 0px; padding: 0px;">Trong ví dụ này thì ở trình duyệt người đọc chỉ thấy chữ Trang Chủ và theo mặc định nó sẽ là chữ xanh và gạch chân. Khi nhấn vào nó bạn sẽ được chuyển tới trang www.abcdef.com. Nếu bạn muốn thay đổi đích đến của nó, thì bạn chỉ việc thay đổi abcdef thành trang mà bạn muốn link tới.</b></span></div></div><div style="margin-top: 20px; padding: 0px;"><div style="text-align: justify;"><span style="font-size: small;"><b style="margin: 0px; padding: 0px;">Cũng giống như hầu hết các thẻ HTML khác, thẻ link cũng bắt đầu bằng một thẻ mở a href=”…” và kết thúc bằng một thẻ đóng</b></span></div></div><h5 style="font-family: helvetica,tahoma,arial,san-serif; margin: 15px 0px; padding: 0px; text-align: justify;"><span style="font-size: small;"><b style="margin: 0px; padding: 0px;">Địa chỉ URL tuyệt đôi và tương đối</b></span></h5><div style="margin-top: 20px; padding: 0px;"><div style="text-align: justify;"><span style="font-size: small;"><b style="margin: 0px; padding: 0px;">Khái niệm này có thể dễ gây hiểu nhầm lúc đầu, nhưng khi đã quen rồi thì nó lại trở nên rất hiển nhiên. Lấy một ví dụ gần với thức tế để bạn dễ cảm nhận hơn. Ví dụ có ai đó hỏi bạn bưu điện thành phố ở đâu, nếu bạn biết chính xác địa chỉ bạn có thể nói là 234 Thái Hà, Quận Ba Đình, Hà Nội, Việt Nam (tổi chỉ giả sử thôi). Nhưng nếu bạn không biết chính xác địa chỉ bạn có thể chỉ là “đi thẳng và quẹo phải ở ngôi nhà màu trắng là đến Bưu Điện thành phố”. Tất nhiên cả 2 cách đều đến nơi, nhưng cách thứ nhất thì “tuyệt đối” hơn và bất cứ ai đứng ở bất kỳ đâu cũng có thể dùng thông tin đó để kiếm ra bưu điện. Còn cách thứ 2 thì chỉ “tương đối” và cho người hỏi đủ thông tin đề tìm ra bưu điện tại ví trí họ đang đứng hỏi bạn.</b></span></div></div><div style="margin-top: 20px; padding: 0px;"><div style="text-align: justify;"><span style="font-size: small;"><b style="margin: 0px; padding: 0px;">Giống như trên với địa chỉ URL. Khi bạn liên kết từ tài liệu nay sang tài liệu khang ở cùng chung một thư mục hoặc ngang hàng nhau, bạn chỉ cần tên của tài liệu thứ hai là đủ. Ví dụ</b></span></div></div><div style="margin: 0px; padding: 0px;"><div class="syntaxhighlighter xml" id="highlighter_87120" style="background-color: white ! important; margin: 1em 0px ! important; overflow: auto ! important; padding: 0px; position: relative ! important; width: 573px;"><table border="0" cellpadding="0" cellspacing="0" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: justify; top: auto ! important; vertical-align: baseline ! important; width: 573px;"><tbody style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><tr style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><td class="gutter" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: rgb(175, 175, 175) ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><div class="line number1 index0 alt2" style="background-color: white ! important; background-image: none ! important; border-right: 3px solid rgb(108, 226, 108) ! important; border-width: 0px 3px 0px 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px 0.5em 0px 1em ! important; position: static ! important; right: auto ! important; text-align: right ! important; top: auto ! important; vertical-align: baseline ! important; white-space: pre ! important; width: auto ! important;"><span style="font-size: small;">1</span></div></td><td class="code" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: 545px;"><div class="container" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: relative ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><div class="line number1 index0 alt2" style="background-color: white ! important; background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px 1em ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; white-space: pre ! important; width: auto ! important;"><span style="font-size: small;"><code class="xml plain" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: black ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><</code><code class="xml keyword" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: rgb(0, 102, 153) ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; font-weight: bold ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">a</code> <code class="xml color1" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: gray ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">href</code><code class="xml plain" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: black ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">=</code><code class="xml string" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: blue ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">"about.html"</code><code class="xml plain" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: black ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">> Xem trang About</</code><code class="xml keyword" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: rgb(0, 102, 153) ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; font-weight: bold ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">a</code><code class="xml plain" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: black ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">></code></span></div></div></td></tr></tbody></table></div></div><div style="margin-top: 20px; padding: 0px;"><div style="text-align: justify;"><span style="font-size: small;"><b style="margin: 0px; padding: 0px;">Giả sử đoạn text đó nằm trong trang index.htm và nó được đặt chung một thư mục hoặc ngang hàng nhau.</b></span></div></div><div style="margin-top: 20px; padding: 0px;"><div style="text-align: justify;"><span style="font-size: small;"><b style="margin: 0px; padding: 0px;">Hoặc bạn có thể liên kết đến một tài liệu khác không cùng chung thư mục bằng cách</b></span></div></div><h5 style="font-family: helvetica,tahoma,arial,san-serif; margin: 15px 0px; padding: 0px; text-align: justify;"><span style="font-size: small;"><b style="margin: 0px; padding: 0px;">Liên kết đến một tài liệu nằm trong thư mục có vị trí cao hơn thư mục hiện tại</b></span></h5><div style="margin-top: 20px; padding: 0px;"><div style="text-align: justify;"><span style="font-size: small;"><b style="margin: 0px; padding: 0px;">Thường thì bạn nên liên kết tương đối cho các tài liệu trong trang web của bạn, bởi vì nó dễ viết và cho phép bạn di chuyển các tệp tin từ chỗ này sang chỗ khác mà không phải chỉnh sửa lại đường liên kết.</b></span></div></div><div class="tutorial-image" style="margin: 0px; max-width: 570px; overflow: hidden; padding: 10px; text-align: center;"><div style="text-align: justify;"><span style="font-size: small;"><b style="margin: 0px; padding: 0px;"><img alt="HTML Basic" src="http://www.izwebz.com/wp-content/uploads/2009/08/html-basic.png" style="float: none; margin: 0px; padding: 0px;" /></b></span></div></div><div style="margin-top: 20px; padding: 0px;"><div style="text-align: justify;"><span style="font-size: small;"><b style="margin: 0px; padding: 0px;">Ở hình trên nếu bạn đang ở file <span class="post-span" style="background-color: #e4e4e4; font-family: 'courier new',courier,sans-serif; margin: 0px; padding: 0px;">homepate.html</span> và muốn link đến <span class="post-span" style="background-color: #e4e4e4; font-family: 'courier new',courier,sans-serif; margin: 0px; padding: 0px;">contact.html</span> thì câu lệnh sẽ như sau:</b></span></div></div><div style="margin: 0px; padding: 0px;"><div class="syntaxhighlighter xml" id="highlighter_531247" style="background-color: white ! important; margin: 1em 0px ! important; overflow: auto ! important; padding: 0px; position: relative ! important; width: 573px;"><table border="0" cellpadding="0" cellspacing="0" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: justify; top: auto ! important; vertical-align: baseline ! important; width: 573px;"><tbody style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><tr style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><td class="gutter" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: rgb(175, 175, 175) ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><div class="line number1 index0 alt2" style="background-color: white ! important; background-image: none ! important; border-right: 3px solid rgb(108, 226, 108) ! important; border-width: 0px 3px 0px 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px 0.5em 0px 1em ! important; position: static ! important; right: auto ! important; text-align: right ! important; top: auto ! important; vertical-align: baseline ! important; white-space: pre ! important; width: auto ! important;"><span style="font-size: small;">1</span></div></td><td class="code" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: 545px;"><div class="container" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: relative ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><div class="line number1 index0 alt2" style="background-color: white ! important; background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px 1em ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; white-space: pre ! important; width: auto ! important;"><span style="font-size: small;"><code class="xml plain" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: black ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><</code><code class="xml keyword" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: rgb(0, 102, 153) ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; font-weight: bold ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">a</code> <code class="xml color1" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: gray ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">href</code><code class="xml plain" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: black ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">=</code><code class="xml string" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: blue ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">"contact.html"</code><code class="xml plain" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: black ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">> Contact Me</</code><code class="xml keyword" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: rgb(0, 102, 153) ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; font-weight: bold ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">a</code><code class="xml plain" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: black ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">></code></span></div></div></td></tr></tbody></table></div></div><div style="margin-top: 20px; padding: 0px;"><div style="text-align: justify;"><span style="font-size: small;"><b style="margin: 0px; padding: 0px;">Bởi vì 2 file này nằm ngang hàng với nhau do vậy bạn có thể liên kết trực tiếp đến nó.</b></span></div></div><div style="margin-top: 20px; padding: 0px;"><div style="text-align: justify;"><span style="font-size: small;"><b style="margin: 0px; padding: 0px;">Còn nếu bạn muốn link đến một file bất kỳ nằm trong thư mục text từ file contact.html bạn sẽ có lệnh như sau:</b></span></div></div><div style="margin: 0px; padding: 0px;"><div class="syntaxhighlighter xml" id="highlighter_266284" style="background-color: white ! important; margin: 1em 0px ! important; overflow: auto ! important; padding: 0px; position: relative ! important; width: 573px;"><table border="0" cellpadding="0" cellspacing="0" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: justify; top: auto ! important; vertical-align: baseline ! important; width: 573px;"><tbody style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><tr style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><td class="gutter" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: rgb(175, 175, 175) ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><div class="line number1 index0 alt2" style="background-color: white ! important; background-image: none ! important; border-right: 3px solid rgb(108, 226, 108) ! important; border-width: 0px 3px 0px 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px 0.5em 0px 1em ! important; position: static ! important; right: auto ! important; text-align: right ! important; top: auto ! important; vertical-align: baseline ! important; white-space: pre ! important; width: auto ! important;"><span style="font-size: small;">1</span></div></td><td class="code" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: 545px;"><div class="container" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: relative ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><div class="line number1 index0 alt2" style="background-color: white ! important; background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; direction: ltr ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px 1em ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; white-space: pre ! important; width: auto ! important;"><span style="font-size: small;"><code class="xml plain" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: black ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;"><</code><code class="xml keyword" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: rgb(0, 102, 153) ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; font-weight: bold ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">a</code> <code class="xml color1" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: gray ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">href</code><code class="xml plain" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: black ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">=</code><code class="xml string" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: blue ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">"text/cache.php"</code><code class="xml plain" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: black ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">>Cache</</code><code class="xml keyword" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: rgb(0, 102, 153) ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; font-weight: bold ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">a</code><code class="xml plain" style="background-image: none ! important; border-width: 0px ! important; bottom: auto ! important; color: black ! important; direction: ltr ! important; display: inline ! important; float: none ! important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace ! important; font-style: normal ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline-width: 0px ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important;">></code></span></div></div></td></tr></tbody></table></div></div><span style="font-size: small;"><br /></span><br /><span style="font-size: small;"><br /></span><br /><div style="text-align: justify;"><span style="font-size: small;"><br /></span><br /><span style="font-size: small;"><br /></span></div><div style="text-align: right;"><span style="font-size: small;"><i><b>Nguồn : izwebz.com</b></i></span><br /><span style="font-size: small;"><br /></span><br /><span style="font-size: small;"><br /></span><br /><div style="text-align: justify;"><span style="font-size: small;">Trong quá trình xem video bạn không hiểu chỗ nào có thể comments bên dưới mình sẽ giải đáp thắc mắc của bạn</span></div><div style="text-align: justify;"><br /><span style="font-size: small;"><b>Chúc các bạn Học tập thành công</b></span></div></div><div style="clear: both; padding-top: 15px;"></div>

Có lẽ liên kết trong HTML và sử dụng hình ảnh là phần mạnh nhất và cũng là thú vị nhất của HTML. Bởi vì trang web là một phức hợp các tài li...

Read more »

  Posted at   12:38 PM  | Video HTML | 0 comments

Read more »

  Posted at   12:40 PM  | Video Photoshop | 0 comments

Read more »

  Posted at   12:38 PM  | Video CSS | 0 comments