HTML初级知识点总结-最详细的总结

height 设置单元格的高度,取值以像素为单位,当同一行中不同的单元格设

置的高度也不相同时,整行的高度取值按最大值来

width 设置单元格的宽度,取值以像素为单位,当同一列中不同行的单元格

设置的宽度不相同时,整列的宽度取值按最大值来

bgcolor 设置单元格的背景色 bakground 设置单元格的背景图

rowspan 合并行 colspan 合并列

合并行和合并列的取值都是整数,合并几个单元格取值就是几

六. 框架的应用

1、框架

框架集标记,在原有的

html结构基础上,替换了

的位置,换句话说,和不能共存,只能出现一个

属性:rows 设置横向框架的数量和高度,框架的数量取决于rows属性的取值

个数,每个框架的高度取决于值的大小

cols 设置纵向框架的数量和宽度,框架的数量取决于cols属性的

取值个数,每个框架的宽度取决于值的大小

rows和cols的取值方式

1、像素值 2、百分数 3、比例取值

rows和cols取值,可以有多个值,值与值之间使用逗号分割,并且不能有空格

格,cols和rows属性一般不同时设定,要想实现页面的纵向和横向分割,可以使用框架的嵌套来实现

frameborder 使用在frameset

中,可以控制框架集下的所有框架边框是否

显示

框架标记,单标记 属性:src 引入目标资源的路径

name 给框架起名字,需要配合超链接的target属性来使用,达到链接目

标框架的目的

frameborder 控制框架的边框是否显示,0表示不显示,1显示默认的

3D边框

scrolling

控制框架是否加入滚动条,取值yes(加入滚动条,需要时加

入)|no(不加入滚动条)|auto(需要时加入滚动条,默认值)

noresize 固定框架的边框,该属性不需要取值

marginheight 在框架中显示内容时,控制内容和框架上下边框之间的空

白,取值以像素为单位,以上边框为准

marginwidth 在框架中显示内容时,控制内容和框架左右边框之间的空

白,取值以像素为单位,以左边框为准

