Code Thông Dụng Để Viết HTML Trên Web

Share code Thông Dụng Để Viết HTML

1. Bookmark đến vị trí nhanh trong bài viết.

<a href="url_bài_viết#Tên_gán_cho_vị_trí ">Nội_dung</a>
<a name="Tên_gán_cho_vị_trí ">Nội_dung</a>

2. Chèn flash vào bài viết.

Cách 1

<div style="text-align:center;"><embed wmode=Transparent pluginspage="http://www.macromedia.com/go/getflashplayer" src="LINK_FLASH" width="900" height="300" type="application/x-shockwave-flash" scale="" play="true" loop="true" menu="true"></embed></div>

Cách 2

<embed src="LINK_FLASH" bgcolor="#000000" type="application/x-shockwave-flash" allowscriptaccess="none" width="400" height="400"></embed>

LINK_FLASH là địa chỉ URL của flash mà bạn cần chèn vào bài viết

3. Viền khung nội dung vào bài viết

<div style="border: 1px solid #4F4F4F ; padding: 4px; background:#eee; width:400px;">
NỘI_DUNG
</div>

- solid ______________
- dashed ----------------
- dotted ......................
Kết Quả:

NỘI_DUNG

4. Chèn nhạc vào bài viết

<object name='hat' width=300 height=45>
<embed type='application/x-mplayer2'
pluginspage='http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/'
controls='controlpanel' width=300 height=45 src='LINK_NHẠC'
autostart="0" showstatusbar="0" ShowControls='true' loop='0' name='hat'></embed></object>

Với:

LINK_NHẠC // Phải là link trực tiếp (VD: http://...bài_hát.mp3)

loop='0' // Không lặp lại

loop='1' // Lặp lại một lần

loop='-1' // Lặp lại mãi mãi

autostart="0" // Không tự play

autostart="1" // Play ngay khi web tải xong

5. Tạo button ẩn hiện nội dung

<div><div><input type="button" value="Xem" style="width:75px; font-size:11px; margin:0px; padding:4px; border="1"" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ẩn'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Xem'; }">
</div><div><div style="display: none; border:#4F4F4F 1px solid; padding: 4px; background:# ">
NỘI_DUNG
</div></div></div>

KẾT QUẢ

7. Canh Giữa, Trái, Phải cho nội dung

<div style="text-align:center;">Nội_dung</div>

Với:

Center // Canh Giữa
Right // Canh Phải
Left // Canh Trái

8. In đậm, In Nghiêng, Gạch Chân, Gạch Ngang:

<b>Nội_dung_in_đậm</b><i>Nội_dung_in_nghiêng</i><u>Nội_dung_gạch_chân</u><strike>Nội_dung_chữ_bị_gạch_ngang</strike>

9. Dấu chấm hoặc số đầu dòng:

Dấu chấm vô dòng con

<ul>
<li> Nội_dung 1 </li>
<li> Nội_dung 2 </li>
<li> Nội_dung 3 </li>
</ul>

Đánh số đầu dòng 

<ol>
<li> Nội_dung 1 </li>
<li> Nội_dung 2 </li>
<li> Nội_dung 3 </li>
</ol>

10. Chèn Ảnh Vào Bài Viết:

Code đầy đủ:

<img src="LINK_ẢNH" title="Ghi_chú" alt="Mô_tả" align="bottom" width="400" height="400"/>

11: Chèn Link vào bài viết:

<a href="LINK" target="blank">Tên_Link</a>