第一行红字 加粗 如果要实现这一效果 对应的html语句,前端基础

一.  HTML入门

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