好像我追的电视剧今晚就要更新了，但是因为我的拖延症导致网页还没开始做，真是造孽，看不成了。╥﹏╥
目录
我不理解，表单的目录乱码了
为了做网页效率高起来，常用标签最好背过。
-
标题
<hn 属性="属性值">标题文本</hn>
n=1、2、3、4、5、6，默认加粗左对齐
属性值包括：
| align | 对齐方式（left、center、right） | 不推荐使用，用CSS代替 |
段落
<p 属性="属性值">文本</p>
-
文本格式化（加粗、斜体等）
| <strong> | 加粗 |
| <em> | 斜体 |
| <sub> | 下标， |
| <sup> | 上标，x的平方中的2 |
| <del> | 加删除线 |
| <ins> | 加下划线 |
引用（奇奇怪怪的细节起来了）
| <blockquote> | 引用大段的段落解释（自动加上双引号，左右空出一些距离） |
| <q> | 引用小段的短语解释（只会加上双引号） |
| <abbr> | 缩写，大写字母缩略语：<abbr title="World Health Qrganization">WHO</abbr>。显示的是WHO，但是鼠标移动到那个位置， 它就会显示全称，真不戳。 |
| <address> | 地址信息，展示斜体 |
| <cite> | 著作信息，展示斜体 |
水平线
前面提到过了，<hr>，妥妥的单身狗。
-
里面可以加的属性值：
| align | 对齐方式（left、right、center、默认居中） |
| size | 粗细，默认2像素 |
| width | 宽度，像素值或者浏览器窗口百分比（默认100%），“50”类似这样就可以了 |
| color | 颜色，名称或者16进制 |
特殊符号
常用的记一下，不常用的现查
| 空格 | |
| 版权© | © |
| 注册商标® | ® |
| < | < |
| > | > |
| & | & |
| 人民币¥ | ¥ |
| 摄氏度（一个圈） | ° |
| 正负号 | ± |
| 乘号 | × |
| 除号 | ÷ |
| 上标1/2/3 | ¹/2/3; |
图像
单身狗（添加图像）：<img src="图像 URL"/>
关于相对路径和绝对路径，右键单击导入到项目里面的图片就可以复制。
其他属性：
| alt | 图片显示不出来时的提示文字 |
| title | 鼠标移动到图像上的提示文字 |
| width | 宽度（像素） |
| height | 高度（像素） |
| border | 图片边框宽度（数字） |
| vspace | 垂直顶部和底部的留白 |
| hspace | 水平顶部和底部的留白 |
| align | left、right、top（图片顶部和第一行文字对齐）、middle（水平线和第一行文字对齐）、bottom（底部和第一行文字对齐，其他文字在图片下面） |
链接
<a href="链接页面地址" target="链接打开的方式">链接的对象</a>
链接的内容不单单是网址，还可以是文档等。
重要的 name 属性：
站内跳转。（锚点操作）
不太容易描述，例子如下：
<a href="#mao">跳转</a>
<a name="mao">跳转目的地</a>
<p>1</p>
<p>2</p>
<p>跳转目的地</p>
点一下跳转那个链接网页就会下滑到调转目的地那里。
重要的target属性：
这个属性，规定了链接打开目标网页的方式。
| 属性取值 | 打开方式 |
| _self | 当前窗口（默认） |
| _blank | 新的窗口 |
| _top | 顶层框架中 |
| _parent | 当前框架的上一层 |
列表
有序列表
<ol>
<li>苹果</li>
<li>橙子</li>
<li>葡萄</li>
</ol>
-
type属性确定序号的模样：a，A，i，I，默认123
其他属性：
| start（ol中） | 序号起始值 |
| value（li中） | 序号的数字 |
-
无序列表
<ul>
<li>苹果</li>
<li>橙子</li>
<li>葡萄</li>
</ul> 
type：修改小黑点的模样：disc（默认），circle（空心圆），square（实心正方形）
文字只能放在<li></li>里面！！
定义列表
定义列表呢，用来对专业术语或者名词进行表述，没有序号。
<dl>
<dt>前端</dt>
<dd>网页开发技术......</dd>
<dd>需要掌握html......</dd>
</dl>
划分区域（分割、分区）：需要配合CSS用
<div></div>
division：分割分区。
这块区域容器，可以容纳下段落、标题、表格、图像等等元素，还可以嵌套它自己。用来实现网页的规划和布局。
-
<span></span>（内联标签）
修饰文字。
表格
单元格（表格的内容）
<table border="4">
<tr><!--表格中的行 -->
<td>粘豆包</td><!--每行中的单元格（列） -->
<td>豆沙饼</td>
<td>油条</td>
</tr>
<tr>
<td>豆浆</td>
<td>八宝粥</td>
<td>小米汤</td>
</tr>
</table>表格的每个单元格中可以添加文字、图片、列表、段落等等。
在<table>里面添加border可以给表格加边框，数值为边框宽度，这里设置的4。
表头
表头就是用来给浏览的人指明表格是干啥的，也是单元格，就跟做excel表格一样。
表头<th></th>虽然也是单元格，但是不能用<td>
【th】table header
【td】table data
标题
标题就是表格最上方那个提示语呗。
表格的语义化
机器不是人，给它们提供语义化的标签可以让搜索引擎更好地理解网页内容。
-
表格中的语义化标签有：
| <thead> | 放表头，一个表只能出现一次 |
| <tbody> | 放单元格 |
| <tfoot> | 放表格的页脚，网页底部的企业信息等，一个表只能出现一次 |
加了它们表格不会有视觉上的变化，但是尽量加上。
合并行和列
合并行：<td rowspan> th也适用
合并列：<td colspan>
不好玩。
单元格边距和间距
cellpadding 单元格文字距离单元格边框的距离
cellspacing 单元格和单元格边框之间的空白间距
其他属性：
| width | 表格宽度，加在td |
| height | 表格高度，td |
| align | 单元格内容水平对齐方式，td |
| valign | 单元格内容垂直对齐方式（baseline基线对齐\\top\\middle\\bottom） |
表单
用户交互来了来了，它来了，表单是常用的收集用户输入的手段。
收集信息传递给后台服务器，实现网页和用户的交流。
比如，登录界面。
表单组成部分：【表单元素】【提示信息】【表单域】
| 表单元素 | 包含具体功能项，比如文本输入框、下拉列表框、复选框 密码输入框、登录按钮等等 |
| 提示信息 | 说明性的文字，提示用户要进行的操作 |
| 表单域 | 容纳表单控件和提示信息，通过它定义处理表单数据所用程序的URL地址，和数据提交到服务器的方法。如果没定义它，表单中的数据就无法传送到后台服务器。 |
常用的表单元素：
| <input>单身狗 | 输入框（可定义多种表单项） |
| <textarea> | 定义多行文本框 |
| <select> | 定义一个下拉列表（必须包含列表项） |
| <label> | 表单辅助项 |
表单域
跟table一样，给表单一个框子。
<form>中的一些属性：
| action | 表单数据提交地址URL |
| method | 提交方式（get默认、post）post保密性好，无数据量限制 |
| enctype | 提交内容形式，如果要提交的是图片，就选择.. |
| target | 提交地址的打开方式（_self\\_blank）跟<a>一样 |
<input type="属性值">
其中tape属性取值：
| text | 单行文本框 |
| password密码文本框 | 密码文本框，密码会自动隐藏 |
| radio | 单选框，一个选项，跟name="---"，必须加上name，这样可以对单选框进行切换，name里头的值要相同 |
| checkbox | 复选框，就可以多选呗，不跟name
|
| button | 按钮，跟value="按钮名称"，没啥效果 |
| submit | 提交按钮，跟value |
| reset | 重置按钮，跟value |
| hidden | 隐藏域，不让你看见，直接提交后台去了 |
| image | 图像形式的按钮（默认提交按钮），跟src图片的地址，就是给按钮加上一个背景图 |
| file | 文件上传按钮，method等有一些特定要求，css详解 |
除了type，input里面还有一些属性：
| name | 元素的名称，和value配对使用，这个是元素名字，value是元素的值，后台服务器就可以通过name找到对应的值 |
| value | 元素的值 |
| maxlength | 元素允许输入的最多字符数，当然有minlength |
| disabled | 第一次加载页面时禁用该元素（显示灰色），直接写 |
| readonly | 元素内容为只读（不能修改编辑），直接写 |
| checked | 选择元素默认被选中的项，直接写 |
<textarea>多行文本框输入
<textarea rows="10" cols="40">更好的是使用CSS的height和width定义多行文本输入的宽高</textarea>
rows行数，cols列数
<select>和无序列表一样，不过是配合option使用
<select>
<option>篮球</option>
<option>羽毛球</option>
</select>
常见属性：
| multipe | 多选操作，ctrl+鼠标左键 |
| size | 下拉列表可见选项的数目 |
| selected | 选中项在option上设置默认选项 |
-
有一个特殊的标签，<optgroup label="每组标题">，给选项分组。
这个标签放在每组的option前面
<select size="9">
<optgroup label="运动类"></optgroup>
<option selected>篮球</option>
<option>羽毛球</option>
<optgroup label="艺术类"></optgroup>
<option selected>歌唱</option>
<option>绘画</option>
<option selected>舞蹈</option>
<option>朗诵</option>
</select>
-
还有一个奇奇怪怪的，<label>，是用户点击到文字也可以选择那个选项。
早餐：<input type="radio" name="gender" id="nian">
<label for="nian">粘豆包</label>
<input type="radio" name="gender" id="san">
<label for="san">三明治</label>
i
d是他俩对接的暗号，一定要相同
今晚又有新的电视剧要上了，但我的网页还没做完o(╥﹏╥)o
扫一扫
1362
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
