黑马程序员技术交流社区
标题: html基础知识整理 [打印本页]
作者: 无is 时间: 2018-9-14 22:56
标题: html基础知识整理
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标签上。
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |