<html></html> | HTML标签 | 页面中最大的标签,我们称为更标签。 |
<head></head> | 文档的头部 | 注意在head标签中我们必须要设置的标签是title |
<title></title> | 文档的标题 | 让页面拥有一个属于自己的网页标题 |
<body></body> | 文档的主题 | 元素包含文档的所有内容,页面内容基本都是放到body里面的 |
字符集(Character set)是多个字符的集合。以便计算机能识别和储存各种文字。
在标签内,可以通过**标签的charset属性来规定HTML文档应该使用哪种字符编码。
<meta charset="UTF-8" />
标题标签h1-h6字体大小逐级递减
段落标签<p>我是一个段落标签</p>
换行标签 在HTML中,一个段落中的文字会从左到右依次排序,直到浏览器窗口的右端,然后才自动换行。如果希望某段文本强制换行显示,就需要使用换行标签 <br />
图像标签<img src="图像URL" />
<img /> 标签定义 HTML 页面中的图像。 <img> 标签有两个必需的属性:src 和 alt。 src: 规定显示图像的 URL。 alt: 规定图像的替代文本。(当图片有损坏无法加载的时候alt的替代文本就会出现)
超链接标签<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>(要有内容才能超链接)
(图片转自菜鸟教程)
表格标签: <table> … </table> 说明: <table> 标签定义 HTML 表格 一个 HTML 表格包括 <table> 元素, 一个或多个 <tr>、<th> 以及 <td> 元素 在 HTML5 中,仅支持 "border" 属性,并且只允许使用值 "1" 或 ""(1即显示框架)
表头标签: <th>内容</th> 说明: <th> 标签定义 HTML 表格中的表头单元格。 HTML 表格有两种单元格类型: 表头单元格 - 包含头部信息(由 <th> 元素创建) 标准单元格 - 包含数据(由 <td> 元素创建) <th> 元素中的文本通常呈现为粗体并且居中。 <td> 元素中的文本通常是普通的左对齐文本。
行标签: <tr>内容</tr> 说明: <tr> 标签定义 HTML 表格中的行。 一个 <tr> 元素包含一个或多个 <th> 或 <td> 元素
行标签: <td>内容</td> 说明: <td> 标签定义 HTML 表格中的标准单元格。
仅只有<th>和<td>标签拥有这两个属性:colspan 属性定义单元格应该横跨的列数。 rowspan 属性定义表头单元格应该横跨的行数。 仅仅只有<th>和<td>标签拥有这两个属性 注意:colspan的值为数字,只有少数浏览器支持0 rowspan的值为数字,只有少数浏览器支持0
<option>标签: <option>内容</option> 说明: <option> 标签定义下拉列表中的一个选项 <option> 标签中的内容作为 <select> 或者<datalist> 一个元素使用。 注意: <option> 标签可以在不带有任何属性的情况下使用,但是通常需要使用 value 属性,此属性会指示出被送往服务器的内容。 请与 select 元素配合使用此标签,否则这个标签是没有意义的。 如果列表选项很多,可以使用 <optgroup> 标签对相关选项进行组合。
<select>标签: <select> … </select> 说明: <select> 元素用来创建下拉列表。 <select> 元素中的 <option> 标签定义了列表中的可用选项。
<optgroup>标签: <optgroup> … </optgroup> 说明: <optgroup> 标签经常用于把相关的选项组合在一起。如果你有很多的选项组合, 你可以使用<optgroup> 标签能够很简单的将相关选项组合在一起。 提示: lable:为选项组规定描述。
<input />标签: <input /> 说明: <input> 标签规定了用户可以在其中输入数据的输入字段。 输入字段可通过多种方式改变,取决于 type 属性。
<datalist>标签: <datalist> … </datalist> 说明: <datalist> 标签规定了 <input> 元素可能的选项列表。 注意: 请使用 <input> 元素的 list 属性来绑定 <datalist> 元素。 <input>的list属性应该与被绑定的<datalist>的id属性一致 <datalist>不支持<optgroup>标签
(通过datelist绑定的可以进行模糊搜索)
<input />标签: <input type=“radio”/> 说明: 在 HTML 表单中 <input type="radio"> 每出现一次,一个 Radio 对象就会被创建。 单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的。 注意: 要让同一类的radio的name属性一致
<input />标签: <input type=“checkbox”/> 说明: 在 HTML 表单中 <input type=“checkbox"> 每出现一次,一个 checkbox 对象就会被创建。
<input />标签: <input type=“button”/> 说明: 在 HTML 表单中 <input type=“button"> 每出现一次,一个 button 对象就会被创建。 <button>: 按钮同时有个标签为<button></button> 在 <button> 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 <input> 元素创建的按钮之间的不同之处
注意: 如果在 HTML 表单中使用 button 元素,不设置type的情况下,不同的浏览器会提交不同的值。 IE将提交 <button> 与 <button/> 之间的文本; 其他浏览器将提交 value 属性的内容。 总结:如果在 HTML 表单中使用 <button> 元素,不同的浏览器可能会提交不同的按钮值。因此请尽可能使用 <input> 在 HTML 表单中创建按钮
<textarea></textarea>可调节文本框
用form包裹,属性为reset实现清空
<div>标签: <div> … </div> 说明: <div> 标签定义 HTML 文档中的一个分隔区块或者一个区域部分。 <div>标签常用于组合块级元素,以便通过 CSS 来对这些元素进行格式化。 提示: <div> 元素经常与 CSS 一起使用,用来布局网页。 默认情况下,浏览器通常会在 <div> 元素前后放置一个换行符。然而,您可以通过使用 CSS 改变这种情况。