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>其他标签</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/0c11722040.html" target="_blank">前端开发基础知识培训</a></li> <li><a href="/doc/0d14818713.html" target="_blank">web前端开发师笔试题</a></li> <li><a href="/doc/182791616.html" target="_blank">web前端基础知识</a></li> <li><a href="/doc/2e2399275.html" target="_blank">web前端开发知识点总结</a></li> <li><a href="/doc/262410423.html" target="_blank">前端开发面试知识点大纲</a></li> <li><a href="/doc/3d7270256.html" target="_blank">web前端开发知识点总结</a></li> <li><a href="/doc/3e17027759.html" target="_blank">Web前端开发职业技能标准串讲初级</a></li> <li><a href="/doc/4d6845001.html" target="_blank">前端知识点汇总</a></li> <li><a href="/doc/428323355.html" target="_blank">Web前端知识点总结</a></li> <li><a href="/doc/4b9556298.html" target="_blank">前端开发知识点分析</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 did = "37270256"; var ext = 'docx'; var docId = '16b77tp4a3hecybun97iylbfm01n1mr2'; var totalPage = 17; const pageNum = '17'; </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>foot()</script> </div> </body> </html>