html基础：有序列表 框架集 form表单

 

无序列表和有序列表
无序列表 ul,li
有序列表 ol,li

Frameset 框架集 主要用来分割显示多个页面 。意思就是把多个网站页面装到一个主页面里面去，很多后台模板就是用这种框架集，但是要注意如果主页面包含了其它的页面，那么主页面里面就不能有body 也不能有BODY写的内容，不能输出文字。
 <frameset cols="40%,*">
 <frame src="a.html">
 <frame src="b.html">
 </frameset>
 意思是左边的a页面占40%，剩余的全部给列外一个b页面 要是不想中间的分界线移动 可以加noresize属性就好
 边框不想要用frameborder="0" 。

 案列：想实现的效果如图，在一个页面里面显示2个网页，然后点击左边的任何歌手名字，右边显示该歌手的歌词

思路：在主页面里面套2个页面 然后写好每个歌手的歌词页面 做个链接 点击该歌手跳转到歌词页面。

如图：该页面是主页面用来包含其他页面 该页面不能包含body，也不能写文字

这是被包含的左边的代码图  target有4个选项：_blank,打开一个全新的页面， _self替换本页面

 这是被包含右边的歌词页面

 

 

iframe 可以实现画中画的效果 就是页面里面嵌套一个页面如

实现的代码：

 

 

 

表单：我们需要把一些数据提交给服务器，比如注册用户。。。这样我们就需要用到表单元素

基本语法结构：<input type="" name="">

以图片做提交按钮：<input type="image" src="1.jpg">

页面里面

文本：text;密码:'password';重置：‘reset'，等等 。。手册都有

 

插入多媒体内容：

基本语法<embed src="1.mp4">，这个标志可以嵌入多媒体内容，电影<movie>,声音<sound>,虚拟现实语言<vrml>;

插入背景音乐：<bgsound src="">

 

客户端图像映射图：如下图，一张图片点击不同地方 出现不同效果和链接 这就是在图片上做了映射