শুধুমাত্র HTML দিয়ে একটি স্ট্যাটিক চ্যাট রুম তৈরি করা সম্ভব, তবে এটি ইন্টারঅ্যাকটিভ হবে না (কোনো মেসেজ যোগ করার ফাংশন থাকবে না)।
ওয়েবে চ্যাট রুম তৈরি করার html কোড :
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Simple Chat Room</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .chat-container { width: 400px; background: #ffffff; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } .chat-header { background: #007bff; color: #ffffff; padding: 10px; text-align: center; font-size: 18px; border-radius: 8px 8px 0 0; } .chat-messages { padding: 10px; height: 300px; overflow-y: auto; border: 1px solid #ddd; } .chat-message { margin-bottom: 10px; padding: 8px; background: #e9e9e9; border-radius: 4px; } .chat-footer { padding: 10px; border-top: 1px solid #ddd; text-align: center; } </style></head><body> <div class="chat-container"> <div class="chat-header">Chat Room</div> <div class="chat-messages"> <div class="chat-message">User1: Hello!</div> <div class="chat-message">User2: Hi, how are you?</div> <div class="chat-message">User1: I'm good, thanks. What about you?</div> <div class="chat-message">User2: Doing great!</div> </div> <div class="chat-footer"> <p>Type your message below (interactive feature not available in static HTML).</p> </div> </div></body></html>