html理论知识及代码
时间: 2023-08-11 07:06:08 浏览: 45
HTML是一种标记语言,用于创建Web页面。以下是一些HTML的基本理论知识和示例代码:
1. HTML标签用尖括号括起来,例如:`<html>`。
2. HTML文档以`<!DOCTYPE html>`开头。
3. HTML文档由`<html>`标签包含,其余内容都在`<html>`标签内部。
4. `<head>`标签包含页面元数据,如标题、样式表和脚本。
5. `<body>`标签包含页面内容。
6. `<h1>`到`<h6>`标签用于创建标题。
7. `<p>`标签用于创建段落。
8. `<a>`标签用于创建链接,例如:`<a href="http://www.example.com">链接文本</a>`。
9. `<img>`标签用于插入图像,例如:`<img src="image.jpg" alt="图像描述">`。
10. `<ul>`和`<ol>`标签用于创建无序和有序列表。
11. `<table>`标签用于创建表格。
12. `<form>`标签用于创建表单,如登录表单和搜索表单。
13. `<input>`标签用于创建表单输入字段,如文本框、单选按钮和复选框。
示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<a href="http://www.example.com">链接文本</a>
<img src="image.jpg" alt="图像描述">
<ul>
<li>无序列表项1</li>
<li>无序列表项2</li>
</ul>
<ol>
<li>有序列表项1</li>
<li>有序列表项2</li>
</ol>
<table>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>表格单元格1</td>
<td>表格单元格2</td>
</tr>
</table>
<form>
<label>用户名:</label>
<input type="text" name="username">
<br>
<label>密码:</label>
<input type="password" name="password">
<br>
<input type="submit" value="登录">
</form>
</body>
</html>
```