<!DOCTYPE html>
<html>
<head>
	<title>Mi página web</title>
	<style>
		/* Estilo para el encabezado */
		h1 {
			font-family: 'Comic Sans MS', cursive, sans-serif;
			font-size: 72px;
			text-align: center;
		}

		/* Estilo para el menú superior */
		#menu {
			background-color: #333;
			overflow: hidden;
			position: fixed;
			top: 0;
			width: 100%;
		}

		/* Estilo para los botones del menú */
		#menu a {
			float: left;
			color: white;
			text-align: center;
			padding: 14px 16px;
			text-decoration: none;
			font-size: 20px;
		}

		/* Estilo para el botón activo del menú */
		#menu a.active {
			background-color: #4CAF50;
		}

		/* Estilo para las imágenes del slideshow */
		.slideshow {
			display: none;
			height: 900px;
			width: 900px;
		}
	</style>
</head>
<body>
	<!-- Encabezado -->
	<h1>Bienvenidos a mi página web</h1>

	<!-- Menú superior -->
	<div id="menu">
		<a href="#" class="active">Inicio</a>
		<a href="#">Nosotros</a>
		<a href="#">Servicios</a>
		<a href="#">Galería</a>
		<a href="#">Contacto</a>
	</div>

	<!-- Slideshow de imágenes -->
	<div class="slideshow">
		<img src="imagen1.jpg">
		<img src="imagen2.jpg">
		<img src="imagen3.jpg">
		<img src="imagen4.jpg">
		<img src="imagen5.jpg">
	</div>

	<!-- Script para el slideshow -->
	<script>
		var slideIndex = 0;
		showSlides();

		function showSlides() {
			var i;
			var slides = document.getElementsByClassName("slideshow");
			for (i = 0; i < slides.length; i++) {
				slides[i].style.display = "none";
			}
			slideIndex++;
			if (slideIndex > slides.length) {slideIndex = 1}
			slides[slideIndex-1].style.display = "block";
			setTimeout(showSlides, 2000); // Cambia la imagen cada 2 segundos
		}
	</script>
</body>
</html>
<!DOCTYPE html> <html> <head> <title>หน้าเว็บ</title> <style> /* Estilo para el encabezado */ h1 { ตระกูลแบบอักษร: 'Comic Sans MS', cursive, sans-serif; ขนาดตัวอักษร: 72px; การจัดแนวข้อความ: กึ่งกลาง; } /* Estilo para el menú superior */ #menu { สีพื้นหลัง: #333; ล้น: ซ่อนเร้น; ตำแหน่ง: คงที่; ด้านบน: 0; ความกว้าง: 100%; } /* Estilo para los botones del menú */ #menu a { ลอย: ซ้าย; สี: ขาว; การจัดแนวข้อความ: กึ่งกลาง; การขยาย: 14px 16px; การตกแต่งข้อความ: ไม่มี; ขนาดตัวอักษร: 20px; } /* Estilo para el botón activo del menú */ #menu a.active { สีพื้นหลัง: #4CAF50; } /* Estilo สำหรับภาพสไลด์โชว์ */ .slideshow { จอแสดงผล: ไม่มี; ความสูง: 900px; ความกว้าง: 900px; } </style> </head> <body> <!-- Encabezado --> <h1>เปิดเว็บเพจ</h1> <!-- Menú superior --> <div id="menu"> < a href="#" class="active">เริ่มต้น</a> <a href="#">Nosotros</a> <a href="#">บริการ</a> <a href="#" >รูปภาพ</a> <a href="#">ติดต่อ</a> </div> <!-- ภาพสไลด์โชว์ --> <div class="slideshow"> <img src="imagen1.jpg" > <img src="imagen2.jpg"> <img src="imagen3.jpg"> <img src="imagen4.jpg"> <img src="imagen5.jpg"> </div> <!-- สคริปต์ สำหรับสไลด์โชว์ --> <script> var slideIndex = 0; showSlides(); ฟังก์ชั่น showSlides() { var i; var สไลด์ = document.getElementsByClassName("สไลด์โชว์"); สำหรับ (i = 0; i < Slides.length; i++) { สไลด์ [i].style.display = "ไม่มี"; } สไลด์อินเด็กซ์++; ถ้า (slideIndex > Slides.length) {slideIndex = 1} สไลด์ [slideIndex-1].style.display = "บล็อก"; setTimeout (showSlides, 2000); // Cambia la imagen cada 2 segundos } </script> </body> </html>
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence