概括:利用HTML5模仿百度首页。
时间:接近一天的时间。
内容概括:掌握部分基础标签。
详情:
刚开始接触HTML5 ,组长给我的任务是四五天之内将百度首页模仿出来。
观察首页,发现只是需要几个超链接,一个输入框,一个按钮,几个小图片,剩下的就是摆放的位置的问题。
但是做的过程中发现还需要作用js 的onmouseover 和onmouseout 函数来实现鼠标移入移出队形窗口弹出收回。(当然这次学习还没有解决这个问题)
用到的标签:
1.超链接
<a href ="跳转的网址">
2.图片
<img src="图片信息" alt="图片详细信息"> //图片必须和HTML文件放在同一个目录下
alt属性:①·如果无法显示图像,浏览器将显示替代文本。②·当用户把鼠标移到图像上方,最新的浏览器会在一个文本框中显示描述性文本。
3.表单 (粗略)
<form name="input" action="html_form_action.asp " method="get">
<form>标签用于为用户输入创建 HTML 表单。
action属性:当提交表单时,发送表单数据到名为 "html_form_action.aspl" 的文件。 //与后端相联系
name 属性:规定表单的名称 //相当于变量名
method属性:属性规定如何发送表单数据 //相比于get, post 更安全。表单数据会被发送到在 action 属性中规定的页面中
<input type="text" name="" value="">
<input> 标签用于搜集用户信息。
type 属性规定 input 元素的类型。 //①.当type="submit"button", "reset", "submit""时,定义按钮上的显示的文本。②.当type="text", "password", "hidden",- 定义输入字段的初始值。③当type="checkbox", "radio", "image" - 定义与输入相关联的值。
type="checkbox"和 tyoe="radio" 中必须设置 value 属性。
name 属性规定 input 元素的名称。 //只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。
value 属性为 input 元素设定值。
未解决的问题:
1.通过css 开具体细节改变字体(比如微软雅黑转宋体)
2.通过js 来实现鼠标控制窗口弹出收回。