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><a name="bot"></a></div> <div class="ad1" style="height:95px;"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- lhtop --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8169456067121985" data-ad-slot="1775442566" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <div class="conter-line"> <a rel="nofollow" class="title2" href="/lhdl_7b1wv4eqeh7e16g2f5026bod04q32p00oxn.html" target="_blank">Word文档下载:HTML初级知识点总结-最详细的总结.doc</a> <a class="top" title="" href="#top"></a> </div> <div class="conter-line"><a class="title2" title="HTML初级知识点总结-最详细的总结" href="mlhs_02002c025024g7xp0nnolrlym9lj0bp1v019kcgrmup1inesj0bp1v_1.html">搜索更多:HTML初级知识点总结-最详细的总结</a> <a class="top" title="" href="#top"></a> </div><br><br> <div class="conter-line"><a class="title2" href="#">最新浏览</a> <div class="next-txt sile-list"> <ul> <li><a title="陕西省2008年1月高等教育自学考试" href="mlhs_tp1r5rni901e01c01c01kino01dkcoul4ocpk0ppf6pnui1ypabrmd_1.html">陕西省2008年1月高等教育自学考试</a></li><li><a title="LTE扫频数据分析报告 - 图文" href="mlhs_02402c01xjfvu4xk1cjn2g7akggjhhgne00w01900wh6mk1z_1.html">LTE扫频数据分析报告 - 图文</a></li><li><a title="【小学语文】部编版二年级上册语文1-8单元看拼音写词语" href="mlhs_9hsi6ni1yrn1k1z9htsmgp3qmkofikinop0nfeyg3wrn1k1z01d01901kgglg1vnijjjwu0jg49rm5rn1_1.html">【小学语文】部编版二年级上册语文1-8单元看拼</a></li><li><a title="最新人教版2018-2019学年六年级数学上册期末测试卷及答" href="mlhs_kcgk34fjuk0pmko01e01c01d01k01901e01c01d01li1yinog31inop0nk1ci1yfeyg3wkdbkdnll7rmdghjgjuod0_1.html">最新人教版2018-2019学年六年级数学上册</a></li><li><a title="通信原理习题库" href="mlhs_sgqfs1ginmx2fhcu54ioj_1.html">通信原理习题库</a></li><li><a title="小学科学优秀教学案例10篇" href="mlhs_i6ni1yo29i1yfmgo1sk0pi1yklkfpn01d01cog7_1.html">小学科学优秀教学案例10篇</a></li><li><a title="1q6he3qkxw7916095d2s" href="mlhs_01d03501i02w02t01f03502z03c03b01j01l01d01i01c01l01h02s01e037_1.html">1q6he3qkxw7916095d2s</a></li><li><a title="江西省交通厅行政执法过错责任追究规定" href="mlhs_lenr5rni9fj8sgqghxqx8jzzjfrlhxseftg9rvnflnsfxo6ur7oi3e_1.html">江西省交通厅行政执法过错责任追究规定</a></li><li><a title="年新规科目一考试必出类型题之距离题类详解收集资料" href="mlhs_inok34r7oo29nhqfeopabrmdix1g6yol7haju54fgrs0to1nu54ol7rmur8jjzqts6rwkk2h_1.html">年新规科目一考试必出类型题之距离题类详解收集资</a></li><li><a title="沪教版(五四学制)九年级数学下册学案:27.3正多边形与" href="mlhs_lgqk0pmko014fish5ni1yg8m015fh9inop0nk1ci1yfezg3wi1yklk01m01e01j01a01fl7nhlmse1iuaff2_1.html">沪教版(五四学制)九年级数学下册学案:27.3</a></li> </ul> </div> </div><br><br> </div> <div class="side"> <div class="side-conter"> <div class="conter-line"> <a class="title3" title="" target="_blank">热门浏览</a> </div> <div class="next-txt sile-list"> <ul><li><a title="HTML初级知识点总结-最详细的总结" href=mlhd_7b1wv4eqeh7e16g2f5026bod04q32p00oxn_3.html>HTML初级知识点总结-最详细的总结</a></li><li><a title="如何在初中语文教学中提升学生的表达能力" href=mlhd_1zmad2r7kh47ty70kclt55mbv23rb10059c_1.html>如何在初中语文教学中提升学生的表达能力</a></li><li><a title="中国大学MOOC慕课超星尔雅_武汉大学_2018版_毛概_1_6单元测试题库(全" href=mlhd_12vv98k4c59lpyv23wwc1symv1jox50075d_7.html>中国大学MOOC慕课超星尔雅_武汉大学_2018版_毛概_1_6单元测试题库(全</a></li><li><a title="食堂管理系统-数据库设计资料" href=mlhd_9pgmx0d8uy9y6ym8c7oz9pugm7qng700f7g_4.html>食堂管理系统-数据库设计资料</a></li><li><a title="《奇门遁甲》时盘——九星、八门、八诈门解析图" href=mlhd_68qnm5x9rv9vfqx3d4pq7px008twlp015gd_1.html>《奇门遁甲》时盘——九星、八门、八诈门解析图</a></li><li><a title="王化成主编《财务管理》第四版课后习题及答案概述." href=mlhd_6md7r3udhg7b3ef97wu606i7k4fff900zen_1.html>王化成主编《财务管理》第四版课后习题及答案概述.</a></li><li><a title="《京剧大师梅兰芳》说课稿" href=mlhd_96cva169oo565jb3urou8mpoj7ocb000zpr_1.html>《京剧大师梅兰芳》说课稿</a></li><li><a title="实验5Java常用类(一)" href=mlhd_1npfj0qjj02b61z97l7x8uhsm07tmu016vq_1.html>实验5Java常用类(一)</a></li><li><a title="电大数据结构(本)期末复习指导" href=mlhd_2rg0v1e9im8mpoj7ocb09o8y29wt5t00z4u_1.html>电大数据结构(本)期末复习指导</a></li><li><a title="部编版八年级《道德与法治》上册3.2《遵守规则》优秀教案" href=mlhd_161pz76jvx8uhsm07tfq670et7c1ze0175r_1.html>部编版八年级《道德与法治》上册3.2《遵守规则》优秀教案</a></li> </ul> </div> </div> <div class="ad5s" id="pin"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- njlh4 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-8169456067121985" data-ad-slot="9273546564"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="footer"> <div class="main"> <a class="footer-logo"></a> <ul> <li><a href="new.html" target="_blank">精选文档</a></li> <li><a href="about.asp?id=1" target="_blank"> | 免责声明</a></li> <li><a href="about.asp?id=2">| 服务条款</a></li> <li><a href="about.asp?id=3">| 联系我们</a></li> <li><a href="javascript:go2('mlhd_7b1wv4eqeh7e16g2f5026bod04q32p00oxn_3.html')">| 举报本页文档</a></li> </ul> <span>All rights reserved Powered by <a href="./"> 南京廖华答案网 </a><br /> 资料来自互联网, 有任何疑问,请联系客服:779662525&#9746;qq.com <a href="https://beian.miit.gov.cn/" target="_blank" class="text">苏ICP备200033号-4</a></span></div> </div> <script src="http://cpro.baidustatic.com/cpro/ui/f.js" type="text/javascript"></script> <script type="text/javascript">function c(){if(f1.word.value==''){f1.word.focus();}else{f1.action='ss.asp';f1.submit();}return false;} function go2(t){document.f1.action='about.asp?url='+t;document.f1.target="_blank";document.f1.submit();} </script> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(window).scroll(function() { var h = $(window).height(); var top = $(window).scrollTop(); var rFixedBox = $('#pin').prev().offset(); var fixedTop = rFixedBox.top; if(top>=fixedTop+$('#pin').prev().height()) $('#pin').css({'position':'fixed','top': 0}); else $('#pin').css({'position':'static', 'top':0}); }); </script></body> </html>