Day01-02

Day01-02

1.什么是html？HyperText Mark-up Language ，超文本标记型语言，是网页的语言。

* 超文本：超出文本的范畴
* 标记：理解为标签，html中所有的操作都是通过标签来实现的

* html是做网页。

2.什么是html？HyperText Mark-up Language ，超文本标记型语言，是网页的语言。
* 超文本：超出文本的范畴
* 标记：理解为标签，html中所有的操作都是通过标签来实现的
* html是做网页。

3.表单

 属性
** action：提交的服务器的地址
** method：表单的提交方式（有很多种，常见的有两种 get和post）

*** get提交方式会在地址栏携带数据，安全性很差
*** post提交方式地址栏不会携带数据，安全性比较高

4.输入项

* 大部分输入项是通过标签input进行封装操作的
** <input type="输入项的类型"/>
第一个：普通输入项 <input type="text"/>
第二个：密码输入项 <input type="password"/>
第三个：单选输入项 <input type="radio"/>
** 要求：单选输入项里面必须有name属性，同时name的属性值必须要相同
** 设置默认选中，使用属性 checked="checked"
第四个：复选输入项 <input type="checkbox"/>
** 要求：单选输入项里面必须有name属性，同时name的属性值必须要相同
** 设置默认选中，使用属性 checked="checked"
第五个：文件输入项，上传文件的。<input type="file"/>
第六个：隐藏项，这个值不会显示在页面上，但是提交表单也可以提交到服务器上
<input type="hidden"/>
第七个：普通按钮 <input type="button"/>

div : 自动换行
span：在一行进行显示

ccs

第一个：标签选择器
** 使用标签名称作为选择器
div {
   background-color: red;
}
第二个：class选择器
** 每个html标签上面都有一个属性class，通过设置class属性的值
** 代码 
.haha {
background-color:red;
}
第三个：id选择器
** 每个html标签都有一个属性id，通过设置id的属性值
** 代码
#hehe {
background-color:green;
}

选择器的优先级
* style > id选择器 > class选择器 > 标签选择器

JavaScript的简介

** java是面向对象，使用对象需要创建
** js里面提供好了一些对象，直接使用

* 事件驱动：每次滑动鼠标，变换一张图片

* 客户端：指的是浏览器

 有两种结合方式
第一种：使用html中的标签 <script type="text/javascript"> js代码 </script>
** 代码
<script type="text/javascript">
alert("aaa");
</script>

第二种：使用html的标签，引入外部的js文件【项目开发常用方式】
<script type="text/javascript" src="js文件的路径"></script>
* 使用第二种方式的时候有两点注意
注意一：不要在script标签里面写js代码了，不会执行
注意二：结束script标签 </script>，不要在标签内结束