|
HTML知识内容总结HTML骨架 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body></body></html> 以上代码就是html骨架。 其中第一行是声明该文档为html5版本；第四行指的是所用字符集为UTF-8类型的字符集。 Web标准结构（Structure）一般认为是html，是为了使布局更具有逻辑性。 表现（Presentation）主要指的是CSS，是为了修饰网页各个内容的样式，起到美化作用的。 行为（Behavior）主要是指JavaScript Web标准的好处1、提高网页浏览速度 2、使内容可以能被更多的设备所访问 3、更容易被搜索引擎搜索 4、使网站更容易维护 5、降低了网站的流量费用 6、让Web发展的前景更广阔 一些语义化标签<p>、<a>、<h1-h6>、<hr />等。 语义化的好处1、方便代码的阅读和维护 2、能更好的被搜索引擎优化 3、让浏览器和网络爬虫可以更好的解析，从而更好的分析网络内容。 表格主要是用来展示数据的。 cellspacing：设置单元格与单元格之间的距离。 cellpadding：设置单元格内容与单元格边框之间的距离。 border-collapse:collapse 用于清除多余边框线 rowspan、colspan 用于合并单元格。 如 <td rowspan="2"></td> <td></td> 合并两个单元格 注意表格的一些属性为html属性，不能写在css样式里。 为了不打乱原本表格布局，可以在<td>里插入一个新的表格。 列表主要是用来布局的。 表单主要是用来收集用户数据的。 一般分为文本框、密码框、单选框、复选框、按钮 （submit提交、reset重置、image图片形式的提交按钮、file上传文件）。 <input> 下拉框 <select> 这些表单最好写在<form></form>表单域里面，方便数据一起提交。 <form action="url地址" method="提交方式（get/post）" name=("表单名称")></form> 文本域<textarea>cols="" rows="" </textarea> input标签的一些属性 size：在页面中的显示宽度 checked：定义选择控件中默认被选中的项 maxlength：控件中允许输入的最多字符数 一些标签<base>标签：写在head标签内，设置整体链接的打开方式。<label>两种使用方法：1、label直接包含在表单内 ,<label><input /></label> 2、通过for和id控制 <label for="nc"> 昵称：</label> <input type="text" id="nc" /> 效果大概就是鼠标点击到昵称上面，光标会自动跳转到文本框上。 锚点定位：使用相应的id名称来标注跳转的位置如 <a href="#itree名">链接文本</a> <h2 id="tree">文本</h2> 当单击a链接中的文本时，会跳转到id为“tree”的h2标签上。
| 
收藏
淘帖
踩
