HTML實時聊天源代碼是一種使用HTML語言編寫的源代碼，旨在為用戶提供一個實時在線聊天室，在其中可以與其他用戶進行文字聊天。這種聊天室通常是由服務器端編寫的程序來維護的，而HTML實時聊天源代碼則提供了前端界面的代碼。
下面是一個簡單的HTML實時聊天源代碼示例：
<!DOCTYPE html>
<html>
<head>
<title>實時聊天室</title>
<script src="https://cdn.socket.io/socket.io-1.4.5.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<style>
#chat-container{
height: 400px;
border: 1px solid #ccc;
overflow: auto;
}
#message-input{
width: 80%;
margin-right: 10px;
padding: 10px;
}
#send-message-btn{
padding: 10px 15px;
background-color: #333;
color: white;
border: none;
cursor: pointer;
}
</style>
</head>
<body>
<div id="chat-container"></div>
<br />
<input type="text" id="message-input" placeholder="請輸入消息">
<button id="send-message-btn">發送</button>
<script>
var socket = io.connect('http://localhost:3000');
socket.on('connect', function(){
console.log('connected to server');
});
socket.on('chat message', function(msg){
$('#chat-container').append('<p>' + msg + '</p>');
});
$('#send-message-btn').click(function(){
var message = $('#message-input').val();
socket.emit('chat message', message);
$('#message-input').val('');
});
</script>
</body>
</html>以上代碼展示了一個簡單的HTML實時聊天室界面，包括一個聊天消息顯示區域、一個消息輸入框以及一個發送按鈕。當用戶在消息輸入框中輸入消息并點擊發送按鈕時，該消息將被發送到服務器端，然后通過Socket.io實時傳遞到其他連接到聊天室的用戶。在聊天消息顯示區域中，所有發送的消息都會實時展示出來。