前端基础

一.  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”

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值