|
†hãñg_khõ.net
'''HTML động''' hay '''DHTML''' (viết tắt [[tiếng Anh]]: ''Dynamic HTML'') là một thể hiện của việc tạo ra một [[trang web]] bằng cách kết hợp các thành phần: [[ngôn ngữ đánh dấu]] [[HTML]] tĩnh, ngôn ngữ [[kịch bản máy khách]] (như là [[Javascript]]), và ngôn ngữ định dạng trình diễn [[Cascading Style Sheets]] và [[Document Object Model]] (DOM).
DHTML có thể được sử dụng để tạo ra 1 [[ứng dụng]] trên [[trình duyệt web]]: ví dụ như dễ dàng điều hướng, tạo một [[đơn web]] tương tác với người dùng hoặc tạo ra một bài tập sử dụng cho [[e-learning]]. Bởi vì== Cấu trúc của một trang web ==
Đặc trưng của một trang web sử dụng '''DHTML''' được cấu thành như sau:
</script>
</head>
<body>
<div id="navigation"></div>
</body>
</html>
</source>
Thường thì mã [[JavaScript]] được lưu giữ trong một [[tập tin]] riêng, được nạp vào trang web bằng [[liên kết]] đến [[tập tin]] chứa mã [[JavaScript]]:
:<source lang="html4strict" enclose="div">
<script type="text/javascript" src="script.js"></script>
</source>
:''Xem thêm: [[Sự kiện DOM]]''
== Ví dụ: Hiển thị một đoạn văn bản được thêm vào ==
Đoạn mã dưới đây minh họa một chức năng thường được sử dụng. Phần thêm vào của [[trang web]] sẽ chỉ được hiển thị nếu người dùng yêu cầu nó. Như trong [[e-learning]] chức năng này sử dụng để hiển thị gợi ý được thêm vào.
<source lang="html4strict" line>
<html>
<head><title>Ví dụ</title>
<style type="text/css">
<!--
h2 {background-color: lightblue; width: 100%}
a {font-size: larger; background-color: goldenrod}
a:hover {background-color: gold}
#example1 {display: none; margin: 3%; padding: 4%; background-color:
limegreen}
-->
</style>
<script type="text/javascript">
<!--
function changeDisplayState (id) {
e = document.getElementById(id);
if (e.style.display == 'none' || e.style.display == '') {
e.style.display = 'block';
showhide.innerHTML = 'Dấu ví dụ'};
else {
e.style.display = 'none';
showhide.innerHTML = 'Hiển thị ví dụ';
}
}
//-->
</script>
</head>
<body>
<a id="showhide" href="#"
onclick="javascript:changeDisplayState('example1')">Hiển thị ví dụ</a>
<div id="example1">Đây là ví dụ: văn bản chỉ hiển thị khi bấm chuột vào
liên kết.</div>
<p>Thêm văn bản thường...<p>
</body>
</html>
</source>
<!-- Không hiểu đoạn này
Một [[tập tin S5|S5]] là một ứng dụng của DHTML hoạt động trong các [[trình duyệt]] hiện đại (bao gồm IE 6): Một ứng dụng trình diễn -->
[[Định dạng ập tin]] [[XHTML]] chứa một [[slideshow]] có thể xem được trên chế độ [[projector]] theo từng [[slide]] một (có thể. Định dạng sẽ được thực hiện bởi CSS.
== Liên kết bên ngoài ==
* [http://www.quirksmode.org/ QuirksMode], một trang web toàn diện với các ví dụ và hướng dẫn làm thế nào để viết mã '''DHML''' có thể hoạt động trên một số trình duyệt
* [http://www.mah-jongg.ch Mahjongg Solitaire], Một trang web trờ chơi được viết bởi DHTML
* [http://www.funnygames.nl/host/games/lemmings/ DHTML Lemmings], một trò chơi kinh điển
* [http://www.dhtmlcentral.com DHTML Central], một trang web với thư viện DHML và một số thành phần của [[JavaScript]] để tạo các thực đơn, cây, và một thư viện giúp bạn đơn giản hóa việc [[Ngôn ngữ lập trình|lập trình]] DHTML.
* [http://www.dhteumeuleu.com/ Ví dụ DHTML]
* [http://www.def-logic.com/games.html DHTML games]
* [http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp Tham khảo HTML & DHTML trên [[MSDN]]]
{{Các ngôn ngữ lập trình chính}}
[[Thể loại:HTML]]
[[Thể loại:JavaScript]]
[[Thể loại:DOM]]
[[id:DHTML]]
[[bg:DHTML]]
[[cs:DHTML]]
[[de:Dynamic HTML]]
[[en:Dynamic HTML]]
[[es:HTML dinámico]]
[[eu:DHTML]]
[[fa:دیاچتیامال]]
[[fr:HTML dynamique]]
[[ko:DHTML]]
[[it:DHTML]]
[[he:Dynamic HTML]]
[[nl:Dynamic HTML]]
[[ja:ダイナミックHTML]]
[[km:ឌីណាមិក HTML]]
[[pl:Dynamiczny HTML]]
[[pt:DHTML]]
[[ro:Dhtml]]
[[ru:DHTML]]
[[sk:Dynamické HTML]]
[[fi:DHTML]]
[[sv:DHTML]]
[[tr:DHTML]]
[[uk:DHTML]]
[[zh:DHTML]]
| 