如何做html框架?

如何做html框架?,第1张

首先注意一点,在<frameset></frameset>所在的文件中不需要写<body>体,否则会不显示网页的分页。

做一个有顶,有左侧网页,有右侧网页的框架集网页应该怎么做?

先把各个小的分散页面做好

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="重置按钮" />


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7684163.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存