DAY one (HTML5 step one )

2017-05-14  本文已影响0人  你说的独品

概括:利用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 来实现鼠标控制窗口弹出收回。




上一篇下一篇

猜你喜欢

热点阅读