html制作一个搜索框,代码是:testvarNS4=(document.layers)//Whichbrowser?
html的运用范围:
html:即超文本标记语言,它是标准通用标记语言下的一个应用,“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素,超文本标记语言的结构包括“头”部分(Head)、和“主体”部分(Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容,它包含了许多的功能:
1、HTML语言概述:在WWW上的一个超媒体文档称之为一个页面(page)。作为一个组织或个人在万维网上开始点的页面称为主页Homepage,其中通常包括有指向其他相关页面或其他节点的指针(超级链接)。在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website或Web)。而Web页面也就是通常所说的网页。
2、HTML规范标准:HTML是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,根据标记符解释和其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,在不同的浏览器,同一标记符可能会有不完全相同的解释,所以会有不同的显示效果。
3、标记语言:HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点------就是一种URL指针,通过激活(点击)它,可使浏览器方便地获取新的网页。而这也是HTML能够获得广泛应用的重要的原因之一。
总结:网页的本质就是由许多不同的HTML组成,通过结合使用其他的Web技术(如:脚本语言、CGI、组件等),可以创造出功能强大的网页。因此,HTML是Web编程的基础。
<div class="header-search"><form class="right-search" action="http://www.baidu.com/s">
<input type='hidden' name='scope' value='project'/>
<input type="text" class="search-text" placeholder="项目查找" name="q">
<button type="submit" class="search-ic">搜索</button>
</form>
</div>
.header-search{
width: 300px
height: 70px
margin:19px 0 0 10px
float: left
display: inline-block
}
.right-search{
height: 35px
width: 300px
display: inline-block
position: relative
}
.header-search .search-text {
width: 300px
height: 35px
color: #bababa
font-size: 14px
border: 1px cadetblue solid
border-right: 0
line-height: 35px
padding-left: 10px
background: #f9f9f9
float: left
border-radius: 5px 0 0 5px
box-sizing: border-box
}
.header-search .search-ic {
width: 40px
height: 35px
line-height: 35px
cursor: pointer
float: right
border-radius: 0 5px 5px 0
background: cadetblue
border:1px solid cadetblue
position: absolute
}