当浏览器不支持框架时,显示的替换内容,必须包含一对<body></p><p>标记使用 </p><p>七、表单的应用 表单 </p><p>1.表单标记<form>,表单不能嵌套使用,所有表单的内容必须书写在表单的开始标记和</p><p>结束标记之间 表单结构: <form> </p><p> <input type=”text”> 单行文本格式 <input type=”password”> 密码输入框 <input type=”checkbox”> 复选框格式 <input type=”radio” name=”sex”>单选框格式 <input type=”submit”>提交的格式 <input type=”reset”>重置格式 </p><p> <input type=”button”>自定义格式 <select> 下拉菜单格式 <option>汉族</option> <option>满族</option> <option>壮族</option> <option>土家族</option> </select> </p><p> <textarea >cols=\请多多指教 多行文本 </textarea> </form> </p><p> </p><p>表单域<input> </p><p>不同功能的表单域type属性的取值不同 属性:type 控制表单域的功能 </p><p>取值 </p><p>text 单行文本 </p><p>password 密码输入框 checkbox 复选框 radio 单选按钮 </p><p> 要实现单选,还要在后面加上一样的名字,例: <input type=”radio” name=”.....”> </p><p> </p><p> </p><p>submit 提交 reset 重置 </p><p> </p><p>button 自定义按钮 </p><p> value属性使用在提交、重置、自定定义按钮中,可以改变按钮的默认值 数 </p><p> </p><p>value属性使用在单行文本和密码框中,添加默认值 </p><p>maxlength属性使用在单行文本和密码框中,限制输入的最大字符数,取值为整</p><p> checked=“checked”使用在复选框和单选框中,表示该选项默认被选中 </p><p> </p><p> <select>....</select>,菜单里有多个选项,一般用于选择年. 月. 日 属性1:<option>...</option>,一对option代表一个下拉选项 属性2:<select>....</select>,一对select 代表一个下拉菜单 多行文本: </p><p><textarea > </textarea >成对出现 </p><p> 属性:cols=”....” cols取值为整数,限制每行的最多内容 </p><p>Rows=”...” rows取值为整数,限制多行文本的行数 </p><p></p><div class="page"><ul><li><a href=lhd_7b1wv4eqeh7e16g2f5026bod04q32p00oxn_1.html>1</a></li><li><a href=lhd_7b1wv4eqeh7e16g2f5026bod04q32p00oxn_2.html>2</a></li><li><a href=lhd_7b1wv4eqeh7e16g2f5026bod04q32p00oxn_3.html class="hover" >3</a></li><li><a href=lhd_7b1wv4eqeh7e16g2f5026bod04q32p00oxn_4.html>4</a></li><li><a href=lhd_7b1wv4eqeh7e16g2f5026bod04q32p00oxn_5.html>5</a></li><li><a href=lhd_7b1wv4eqeh7e16g2f5026bod04q32p00oxn_6.html>6</a></li></ul></div></div> <div style="margin:0 auto;text-align:center;overflow:hidden"></div> <div class="hm-t-main"> <div class="hm-t-header"><h4><a rel="nofollow" target="_blank" href="/mlhdl_7b1wv4eqeh7e16g2f5026bod04q32p00oxn.html">下载:HTML初级知识点总结-最详细的总结.doc</a></h4></div> </div> <div class="nlt new"><div id="hm_t_19094"><div class="hm-t-container"><div class="hm-t-main"><div class="hm-t-header"><h4>最近浏览</h4></div> <ul class="hm-t-list hm-t-list-txt"> <li><a title="HTML初级知识点总结-最详细的总结" href=mlhd_7b1wv4eqeh7e16g2f5026bod04q32p00oxn_3.html>HTML初级知识点总结-最详细的总结</a></li><li><a title="浙江省宁波市九校2017-2018学年高一上学期期末联考英语试题 Word版含答" href=mlhd_5pb7c31dvk8az813jgo32teb88j4i5005uh_1.html>浙江省宁波市九校2017-2018学年高一上学期期末联考英语试题 Word版含答</a></li><li><a title="基于c#的图书管理系统的实现和设计_毕业设计论文" href=mlhd_7ola98p4xm5ap1c1kzfj507xn0uyj200qhc_1.html>基于c#的图书管理系统的实现和设计_毕业设计论文</a></li><li><a title="2020年高考物理二轮复习专题提升系列(含2019真题)—专题06 电磁感应和电" href=mlhd_4tngr6bghm5ap1c1kzfj507xn0uyq600qkj_3.html>2020年高考物理二轮复习专题提升系列(含2019真题)—专题06 电磁感应和电</a></li><li><a title="2014年高考真题——文综地理(广东B卷)Word版含解析" href=mlhd_9zcza2icpf5136r5shlg_1.html>2014年高考真题——文综地理(广东B卷)Word版含解析</a></li><li><a title="基于javaEE技术的课程设计管理系统设计与实现-毕业设计(含源文件) - 图文" href=mlhd_4lmf366t692mdyx423a46cyp27lzc201bo3_3.html>基于javaEE技术的课程设计管理系统设计与实现-毕业设计(含源文件) - 图文</a></li><li><a title="amos-验证性因子分析步步教程" href=mlhd_2lod861jjn553973044s2xc786b4hd00yty_4.html>amos-验证性因子分析步步教程</a></li><li><a title="大学生创业导论-姚凯版-课后习题答案(整理版)" href=mlhd_40ed79gbov721es5igyq_1.html>大学生创业导论-姚凯版-课后习题答案(整理版)</a></li><li><a title="《数据通信原理》综合练习题与答案" href=mlhd_5rb3r1puea0zdc5257d7_1.html>《数据通信原理》综合练习题与答案</a></li><li><a title="水文学复习题作业题与答案" href=mlhd_7vwh89xolj6msol1o4w75dq8n1sig300udh_1.html>水文学复习题作业题与答案</a></li> </ul></div><div style="margin:0 auto;text-align:center;"><br> </div></div></div></div> <div class="nlt new"><div id="hm_t_19094"><div class="hm-t-container"><div class="hm-t-main"> <div class="hm-t-header"><h4>最新搜索</h4></div> <ul class="hm-t-list hm-t-list-txt"> <li><a title="轩逸cvt无级变速箱维修之,异响问题真正原因 - 图文" href="mlhs_sbtshk02r03a038k4gp0ngk8sgvoflp2sfsefgr018irmgr1tm6u54nj3l7nginh5s00w01900wh6mk1z_1.html">轩逸cvt无级变速箱维修之,异响问题真正原因 - 图文</a></li><li><a title="化学探究实验中教师指导策略的研究 - 图文&nbsp;- " href="mlhs_geui1yjoio6ui3iuj0ffxk0pikojk7i64od2n6tnesnpwo6u00w01900wh6mk1z01203202q03703401n01900w_1.html">化学探究实验中教师指导策略的研究 - 图文&nbsp;- </a></li><li><a title="《国际结算》复习试题" href="mlhs_9hmh6ltolp1voev9hnhl9fhcrmdu54_1.html">《国际结算》复习试题</a></li><li><a title="2015-2020年中国综艺节目市场调查与投资战略研究报告" href="mlhs_01e01c01d01h01901e01c01e01cinoffxh6lp30prups2nhqikih8arnnkitff2jh1rwkjdkn6tnpwo6ujhhgne_1.html">2015-2020年中国综艺节目市场调查与投资战略研究报告</a></li><li><a title="高考一轮复习英语-状语从句学案(无答案)" href="mlhs_ul4pabfeosbyhl9fhcpv5rn1019mnqrn1fkegkli1yklk014k4god0klk015_1.html">高考一轮复习英语-状语从句学案(无答案)</a></li><li><a title="高三数学-【数学】江西省新建二中2018届高三2018月月考" href="mlhs_ul4fexk1ci1y0199hsk1ci1y9htlenr5rni9k34irefikffx01e01c01d01ki8aul4fex01e01c01d01kkcokcopab_1.html">高三数学-【数学】江西省新建二中2018届高三2018月月考</a></li><li><a title="论学校全民健身与终身体育教育" href="mlhs_rlmi1ykkhg2wlchfvps6jff2p1ks6jfo3pf6k0ppf6_1.html">论学校全民健身与终身体育教育</a></li><li><a title="战友聚会主持词、串词" href="mlhs_jdkgjvpcqfmifgbjk1rm59hdfg2rm5_1.html">战友聚会主持词、串词</a></li><li><a title="2020年海南省中考物理第二轮总复习 力学作图题专题(无答案" href="mlhs_01e01c01e01cinolmfggnni9ffxpabmllmx2obwfiksbyj0bhl9fhc00wgbfi1yfoch6mu54ff7u54014k4god0klk_1.html">2020年海南省中考物理第二轮总复习 力学作图题专题(无答案</a></li><li><a title="高中语文小说教学" href="mlhs_ul4ffxrn1k1zi6nrn8k0pi1y_1.html">高中语文小说教学</a></li></ul></div></div></div></div> <div class="search"> <form style="display: inline;" id=f1 name=f1 method="POST" onSubmit="javascript:c();return false;"> <div class="p_searchinputbox"> <div class="p_search_seclet"><h3 id="j_searchType">站内搜索</h3></div><p> <input type="text" autocomplete="off" maxlength="38" name="word" placeholder class="searchinput"></p> <input type="submit" class="searchsubmit" onclick="javascript:c();return false;"></div> </form> </div> <div id="ft"> <a href="javascript:history.go(-1)"><span class="backPrevPage" style=""></span></a> <a href="javascript:pageScroll();"><span id="backTop"></span></a> <div class="bx1"> <span class="pc_ver"> <a href="#" onClick="javascript:setCookie('gotoweb', 'true', 1);window.location.href=window.location.href.replace('//m.','//www.').replace('/m','/')">电脑版</a> </span> <span class="info"> <a href="about.asp?id=3" target="_blank"><strong>关于南京廖华答案网</strong></a> </span> </div> <div class="bx2"><span id=bb></span>联系客服:779662525#qq.com(#替换为@) <a href="https://beian.miit.gov.cn/" target="_blank" class="text">苏ICP备20003344号-4</a></div> </div> <!-- footer End --></div> <script type="text/javascript">function go2(id){window.location.href='http://m.35331.cn/mlhdl_'+id+'.html';}</script> <script src="css/jquery.min.js"></script> </body></html>