web前端开发知识点总结材料

常用标签

文本类

span

行级元素，多个

同行

div

块级元素，独占

一行

p

块级元素，前后

保留一行

h

标题标签，h1~h6表6个等

级，加粗，前后保留一行

图片标签img

width：设置宽

度

height：设置高

度

alt：图片加载失

败显示的文本

水平线hr

color：颜色

size：高度（粗

细）

width：宽度

（长度）

超链接a

herf：超链接转

到的地址

target

_self:默认值，在

当前页面打开

_blank:在新窗口

打开

带标题的框fieldset legend设置标题

列表标签

无序列表ul

disc：实心圆

square：小方块

circle：空心圆

有序列表ol

表格标签

tr表示行

th

表示标题单元格，

居中、加粗td表示一个单元格caption

表示标题，定义在

第一行，居中rowspan

设置单元格占的行

数colspan

设置单元格占的列

数

表单项

action表单提交地址

method

get：显示提交参数，将

参数用?和&拼接到url上

带到服务器端

post：隐式提交参

数

下拉菜单

optgroup 表示分组,

分组不能选,只能选

分组中的option

selected默认选中

multiple 设置下拉

菜单为多选模式

文本域</p><p>rows: 显示文本的</p><p>行数(高度)</p><p>cols: 显示文本的列</p><p>数(宽度)</p><p>input文本框type=“text”</p><p>name：参数名</p><p>size：显示字符长</p><p>度（控制文本框长</p><p>度）</p><p>maxlength：最大可</p><p>输入字符数</p><p>placeholder：提示</p><p>内容</p><p>disabled：不会被</p><p>提交到服务器</p><p>readonly：只读</p><p>（会被提交到服务</p><p>器）</p><p>value：默认值</p><p>input</p><p>密码框</p><p>type=“password”</p><p>单选按钮</p><p>type=“radio”</p><p>checked：默认选</p><p>中</p><p>复选框</p><p>type=“checkbox”</p><p>文件选择框</p><p>type=“file”</p><p>按钮</p><p>按钮</p><p>type=“button”</p><p>提交</p><p>type=“submit”</p><p>重置type=“reset”</p><p>框架集<frameset>frame：表示框架</p><p>noresize：不能改</p><p>变框架大小</p><p>scolling：是否显</p><p>示滚动条（yes、</p><p>no、auto）rows</p><p>设置框架集在纵</p><p>向上的拆分策略cols</p><p>设置框架集在横</p><p>向上的拆分策略border框架边框的宽度borderColor框架边框颜色frameBorder</p><p>设置框架是否有</p><p>边框(yes|no)</p><p>框架集中的超链</p><p>接打开方式target</p><p>_blank:新窗口中</p><p>打开</p><p>_self:在当前窗口</p><p>打开</p><p>_parent:父窗口</p><p>中打开</p><p>_top在最顶层窗</p><p>口中打开</p><p>frameName：在</p><p>对应name框架打</p><p>其他标签</p><p>ifame在页面中嵌入框架dl、dt、dd</p><p><dl></p><p><dt>数码</dt> <!--dt不会缩进--></p><p><dd>手机</dd> <!--dd会缩进--></p><p></dl></p><p>marquee：滚动标签</p><p>img usemap</p><p><img src="usemap_img.jpg"</p><p>usemap="#yifuMap"></p><p><map name="yifuMap" id="yifuMap"></p><p><area</p><p>shape="circle"</p><p>coords="309,257,20"</p><p>target="_blank"</p><p>href="/s?wd=帽子"></p><p><area</p><p>shape="poly"</p><p>coords="258,316,277,283,340,280,356,314"</p><p>target="_blank"</p><p>href="/s?wd=t恤"></p><p></map></p><p>html5新标签ruby：用rt包含的内容对前面</p><p>的普通文本进行注释</p><p><ruby></p><p>漢<rt>ㄏㄢˋ</rt></p><p>呵呵呵<rt>hehehe</rt></p><p>吃了没？<rt>are you chi le?</rt></p><p></ruby></p><p>输入控件</p><p>range：范围选择</p><p>color：颜色选择</p><p>number：数字输入</p><p>date picker：日期选择datalist：自动提示</p><p><datalist id="arealist"></p><p><option>sichuan</option></p><p><option>chongqing</option></p><p><option>guangzhou</option></p><p><option>shanghai</option></p><p><option>beijing</option></p><p><option>tianjin</option></p><p></datalist></p><p><input type="text" list="arealist"></p> </div> </div> </div> </div> </div> <div id="rightcol" class="viewcol"> <div class="coltitle">相关文档</div> <ul class="lista"> <li><a href="/doc/0c11347459.html" target="_blank">JAVAWEB实训心得体会</a></li> <li><a href="/doc/114311699.html" target="_blank">《Java Web应用开发》课程标准</a></li> <li><a href="/doc/107305400.html" target="_blank">JAVAWEB实训心得体会</a></li> <li><a href="/doc/158147910.html" target="_blank">JAVAEE重点知识总结</a></li> <li><a href="/doc/209643802.html" target="_blank">JavaWeb知识点</a></li> <li><a href="/doc/2b14631209.html" target="_blank">Javaweb程序设计</a></li> <li><a href="/doc/2117450618.html" target="_blank">javaweb知识点总结</a></li> <li><a href="/doc/387508345.html" target="_blank">javaweb基础知识整理</a></li> <li><a href="/doc/481310774.html" target="_blank">JavaWeb实训心得体会</a></li> <li><a href="/doc/454833022.html" target="_blank">javaweb学习心得</a></li> </ul> <div class="coltitle">最新文档</div> <ul class="lista"> <li><a href="/doc/071000073.html" target="_blank">饭店包间名字大全</a></li> <li><a href="/doc/0d10001030.html" target="_blank">word无法创建工作文件,请检查临时环境变量</a></li> <li><a href="/doc/0d10001458.html" target="_blank">自行车健身比赛开幕式讲话词</a></li> <li><a href="/doc/0510001469.html" target="_blank">2018乡村医生个人工作总结</a></li> <li><a href="/doc/0e10002558.html" target="_blank">MySQL测试题 SQL</a></li> <li><a href="/doc/0310002568.html" target="_blank">合勤NXC5200</a></li> <li><a href="/doc/0210004833.html" target="_blank">铁路集中箱空箱调度优化建模案例(案例2)</a></li> <li><a href="/doc/021000530.html" target="_blank">微分几何教学大纲-复旦大学数学科学学院</a></li> <li><a href="/doc/031000596.html" target="_blank">人教版九年级数学上册导学案：24.1.1_圆【精品】</a></li> <li><a href="/doc/0c10006773.html" target="_blank">(整容后办护照用)医院整容证明</a></li> <li><a href="/doc/0e10006860.html" target="_blank">危险废物管理台账</a></li> <li><a href="/doc/0310008420.html" target="_blank">2017年终大会会场物料设计方案</a></li> </ul> </div> </div> <script> var sdocid = "989bbf37d05abe23482fb4daa58da0116d171f5b"; var docId = '989bbf37d05abe23482fb4daa58da0116d171f5b'; var totalPage = 17; const ext = 'doc'; const pageNum = '17'; </script> <script src="https://assets.360docs.net/pc/js/render.js"></script> <div class="clearfloat"></div> <div id="footer"> <div class="ft_info"> <a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a> <a href="/tousu.html" target="_blank">侵权投诉</a>  ©2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br /> 本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈 </div> <script type="text/javascript">foot()</script> </div> </body> </html>