web标准教程,帮你走进web标准设计的世界 第三讲(html终结篇)

2020-05-11 08:05:43易采站长站整理

<option value=”3″ selected=”selected”>33333333</option>
<option value=”4″>44444444</option>
</select>
//上面是下拉式选择,并且可以多选,2,3行默认为被选
</fieldset>
<fieldset>
<fieldset>
<legend>上传的文件</legend>
<p><input type=”file” name=”file” id=”file” accept=”image/gif, image/jpeg” /></p>
//上面为文件上传,规定只能上传格式为gif和jpeg的图片
</fieldset>
<fieldset>
<legend>提交与重置</legend>
<p><input type=”submit” value=”提交表单” /><input type=”reset” value=”重置表单” /></p>
//表单的提交与重置
</fieldset>
</form>
</div>

标签11:table

使用指数:***

功能:构造一个表格

类型:块级元素

常用属性:id,class

width:设置表格的宽度

border:设置表格的边框

标签a:caption

使用指数:*

功能:为表格定义一个标题

类型:块级元素

标签b:tr

使用指数:***

功能:为表格定义一个行

类型:块级元素

标签c:th

使用指数:**

功能:为表格的每一列定义一个小标题,默认字体加粗

类型:块级元素

标签d:td

使用指数:***

功能:为表格定义一个列

类型:内联元素

特殊属性:1.colspan:合并单元格(列合并)

          2.rowspan:合并单元格(行合并)

例子:


<table border=”1″>
<caption>标题</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td rowspan=”2″>January</td>//行合并,所以要占据两行空间
<td>$100</td>
</tr>
<tr>
<td>January</td>//由于上面是行合并,故这里少了一列
</tr>
<tr>
<td colspan=”2″>January</td>//列合并,故这里少了一列
</tr>
</table>

效果:

 

到这里html就讲完了,不要惊讶,我指的是主要的常用的部分讲完了,其他的就大家自己去学习吧,相信掌握了学习方法之后的工作是愉快的,哈哈

下一讲,我将带领大家步入css的世界当中!