HTML基础
<html><!--整个页面的开始-->
<head><!--头部信息，一般包含title，css样式，js代码-->
<meta charset="utf-8"><!--表示当前页面使用utf-8字符串-->
<title>标题内容</title>
</head>
<body><!--html页面显示的主体内容-->
xxx（页面内容）
</body>
</html><!--整个页面的结束-->
二、标签的格式
1.<标签名>封装的数据</标签名>
2.标签名不分大小写
3.标签拥有自己的属性。
分为：（1）基本属性（2）事件属性
属性： align：对齐属性
4.标签又分为：单标签和双标签
（1）单标签：<标签名/>
（2）双标签：<标签名>封装的数据</标签名>
三、标签的语法
1.标签不能交叉嵌套
2.标签需要正确关闭
3.属性必须要有值，属性值需用引号
4.注释不能嵌套
四、常用的标签
1.标题标签：h1至h6（由大到小）
2.超链接标签：<a></a> （1）href属性设置链接地址 （2）target属性设置哪个目标进行跳转：_self表示当前页面；_blank表示打开新页面
3.列表标签：分为无序列表（ul标签）和有序列表（ol标签）（显示序号）
type属性设置列表前面的符号
<ul>
<li>每一项的内容</li>
</ul>
<ol>
<li>每一项的内容</li>
</ol>
4.显示图片标签：<img />
（1）src属性设置图片路径 路径分为相对路径和绝对路径
1）JavaSE中
（a）相对路径
从工程名开始算
（b）绝对路径
盘符/目录/文件名
2）web路径
（a）相对路径
.表示当前文件所在目录
..表示当前文件所在的上一级目录文件名表示文件所在目录的文件，相当于./文件名（./可以省略）
（b）绝对路径
http://ip地址/工程名/资源路径
（2）width属性设置图片宽度，height属性设置图片高度，border属性设置图片边框，alt属性设置指定路径找不到图片时，用来代替的文本内容。
5.表格标签：<table></table>
（1）行标签：<tr></tr>
（2）头标签：<th></th>
（3）列标签：<td></td>
cellspacing属性设置单元格间距
align设置表格相对于页面的对齐方式
colspan属性设置列合并
rowspan属性设置行合并
5.内嵌窗口标签：
6.表单标签：<form></form>
收集用户信息的所有元素集合，然后把这些信息发送给服务器
action属性设置提交的服务器地址
method属性设置提交的方式【get（默认值）/post】
表单提交时，数据没有成功发送给服务器的三个情况：
1.表单项没有name属性值
2.单选，复选，下拉列表框中的option都需要添加value属性，以便发送给服务器
3.表单项不在提交的form标签中
get请求的特点：
1.浏览器地址栏中的地址是：action属性【+?+请求参数】 请求参数的格式是：name=value&name=value
2.不安全
3.它有数据长度的限制
post请求的特点：
1.浏览器地址栏中只有action属性值
2.相对于get请求更安全
3.理论上没有数据长度的限制
（1）<input type='text'/> 是单行文本输入框，value属性设置默认值
（2）<input type='password'/> 是密码输入框，value属性设置默认值
（3）<input type='radio'/> 是单选框，name属性可以对其分组，checked="checked"表示默认选中
（4）<input type='checkbox'/> 是复选框，name属性可以对其分组，checked="checked"表示默认选中
（5）下拉列表框标签：<select></select>; option标签是下拉列表框的选项，selected="selected"表示默认选中
（6）多行文本输入框标签：<textarea></textarea>，默认值在标签之间
（7）<input type='submit'/> 是提交按钮
（8）<input type='reset'/> 是重置按钮
（9）<input type='button'/> 是按钮
（10）<input type='file'/> 是文件上传域
（11）<input type='hidden'/> 是隐藏域，当我们要发送某些消息，而这些消息不需要用户参与，就可以使用隐藏域（提交的时候同时发送给服务器）
1）rows属性设置显示几行的高度
2）cols属性设置每行显示几个字符的宽度
7.其他标签
（1）div标签默认占一行
（2）span标签的长度是封装数据的长度
（3）p标签默认在段落的上下各空出一行（如果已有则不再空行）
五、特殊的标签（html语言和css样式的特殊字符）
若在文档中输入10个以上的空格，那么html会去掉其中的9个。 需要写对应的实体名称
< < 【less than】
> > 【great than】
空格   【Non-Breaking Space】
>>>纸上得来终觉浅，绝知此事要躬行。
最后，希望各位小伙伴们看完都能有所收获~
浙公网安备 33010602011771号