您现在的位置:首页 >> 前端 >> 内容

html学习

时间:2016/11/28 9:25:00 点击:

  核心提示:1.什么是html?HyperText Mark-up Language ,超文本标记型语言,是网页的语言。* 超文本:超出文本的范畴* 标记:理解为标签,html中所有的操作都是通过标签来实现的* ...

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进行封装操作的

**

第一个:普通输入项

第二个:密码输入项

第三个:单选输入项

** 要求:单选输入项里面必须有name属性,同时name的属性值必须要相同

** 设置默认选中,使用属性 checked="checked"

第四个:复选输入项

** 要求:单选输入项里面必须有name属性,同时name的属性值必须要相同

** 设置默认选中,使用属性 checked="checked"

第五个:文件输入项,上传文件的。

第六个:隐藏项,这个值不会显示在页面上,但是提交表单也可以提交到服务器上

 

html学习

 

第七个:普通按钮

p : 自动换行

span:在一行进行显示

ccs

第一个:标签选择器

** 使用标签名称作为选择器

p {

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中的标签

** 代码

第二种:使用html的标签,引入外部的js文件【项目开发常用方式】

* 使用第二种方式的时候有两点注意

注意一:不要在script标签里面写js代码了,不会执行

注意二:结束script标签 ,不要在标签内结束

Tags:HT TM ML L学 
作者:网络 来源:Y_Shanglu的