记录-web（html标签，图像，区域，列表，表格，表单，文本框，按钮，下拉列表框，文本域）

HTML标签

网页中常见的图像格式：
JPG：有损压缩，色彩丰富图片（风景图片，人物图片，实物照片等等）
GIF：简单动画，背景透明
PNG：无损压缩，透明，交错，动画（透明：可以给图片指定一种元素，使其不被显示而成为透明；交错：在图片显示过程中可以从概貌逐渐变化到全貌，看上去也就是清晰度的从小变大）

✔插入图片用img标签，该标签单独出现，所以用单斜杠封闭它。
eg：<img src=“w3school.gif” alt=“w3c” /》
（当图片无法找到或者种种原因没能打开的情况下，浏览器会自动找到alt属性，将它里面的文字显示出来，alt属性设置的就是图片的替换文本）

src属性：路径+文件名
图片+超链接：<img src=“images/ifeng.png” alt=""》<a href=“http://www.ifeng.com”》凤凰</a》

✔区域标签，div标签可以将一些页面元素，比如说一些文本段落等等组织在一起，成为一个整体的区域，div标签使用时是成对使用的。
align属性表示对齐，比如<div align=“center”》</div》

✔列表：有序列表，无序列表
在html里面无序列表用ul标签来表示，ul标签成对出现表示无序列表的开始和结束

• 在无序列表的内部，需添加一些列表项，每个列表项都用成对的li标签表示，列表项的内容写在li标签对之间即可

在html里面有序列表用ol标签来表示，一对ol标签开始和结束，在ol标签内要带有列表项方式与ul标签方式一致。

✔表格：table tr td
table标签出现表示要绘制成一个表格，表格需要先分行绘制，每一行都要用一个tr标签来表示table，在表格内部，每一行都分为若干个单元格，每个单元格都用一对td标签来表示，比如一行有三个单元格，需要在tr标签内出现三对td标签。
table标签的border属性代表表格边框的粗细
对于表头单元格来说，使用th标签

✔表单，表单元素
表单：是一个区域，采集用户信息
表单元素：文本框，按钮，单选，复选，下拉列表，文本域

表单form标签，成对出现，action属性，表示收集来的数据交由某个页面来处理。

文本框，密码框input，需把表单元素放在form标签对，利用input标签将他的type属性设置为text或者password
eg:<form》
<input type=“text|password” /》
</form》
密码框里面所有的文本都是用来显示的，而文本框是明文显示的
如：<form》
账户：<input type=“text” name=“userName” /》<br /》
密码：<input type=“password” name=“userPsd” /》
</form》
按钮：提交按钮，重置按钮
提交按钮只需将它的type用来规定提交按钮表面的文字
eg：<form》
<input type=“text|password” /》
</form》
密码框里面所有的文本都是用来显示的，而文本框是明文显示的
如：<form》
姓名：<input type=“text” value=“” name=“userName” /》<br /》
<input type=“submit” value=“提交" name=“submit” /》
</form》
重置按钮，当需要将输入的内容全部清空时
<form》
爱好：<input type=“text” 》<br /》
<input type=“submit” value=“确定" /》
<input type=“reset” value=“重置" /》
</form》
单选框，复选框：
单选框：只能选择一项,radio
复选框：任意选择多项,checkbox
<form》
<input type=“radio|checkbox” value=”值" name=“名称” checked=“checked" / 》
</form》
value属性表示的是要提交到后端的数据
name属性表示的是当前这一项它的名字是什么
checked属性表示当前这一项它是否被默认选择
eg：<form》
性别：
男 <input type=“radio” value=“boy” name=“gender” checke=“checked” / 》
女 <input type=“radio” value=“girl” name=”gender” /》<br /》
爱好：
<input type=“checkbox” value="1” name=“music” checke=“checked” / 》音乐
<input type=“checkbox” value="2” name=“sport” / 》体育
<input type=“checkbox” value="3” name=“reading” / 》阅读
</form》
性别里面的男女 name属性里面的内容必须保持一致，这样一组单选框里面才会被选择一个选项，对于默认被选择的属性，将它的checked的属性取值设置为checked就可以了

下拉列表框：
使用select标签和option标签来完成，每对列表项都用一对option标签规定
<select》
<option》选项1</option》
<option selected=“selected”》选项2</option》
</selected》
selected=“selected”：被选择的那一项

文本域Textarea
<textarea rows=“行数” cols=“列数”》文本</textarea》