Day 01
一、HTML:
1、超文本标记语言,
2、脚本语言(任何文档中编写都能运行),
3、掌握程度:理解,能看懂就行
4、版本:html4 html5(网上查一下两个版本区别)
有<!DOCTYPE html> 表明是html5版本
二、如何写脚本语言
1、 创建一个.html为后缀的文件
2、 结构:
标记,标签,元素
<></>封闭标签
<xxx/>非封闭标签
创建方法:
<html>
<head></head>
<body></body>
</html>
3、 标签:
标题标签:hn n:1—6
标签属性:强化或修饰标签内容,属性写在开始标签内部,格式:属性名1=值1,……
图片标签(是非封闭的):<img src =””/>
超链接标签(增加一个新的页面_blank):<a href=”” target=”_blank”></a>
任何标签中都可以出现id(同一个html页面id值不能相同),name,class属性
4、 特殊字符
 :空格
<br/>:换行
5、 锚点
先做标记:<a id=”” 或者name=””></a>
找标记:<a href=”#id值” 或 href=”#name值”></a>
6、 区域标签:<div></div>
7、 段落标签<p></p> 类似的标签还有<span></span>
8、 列表标签:
有序列表:<ol type=””> (没有type默认是阿拉伯数字)
<li>第一个列表项</li>
<li>第二个列表项</li>
<li>第三个列表项</li>
</ol>
无序列表:<ul type=””> (没有type默认是圆点)
<li>第一个列表项</li>
<li>第二个列表项</li>
<li>第三个列表项</li>
</ul>
9、 表单标签:<form method=”” action=””></form>
默认method=”get”,还有一种请求方式method=”post”
action是提交之后进入的界面,不写默认是本界面
10、文本框
用户名<input type=”text” name=”username”/>
11、密码框
密  码<input type=”password” name=””/>
12、单选框
checked = “checked” 默认选择此条属性
性别:男<input type=”radio” name=”sex” checked = checked />
 女<input type=”radio” name=”sex”/>
13、多选框
checked = “checked” 默认选择此条属性
兴趣:钓鱼<input type=”checkbox” name=”sex” checked = checked />
做饭<input type=”checkbox” name=”sex”/>
洗衣服<input type=”checkbox” name=”sex” checked = checked />
13.5、文本域
<area/>
14、下拉列表:
selected = “selected” 默认设置了此条属性
<select>
<option>下拉列选项</option>
<option selected=”selected”>下拉列选项</option >
</select>
15、按钮标签(value值为按钮上显示的内容)
(1)上传文件
<input type=”file” name=”file”/>
(2)普通标签(登陆等链接跳转按钮)
<input type=”button” value=””/>
(3)提交标签
<input type=”submit” value=””/>
get与post提交的区别:
(1)get将提交的数据显示在地址栏,post不会
(2)get提交方式相对post来说不安全
(3)get提交的数据受地址长度的影响,提交少量数据,post提交大量数据
(4)重置标签
<input type=”reset” value=”重置”/>