2018/09/27渡课学习

最新推荐文章于 2018-10-11 20:42:13 发布

JYC1994

最新推荐文章于 2018-10-11 20:42:13 发布

阅读量133

点赞数

本文链接：https://blog.csdn.net/JYC1994/article/details/82870662

版权

(一). 学习内容

列表标签UL OL LI；
表格标签Table,是用表格标签布局页面；
使用 DIV标签布局页面的初步，SPAN标签；
frame 和 iframe 标签定义框架和锚点的定义；
style属性的应用；
Form表单中的 input select textarea 等标签。

(二). 课程关键字

关键字	英文	解释
b标签	`<b>`	定义粗体字
br标签	`<br>`	定义简单的折行
table标签	`<table>`	定义表格
tbody标签	`<tbody>`	定义表格中的主体内容
td标签	`<td>`	定义表格中的单元
th标签	`<th>`	定义表格中的表头单元格
thead标签	`<thead>`	定义表格中的表头内容
tr标签	`<tr>`	定义表格中的行
合并单元格	colspan	合并列
合并单元格	rowspan	合并行

(三). 课程重点

1.列表标签的使用；
2. DIV 标签的页面布局；
3. frame 的使用；
4. style 属性；
5. 表单元素的使用；

(四). 作业完成情况

1. 使用 Table 标签完成一个个人简历的网页编写；

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>个人简历表格</title>
</head>
<body>
	<table border="1">
		<tr>
			<td rowspan="7">基本资料</td>
			<td>姓名</td>
			<td><input type="text" name="xxx"></td>
			<td>性别</td>
			<td>
				<input type="radio" name="xxx" value="男"/>&nbsp;男 
				<input type="radio" name="xxx" value="女"/>&nbsp;女
			</td>
			<td rowspan="4"> <img src="00.png" height="100px" width="70px"></td>
		</tr>
		<tr>
			<td>民族</td>
			<td><input type="text" name="xxx"></td>
			<td>籍贯</td>
			<td><input type="text" name="xxx"></td>		
		</tr>
		<tr>
			<td>出生日期</td>
			<td><input type="text" name="xxx"></td>
			<td>爱好</td>
			<td>
				<input type="checkbox" name="xxx" value="football"/>&nbsp;足球
				<input type="checkbox" name="xxx" value="basketball"/>&nbsp;篮球

			</td>
		</tr>
		<tr>
			<td>学历</td>
			<td>
			<select>
				<option value="初中">初中</option>
		        <option value="高中">高中</option>
		        <option value="大学">大学</option>
		        <option value="研究生">研究生</option>
			</select>
			</td>
			<td>健康情况</td>
			<td>
				<input type="radio" name="xxx" value="是"/>&nbsp;是
				<input type="radio" name="xxx" value="否"/>&nbsp;否
			</td>
		</tr>
		<tr>
			<td>毕业学校</td>
			<td><input type="text" name="xxx"></td>
			<td>专业</td>
			<td colspan="2"><input type="text" name="xxx"></td>
		</tr>
		<tr>
			<td>通讯地址</td>
			<td><input type="text" name="xxx"></td>
			<td>邮编</td>
			<td colspan="2"><input type="text" name="xxx"></td>
		</tr>
		<tr>
			<td>联系电话</td>
			<td colspan="2"><input type="text" name="手机"></td>
			<td colspan="2"><input type="text" name="座机"></td>
		</tr>
		<tr>
			<td>求职意向</td>
			<td colspan="5"><textarea rows="3"></textarea></td>
		</tr>
		<tr>
			<td>教育背景</td>
			<td colspan="5"><textarea rows="2"></textarea></td>
		</tr>
		<tr>
			<td>主修课程</td>
			<td colspan="5"><textarea rows="4"></textarea></td>
		</tr>
		<tr>
			<td>个人技能</td>
			<td colspan="5"><textarea rows="3"></textarea></td>
		</tr>
		<tr>
			<td>获奖情况</td>
			<td colspan="5"><textarea rows="2"></textarea></td>
		</tr>
		<tr>
			<td>社会实践</td>
			<td colspan="5"><textarea rows="4"></textarea></td>
		</tr>
		<tr>
			<td>自我评价</td>
			<td colspan="5"><textarea rows="5"></textarea></td>
		</tr>
</table>

</body>
</html>

在这里插入图片描述

2. 完成一篇带目录导航的文章页面编写

<!DOCTYPE html>
<html>
<frameset cols="25%,75%,">
	<frame src="1111.html"></frame>
	<frame src="111.html" name="111Content"></frame>
</frameset>
</html>

在这里插入图片描述

3. 题目：

a. Table页面布局和DIV布局的区别和为什么要使用DIV布局。

区别

使用DIV等布局元素来制作页面的设计布局，定位，色块，图片等。使用Table，UL等这样的元素来显示页面中需要展示的数据

为什么要使用DIV布局

因为DIV不会像Table一样，在IE下要将整个Table下载完后才全部显示内容(firefox不会)，所以用Table来布局显然是不合适的，尤其是数据量大时，在IE下用Table会发现慢的多。而DIV就好多了。当然,DIV也起整理数据的作用。

b. 表单标签中 name 属性和 value 属性各代表的含义。

name 属性的含义

name 属性规定 input 元素的名称。 name 属性用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript
引用表单数据。

意思就是说，name属性用于递交表单时的标识符，或者在客户端通过 JavaScript 引用表单数据。

value 属性的含义

value 属性为 input 元素设定值。对于不同的输入类型，value 属性的用法也不同： type=“button”,
“reset”, “submit” - 定义按钮上的显示的文本 type=“text”, “password”, “hidden” -
定义输入字段的初始值 type=“checkbox”, “radio”, “image” - 定义与输入相关联的值注释：和中必须设置 value 属性。注释：value 属性无法与
一同使用。

JYC1994

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2018/09/27渡课学习

目录(一). 学习内容(二). 课程关键字(三). 课程重点(四). 作业完成情况1. 使用 Table 标签完成一个个人简历的网页编写；2. 回答问题a. 什么是HTML的标签语义化？b. 什么是SEO优化，在HTML标签中如何体现？c.什么是浏览器的兼容性问题？3. 使用W3School提供的字典，查阅A标签和IMG标签，描述这两个标签的解释，以及属性的定义内容，在Markdown中详细的描述...
复制链接

扫一扫