ChatAI 智能内容创作平台
登录
绘图
发送
AI思考中...
写6个HTMl，代码
2024-05-26 10:26:34
来自 上海市上海市 用户
" 1. HTML代码：创建一个简单的网页结构
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>简单的网页</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个简单的HTML网页示例。</p>
</body>
</html>
```
2. HTML代码：创建一个带有标题和段落的网页
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>带有标题和段落的网页</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个带有标题和段落的HTML网页示例。</p>
</body>
</html>
```
3. HTML代码：创建一个带有列表和图片的网页
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>带有列表和图片的网页</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<img src="example-image.jpg" alt="示例图片">
<ul>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ul>
<p>这是一个带有列表和图片的HTML网页示例。</p>
</body>
</html>
```
4. HTML代码：创建一个带有表单的网页
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>带有表单的网页</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<form>
<label for="username">用户名：</label>
<input type="text" id="username" name="username" required>
<br>
<label for="email">邮箱：</label>
<input type="email" id="email" name="email" required>
<br>
<label for="message">留言：</label>
<textarea id="message" name="message" rows="5" cols="40" required></textarea>
<br>
<input type="submit" value="提交">
</form>
<p>这是一个带有表单的HTML网页示例。</p>
</body>
</html>
```
5. HTML代码：创建一个带有链接的网页
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>带有链接的网页</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>以下是一些外部链接：</p>
<ul>
<li><a href="https://www.example1.com">示例1</a></li>
<li><a href="https://www.example2.com">示例2</a></li>
<li><a href="https://www.example3.com">示例3</a></li>
</ul>
<p>这是一个带有链接的HTML网页示例。</p>
</body>
</html>
```
6. HTML代码：创建一个带有嵌入式视频的网页
```html
<!DOCTYPE html>
<html lang=""
ChatAI 智能内容创作平台
内容数
浏览数
用户数
ChatAI 智能内容创作平台
扫码关注
