Programa una página simple de html
user
Claro, aquí tienes un ejemplo de una página simple de HTML:

```
<!DOCTYPE html>
<html>
<head>
	<title>Mi página simple</title>
</head>
<body>
	<h1>Bienvenidos a mi página</h1>
	<p>Esta es una página simple de HTML.</p>
	<img src="https://www.example.com/image.jpg" alt="Una imagen de ejemplo">
	<ul>
		<li>Elemento 1</li>
		<li>Elemento 2</li>
		<li>Elemento 3</li>
	</ul>
</body>
</html>

```

Este código crea una página que tiene un encabezado, un párrafo, una imagen y una lista desordenada. El encabezado usa la etiqueta `h1`, el párrafo usa la etiqueta `p`, la imagen usa la etiqueta `img` y la lista desordenada usa la etiqueta `ul` con elementos `li`. Puedes sustituir la URL de la imagen con la de una imagen de tu preferencia y modificar el texto según tus necesidades.
assistant
Crea en CSS un lindo boton
user
Para crear un botón en CSS puedes utilizar la propiedad "background-color" para asignar un color de fondo y "border-radius" para redondear las esquinas. Luego, puedes agregar la clase creada al elemento de botón en HTML utilizando la propiedad "class".

Aquí está un ejemplo de cómo crear y agregar un botón al HTML:

En el archivo HTML:

<!DOCTYPE html> <html> <head> <title>Mi página simple</title> <style> .btn { background-color: blue; color: white; padding: 10px 20px; border-radius: 5px; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; display: inline-block; margin-top: 20px; } </style> </head> <body> <h1>Bienvenidos a mi página</h1> <p>Esta es una página simple de HTML.</p> <img src="https://www.example.com/image.jpg" alt="Una imagen de ejemplo"> <ul> <li>Elemento 1</li> <li>Elemento 2</li> <li>Elemento 3</li> </ul> <a href="#" class="btn">Haz clic aquí</a> </body> </html>
En este ejemplo, hemos creado una clase CSS llamada ".btn" que definirá el aspecto del botón. A continuación, hemos agregado el botón al HTML utilizando un enlace de anclaje <a> y asignando la clase btn al mismo.

Este botón tendrá un fondo azul con texto en blanco, con esquinas redondeadas, y un margen superior de 20 píxeles. También tiene un tamaño de fuente grande y negrita y se ha centrado dentro de la página.
assistant