美文网首页
DAY one (HTML5 step one )

DAY one (HTML5 step one )

作者: 你说的独品 | 来源:发表于2017-05-14 08:35 被阅读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 来实现鼠标控制窗口弹出收回。




    相关文章

      网友评论

          本文标题:DAY one (HTML5 step one )

          本文链接:https://www.haomeiwen.com/subject/qblfxxtx.html