html快速入门
- HTML语言不区分大小写
- HTML语言不区分单双引号
基本结构： - HTML
- head
- title：浏览器标题
- body
- head
示例：
<!DOCTYPE html>
<head><meta charset="UTF-8"><title>Hello World</title>
</head><body><p>Hello World!!!</p><img src="test.png"/>
</body>
注意，img的src路径需要和html文件在同一个文件夹下。
空格占位符：
图片标签
- src：图像的url - width：图片宽度 - height：图片高度标题
从<h1>到<h6>
分割线
<hr>
无语义标签
- <span>没有语义，一行内可以有多个元素 ，不可以设置宽高
- <div>一行只显示一个，可设置宽高
超链接
<a></a>
- href：指定链接url
- target：指定在何处打开链接
- _self：默认，在当前页面打开
- _blank：在空白页面打开
视频
<video>
- src：视频的url
- controls：显示播放控件
- width/height：播放器的大小
表格
- <table>标签：表格整体（border：边框宽度，width:表格宽度，cellspacing：单元格之间的空间）
- <tr>表格的行，可以包裹多个<td>
- <td>表格单元格，可以包裹内容。如果是表头单元格，可以换成<th>
表单标签
<form>标签
- action：规定提交表单时向何处发送数据，url
- method：规定用于发送表单数据的方式。GET POST
以get方式请求，会在url后面拼接表单数据
以post方式请求，在消息体中传递，参数大小无限制
表单项：
- <input>：定义表单项，通过type属性控制输入形式
label标签可以将包裹在内的所有元素融为一体，点击label内任意元素
一个单选框的name必须一致 - <select>：定义下拉列表，<option>定义列表项
- <textarea>：定义文本区域