- HTML语言不区分大小写
- HTML语言不区分单双引号
基本结构: - HTML
- head
- title:浏览器标题
- body
- head
示例:
html
<!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>:定义文本区域