html网页制作代码大全
时间: 2023-07-03 20:04:44 浏览: 53
这里提供一些常见的HTML网页制作代码,供您参考:
1. HTML基本结构
```html
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
```
2. 文本
```html
<!-- 段落 -->
<p>这是一个段落。</p>
<!-- 标题 -->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<!-- 加粗、斜体、删除线 -->
<strong>加粗文本</strong>
<em>斜体文本</em>
<del>删除线文本</del>
<!-- 超链接 -->
<a href="链接地址">链接文本</a>
```
3. 图片
```html
<!-- 图片 -->
<img src="图片地址" alt="图片描述">
```
4. 列表
```html
<!-- 无序列表 -->
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
<!-- 有序列表 -->
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
```
5. 表格
```html
<!-- 表格 -->
<table>
<thead>
<tr>
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
</tr>
</thead>
<tbody>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
<tr>
<td>单元格4</td>
<td>单元格5</td>
<td>单元格6</td>
</tr>
</tbody>
</table>
```
6. 表单
```html
<!-- 表单 -->
<form>
<!-- 文本输入框 -->
<label for="username">用户名:</label>
<input type="text" id="username" name="username">
<!-- 密码输入框 -->
<label for="password">密码:</label>
<input type="password" id="password" name="password">
<!-- 单选框 -->
<label for="gender">性别:</label>
<input type="radio" id="male" name="gender" value="male">
<label for="male">男</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">女</label>
<!-- 复选框 -->
<label for="hobby">爱好:</label>
<input type="checkbox" id="reading" name="hobby" value="reading">
<label for="reading">阅读</label>
<input type="checkbox" id="music" name="hobby" value="music">
<label for="music">音乐</label>
<!-- 下拉列表 -->
<label for="city">城市:</label>
<select id="city" name="city">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="guangzhou">广州</option>
</select>
<!-- 文本域 -->
<label for="comment">评论:</label>
<textarea id="comment" name="comment"></textarea>
<!-- 提交按钮 -->
<button type="submit">提交</button>
</form>
```
以上代码只是HTML制作网页中的一部分,如果您需要完整的HTML网页制作教程,建议您查看相关的学习资料。