忘记了就回头看看
文本：
<body><body/>: 在网页上要展示出来的页面内容一定要放在body标签中。
<h1></h1>：标题标签，语义为表示层级，最低为h6；
<p></p>：段落标签；
<hx>标题文本</hx> (x为1-6):标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级;
<i>需要斜体的文本</i>
<em>需要斜体的文本</em>（推荐）
<b>需要加粗的文本</b>
<strong>需要加粗的文本</strong>（推荐）
<address>地址信息，字体样式为斜体<address/>
<u>需要加下划线的文本</u>
<ins>需要加下划线的文本</ins>（推荐）
<s>需要加删除线的文本</s>
<del>需要加删除线的文本</del>（推荐）
输入：
<input type="text/password" name="名称" value="文本" />：当type="text"时，输入框为文本输入框;当type="password"时, 输入框为密码输入框。
<textarea rows="行数"cols="列数">文本区域</textarea>：cols ：多行输入域的列数。
选择：
<input type="radio/checkbox" value="值" name="名称" checked="checked"/>：type:当 type="radio" 时，控件为单选框；当 type="checkbox" 时，控件为复选框；value：提交数据到服务器的值（后台程序PHP使用）；name：为控件命名，以备后台程序 ASP、PHP 使用；checked：当设置 checked="checked" 时，该选项被默认选中；
<select><option value="提交值">选项</option> </select>：下拉列表，设置selected="selected"属性，则该选项就被默认选中,设置multiple="multiple"属性，则该列表改为多选；
<input type="submit" value="提交">：提交按钮；
<input type="reset" value="重置">：重置按钮，只有当type值设置为reset时，按钮才有重置作用；
特殊符号：
<br />：换行标签；
<hr />：水平线标签；
：空格，在html代码中输入空格、回车都是没有作用的。要想输入空格，必须写入“ ”；
< ：小于号；
> ：大于号；
容器：
<span></span>：块元素；
<div></div>：盒子，容器标签；. 容器标签是没有语义的，它的作用就是为了设置单独的样式用的。
列表：
无序列表：
<ul>
<li>放置的列表1</li>
<li>放置的列表2</li>
/ul>有序列表：
<ol>
<li>放置的列表1</li>
<li>放置的列表2</li>
</ol>自定义列表：
<dl>
<dt>列表1</dt>
<dd>列表1的描述1</dd>
<dd>列表1的描述2</dd>
<dt>列表2</dt>
<dd>列表2的描述1</dd>
<dd>列表2的描述2</dd>
</dl>当然，列表间也可以互相嵌套使用，比如在无序列表中可以用有序列表作为其中一个子列表使用。
表格：
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
<table><table/>:表格标签，默认是无边框；
<tbody>…</tbody>：如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）；
<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行；
<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列；表格中列的个数，取决于一行中数据单元格的个数；
一般使用colspan和rowspan属性来实现内容横跨多个列或多个行；
<th>…</th>：表格的头部的一个单元格，表格表头；
<caption><caption/>:表格标题；caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
引用：
<q></q>：引用诗词等短文本，注意要引用的文本不用加双引号，浏览器会对q标签自动添加双引号；
<blockquote></blockquote>：引用长文本；
<code></code>：引用单行代码，代码呈文字显示；
<pre></pre>：预格式化标签，引用多行代码，代码呈文字显示，会保留空格和换行；
<iframe></iframe>：内联框架，可以向一个页面中引入其他的外部页面，但内联框架中的内容不会被搜索引擎所检索，而且frame与body不能共用，所以开发中尽量不使用内联框架；
<img src=”图片路径” alt=”图片不能显示时的替代文字” title=”鼠标放上去时显示的提示文字” >：图片，里面放置路径及描述；
<a href="目标网址” title= “鼠标滑过显示的文本“ target=”self（在当前窗口打开）/ _blank（新开窗口打开）”>链接显示的文本</a>：超链接，内联元素（还可以使用mailto:来创建一个发送电子邮件的超链接,如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔）；
慕课的例子，点击链接会打开电子邮件应用，并自动填写收件人等设置好的信息：
<link rel="stylesheet" href="" />：一般用来引入外部样式表；
<script type="text/javascript"> </script>：里面放置需要定义的脚本；
交互：
<form method="传送方式" action="服务器文件,浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)" method = " 数据传送的方式（get/post）"><form/>:HTML表单(form)，表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在 <form></form> 标签之间（否则用户输入的信息可提交不到服务器上哦！）。
锚点：
页面跳转，相当于目录；页面内的跳转需要两步：
方法一：
①：设置一个锚点链接<a href="#miao">去找喵星人</a>；（注意：href属性的属性值最前面要加#）
②：在页面中需要的位置设置锚点<a name="miao"></a>；（注意：a标签中要写一个name属性，属性值要与①中的href的属性值一样，不加#）标签中按需填写必要的文字，一般不写内容
方法二：
①：同方法一的①
②：设置锚点的位置 <h3 id="miao">喵星人基地</h3>；在要跳转到的位置的标签中添加一个id属性，属性值与①中href的属性值一样，不加#
方法二不用单独添加一个a标签来专门设置锚点 ，只在需要的位置的标签中添加一个id即可。
806
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
