一. HTML入门
1. HTML源代码的简单理解
第一行<!doctype html>,固定格式,大家以后就这样写,此处是开标签。剩下的一些是闭标签。其他标签的一些基本内容,上图中有说明。
2. body标签内部经常使用的一些标签
上面标签的一些基本使用和显示效果如下图
(1) 文字类标签
其中右侧白色部分的红字是备注,不是显示效果。
h的意思是标题的意思;label标签和span标签显示的内容很相似,label本身的意思就是标签的意思,起到标注的作用,其他没有太大的区别;p标签是段落的意思;a标签是链接,其中a标签里面的href是a标签的属性,表示跳转的地址,如果是#号,则表示跳转到当前内容。
(2) 组件类标签
表格
表单
其中的type是input中的一个属性;textarea是文本输入框;button是按钮输入框。
(3) 布局类标签
二. CSS入门
1. CSS的作用是对页面的一个美化工具,全称是层叠样式表。
2. 一对开闭标签组成一个节点,那么CSS的操作就可以理解为--处理什么节点:如何处理(还有一个问题就是写在哪)
比如下面的代码:border:1px;就是设置边界的宽度为1px,又如background-color:red;把背景色设置成红色。
这里提供一个网址:http://www.w3school.com.cn 供大家去查询CSS的一些使用规则。
3. 如何指明一个节点
其中B部分是在写HTML的时候,给这个标签起了一个名字,下面在写CSS的时候,使用上图的内容进行操作,#后面是你刚刚自己定义的节点的名字。
使用class类标签。
4. CSS写在哪
三. JavaScript入门
1. JavaScript简介
一门编程语言,而且可以在浏览器中使用,对于一些内容切换、动画效果等等。
一个简单的运行方式,在浏览器的js终端中使用。在浏览器中随便打开一个网页,然后右击,点击审查元素,在弹出的文本框中,单击Console,弹出一个框,在这里就可以写js代码,比如这里写了一个alert(1);然后回车,如图
2. 理清终端的含义
3. Js的基础类型
(1) 数字型
1 1.5 2
(2) 字符串类型
“hello world”;
(3) 列表
[1,2,3] [0,”a”]
(4) 对象(相当于Python中的字典)
{
1:2,
“b”:”2234”,
“hanshu”:function(){};
}
4. 操作符
(1) 大体和Python一致
==,>,<,>=,<=
(2) 独特的===,!,&&,||
如果是2==”2”,判断是真值,数据类型可以不一样
如果是2===2,判断才是真值,必须要求类型都一致
5. 一些基础语句
(1) 赋值语句:var a = 1; (不分类型)
(2) 弹窗语句:alert(“contont”);
(3) 终端输入语句:console.log(“…”);(相当于print语句)
(4) ;空语句
(5) 判断数据类型语句:typeof(…);
6. 常用的流程控制语句
if语句,for语句
7. 函数定义
function 函数名 (a,b)
{
函数体
}
特殊之处是,参数不传不报错,函数名(1,2),则第二个参数类型为”number”,如果是函数名(1),则第二个参数类型是”undefined”