做一个有顶,有左侧网页,有右侧网页的框架集网页应该怎么做?
先把各个小的分散页面做好
all2.html
top.html
left.html
right1.html
right2.html
来看每个文件的具体代码:
all2.html
<!--这里开始是整体框架结构,为上下结构-->
<frameset rows="20%,*"
frameborder=0>
<frame src="top.html" noresize scrolling=no
/>
<!--这里开始是另外一个框架集结构为左右结构-->
<frameset cols="20%,*">
<frame src="left.html" noresize
/>
<!--frame元素中有一个name属性,相当于给frame取名,以方便识别位置-->
<frame src="right1.html" name="right"
/>
</frameset>
</frameset>
top.html
这里是顶部内容
left.html
<a href="right1.html"
target="right">青花瓷1</a><br
/>
<a
href="right2.html"
target="right">青花瓷2</a><br
/>
right1.html
这里是right1.html的内容
right2.html
这里是right2.html的内容
1、首先在电脑桌面上,新建并打开一个记事本文件。
2、这里要用到<form>标签,这个标签包含了表单的一些元素,这里要用到<input>元素,具体格式如下图。
3、其中红框内 type="text" 意思是文本框,其中的text可以换成其他的,name="firstname"是这个文本框的名字。
4、然后点击保存,改变记事本文件后缀为html,看看网页显示效果。
5、接着来做一个最常用的登陆框,首先做出用户名+文本框;密码+文本框,以下是代码。
6、最后保存,看看网页显示效果,就完成了。
这些都是表单元素。单行文本框:<input type="text" name="text" id="text" />
多行文本框:<textarea name="textarea" id="textarea" rows="3" cols="50"></textarea>
下拉列表框:
<select name="select" id="select">
<option value="aaa">aaa</option>
<option value="bbb">bbb</option>
<option value="ccc">ccc</option>
</select>
复选框:
<label><input type="checkbox" name="checkbox" id="checkbox" value="苹果" checked="checked" />苹果</label>
<label><input type="checkbox" name="checkbox" id="checkbox" value="苹果" />梨子</label>
单选框:
<label><input type="radio" name="radio" id="radio" value="男" checked="checked" />男</label>
<label><input type="radio" name="radio" id="radio" value="女" />女</label>
<input type="submit" value="提交按钮" />
<input type="reset" value="重置按钮" />
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)