CH02_列表
CH02_列表本章目标
web开发工具
什么是列表
无序列表
有序列表
定义列表
一、常用前端开发工具1.1 Sublime（推荐使用）
Sublime全称为Sublime Text，是一个代码编辑器，最早由程序员Jon Skinner于2008年1月开发出来。Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图、功能插件等。Sublime text还是一个跨平台的编辑器，支Windows、linux、Mac等操作系统。
1.2 Visual Studio Code（推荐使用）
Visual Studio Code(简称“VS Code”)是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码编辑器， 可在桌面上运行，并且可用于Windows，macOS和Linux。它具有对JavaScript，TypeScript和Node.js的内置支持，并具有丰富的其他语言(例如C++，C#，Java，Python，PHP，Go)和运行时(例如. ...
CH03_表格
CH03_表格本章目标
掌握表格的基本运用
掌握表格中合并的运用
掌握表格的嵌套运用
一、什么是HTML表格?
表格是为了进行页面布局的设计，通过标签属性进行设置,在 HTML 中，我们使用 <table> 标签来定义表格。HTML 中的表格和 Excel 中的表格是类似的，都包括行、列、单元格、表头等元素。
特点: 简单通用,结构稳定
基本结构:
单元格
行
列
二、为什么要使用表格?
在 HTML 中，我们使用 <table> 标签来定义表格。HTML 中的表格和 Excel 中的表格是类似的，都包括行、列、单元格、表头等元素。但是 HTML 表格在功能方面远没有 Excel 表格强大，HTML 表格不支持排序、求和、方差等数学计算，它一般用来展示数据。
2.1 表格基础属性
border:设置表格边框
bordercolor:设置边框颜色 如:read,blue,boke,black等
cellpadding:表格充填
cellspacing:表格间距
width:表格宽
百分比：50%
像素：500px
height:表格高
百分比：50 ...
CH05_框架
CH05_内联框架一、为什么学习HTML内联框架HTML <iframe> 标签用来定义一个内联框架，使用它可以将另一个网页嵌入到当前网页中。<iframe> 标签会在网页中定义一个矩形区域，浏览器可以在这个区域内显示另一个页面的内容。
<iframe> 标签的语法格式如下：
1<iframe src="url" width="m" height="n"></iframe>
src 属性用来指定要嵌入的网页的地址；width 和 height 属性用来指定框架的宽度和高度，默认单位是像素，当然您也可以使用百分比。
【注意】HTML <iframe> 标签不利于搜索引擎抓取页面内容，对 SEO 具有负面效果，在现代 Web 设计中不建议使用。
下表列举了 <iframe> 标签的所有属性：
【示例】iframe代码如下：
1234567891011<!DOCTYPE html><html lang="en" ...
CH01_初始HTML
CH01_初始HTML本章目标
了解HTML的概念
了解网站与浏览器
熟练运行HTML基本标签
HTML概述
先用HTMl一些案例演示给同学门
他们是两种编程语言，一般情况下是需要配合使用的，也是做为网站开发的基础语言。（例如：百度 淘宝 京东 等等网站 ）
做为网站的基础语言，首先大家对对这些网站其实一点都陌生，可以生活中我们天天看到的，比如说我们现在需要去查资料或者什么问题不懂了，我们需要干嘛？是不是需要去百度，问度娘！那如果说我们需要在网络上进行购物了我们是不是会立马想到什么？是不是马上想到了淘宝 京东啊 我们对这些是不是也不陌生，那么这些网站就是通过编写html和css就构成了这些网站上我们所看到的这些页面！（这里可以打开淘宝百度进行借鉴讲解）
这写编写的HTML CSS代码还需要浏览器进行渲染之后才能看到这些我们编写的美丽的效果，那么也就是说我们编写的这些HTML和CSS代码你是看不到这些效果的，没有浏览器你只能看到一堆代码 HTML和CSS代码只有通过浏览器解析之后我们才可以看到我们现在所见的这些效果
我们来看看没通过流量器解析之前HTML CSS代码是什么样子的，查看的 ...
CH08_结构体
CH08_结构体
基本概念结构体属于用户自定义数据类型，允许用户存储不同的数据类型。
定义和使用语法：struct 结构体名{ 结构体成员列表}
通过结构体创建变量的方式有三种：
struct 结构体名 变量名
struct 结构体名 变量名={成员1值，成员2值…}
定义结构体时顺便创建变量
示例：
123456789101112131415161718192021222324252627282930313233343536#include<iostream>using namespace std;//定义结构struct Student{ string name; int age; string sex;} s3;int main() { //方式1(struct可省略) //struct Student s1; Student s1; s1.name = "张三"; s1.age = 19; s1.sex = "男"; cout << "姓名：" ...
CH02_数据类型
CH02_数据类型
数据类型整型描述：整型变量表示的是整型类型的数据，C++中能够表示整型的类型有以下几种方式，区别在于所占内存空间不同。
数据类型
占用空间
取值范围
short(短整型)
2字节
-2^15 ~2^15-1
int(整型)
4字节
-2^31 ~ 2^31-1
long(长整型)
windows为4字节，Linux为4字节(32位),8字节(64位)
-2^31 ~ 2^31-1
long long (长长整型)
8字节
-2^63 ~ 2^63-1
示例
1234567891011121314151617181920212223242526#include <iostream>using namespace std;//入口函数int main() { //短整型范围：-32768 ~ 32767 short num1 = 10; short num1_2 = 32769;//实际为-32767(超出范围自动回环) //整型范围：-2,147,483,648 ~ 2,147,483,647 int num2 = ...
CH04_程序流程结构
CH04_程序流程结构程序流程结构C/C++支持最基本的三种程序运行结构：
顺序结构：程序按顺序执行，不发生挑战
选择结构：依据条件是否满足，有选择的执行相应的功能
循环结构：依据条件是否满足，循环多次执行某段代码
选择结构if语句作用：执行满足条件的语句
单行格式if语句：if(条件){语句块}
示例：
123456789101112131415#include <iostream>using namespace std;int main() { int score = 72; //判断条件是否满足 if (score >= 60) { cout << "及格了" << endl; } system("pause"); return 0;}
多行格式if语句：if(条件){语句块}else{语句块}
示例：
123456789101112131415161718#include <iostream>using namespace ...
CH03_运算符
CH03_运算符
算术运算符作用：用于处理四则运算
示例：
1234567891011121314151617181920212223242526#include <iostream>using namespace std;int main() { int a = 10; int b = 3; cout << a + b << endl;//13 cout << a - b << endl;//7 cout << a * b << endl;//30 cout << a / b << endl;//3 cout << a % b << endl;//1 cout << a++ << endl;//10 cout << ++a << endl;//12 cout << a << endl;//12 cout << b-- << endl;//3 ...
CH05_数组
CH05_数组
概述定义：一组相同类型的数据的集合。
描述：
1.数组中的每个元素都是相同的数据类型
2.数组是由连续的内存位置组成的。
3.数组索引是从0开始
一维数组语法：
1.数据类型 数组名[长度];
2.数据类型 数组名[长度]={值1，值2，值3…};
3.数据类型 数组名[]={值1，值2，值3…};
示例：
1234567891011121314151617181920212223242526272829303132333435#include <iostream>using namespace std;int main() { //方式1 int nums1[5]; nums1[0] = 23; nums1[1] = 17; nums1[2] = 35; //方式2 int nums2[5] = { 12,35,100 }; //方式3 int nums3[]= { 12,35,100 }; //访问单个元素 cout << nums2[4] << endl; ...
CH06_函数
CH06_函数
概述作用：将一段可复用的代码封装起来，减少代码重复。
一个较大的程序，一般分为若干个程序块，每个模块实现特定的功能。
函数的定义函数的定义一般主要有5个步骤：
返回值类型
函数名
参数列表
函数体语句
返回值
语法：
1234返回值类型 函数名(参数列表){ 函数体语句 return 返回值;}
返回值类型：一个函数可以返回一个值
函数名：给函数起的名称
参数列表：使用该函数时，传入的数据
函数体语句：花括号内的代码，函数内需要执行的语句
return表达式：和返回值类型挂钩，函数执行完后，返回相应的数据。
示例：
1234int add(int num1, int num2) { int sum = num1 + num2; return sum;}
函数的调用功能：调用定义好的函数
语法：参数名(参数)
示例：
123456789101112131415161718192021#include <iostream>using namespace std;int add(int num1 ...
