【一、Java/HTML基础课程周复习总结】复习课程包含基础java到循环结构,HTML基础。


此复习总结包含Java和Html。

java概述

  • 什么是java程序
    实际上,“程序” 是源于生活,通常是指完成某些事情的一种概定方式和过程,
    下面看一看生活中到银行柜台“取钱”的程序。
    • 银行“取钱”的步骤
    1. 带上存折/银行卡到银行
    2. 取号排队
    3. 将存折或银行卡递给银行职员并告知取款数额
    4. 输入取款密码
    5. 银行职员办理取款事宜
    6. 拿到钱,带上存折/银行卡。
    7. 离开银行
      简单来说,此程序是非常普通简单的程序,实际上该过程变的很复杂。
  • 下载java并配置环境变量
    • java下载链接:link 此网站需要登录,也可以百度JDK下载java配置包。

    • 下载完成后,找到java安装位置,笔者安装的位置是:C:\Program Files\Java\jdk1.8.0_231 这个很重要,那么接下来开始配置环境变量

    • 右键“此电脑”找到“属性”右键属性

    • 找到高级系统设置找到高级系统设置

    • 点他!在这里插入图片描述

    • 点击新建,并填写“JAVA_HOME”

    • 变量值填写JDK安装路径,笔者的路径是:C:\Program Files\Java\jdk1.8.0_231填写变量值,和变量名

    • 完成后,找到Path变量名,并且双击Path切记

    • 新建俩项并填写“%JAVA_HOME%\bin;”和“%JAVA_HOME%\jre\bin;”并且俩项移到第一第二列。这俩项务必移到第一第二位

    • 按键盘上的Windows键+R键,输入cmd,控制台打开后,输入java,然后在输入javac,如果出现提示符,就代表成功!在这里插入图片描述
      在这里插入图片描述

    • 此刻就完成了环境变量

开发第一个java程序

  • 先在桌面创建一个文件夹叫“Demo”
  • Demo文件夹内在创建一个文件夹“Ch01”代表第一章
  • 文件夹内在创建一个文档文本,叫Demo01.java
public class Demo01
	public static void main(String[] args){
		System.out.println("HelloWord");
}
  • 此时就完成了java程序,注意代码规范!
  • public 是公开的意思,class是代表类,class必须跟文件名相同。
  • public static void main(String[] args)代表程序入口,入口就是main
  • System是系统,out是吐出的意思,println是打印的意思。()括号内有""双引号是打印字符串。
  • 写好的代码用cmd控制台来操作,
  • 输入“cd 桌面\你的文件夹名\文件夹\”
  • 在输入“javac 你的文件名称.java”
  • 然后在输入“java 文件名称”
  • 就可以启动并打印出Helloword。

数据类型、变量、运算符

  • 下载好Eclipse EE程序,为了更好的代码规范。

  • 下载地址:link

  • 下载好后,进入软件,新建一个项目
    新建一个java项目

  • 我们叫他demo02

  • 基本数据类型有,int 整数类型,double双浮点数类型占4字节,boolean属于布尔型,适于判断,String字符串类型,可以储存字符串。

public class Demo01
	public static void main(String[] args){
		int i;//未赋值
		int n = 18;//已赋值
		double s = 1.1000;//可以存小数
		String str="王小明";//储存字符串,务必加上双引号,不然报错!
		boolean bool=true;//是储存真、假。
		boolean bool_1=false;//这是假,布尔类型适合做判断。
		/**
		* 好,我们来输出
		*/
		System.out.println("我叫:"+str+",今年"+n+"岁");
		if(bool){
			System.out.println("这是真的!");
		}
		else{
		System.out.println("不!这是假的!");//请注意代码规范!
		}
	}
}
  • 我们来做运算,给程序做算数
import java.util.Scanner;//引用输入Scanner,*代表全部,
public class ch01 {
	public static void main(String[] args) {
		Scanner input = new Scanner(System.in);//调用Scanner,
		System.out.println("请输入4位卡号:");
		int inSet = input.nextInt();//nextInt代表整数
		int ge = inSet%10;//%代表取余,相当于小学教的商
		int shi = inSet/10%10;// 斜杆/代表除于÷
		int bai = inSet/100%10;//记得代码规范!
		int qian = inset/1000%10;//你有没有发现规律?
		int Sum = ge+shi+bai+qian;
		//我们来打印结果
		System.out.println("会员卡号"+inSet+"各位之和:"+Sum);
		System.out.println("是幸运客户吗?");
		if(Sum>20){
			System.out.println("是幸运客户");
		}
		else{//else的意思是否则
			System.out.println("很遗憾,不是。");
		}
	}
}

选择结构、循环结构

  • 接下来我们做选择结构
import java.util.*;

public class bdqnMenu {

	public static void main(String[] args) {
		// TODO Auto-generated method stub
		System.out.println("欢迎使用我行我素购物管理系统");
		System.out.println("1.登陆系统");
		System.out.println("2.退出");
		System.out.println("************************************");
		System.out.print("请输入你的选择");
		Scanner input=new Scanner(System.in);
		int i=input.nextInt();
		switch(i) {//switch意思是开关,
		case 1://代表1号开关,开关可以自定,
			System.out.println("欢迎使用我行我素购物系统");
			System.out.println("1.客户信息管理");
			System.out.println("2.购物结算");
			System.out.println("3.真情回馈");
			System.out.println("4.注销");
			System.out.println("请选择:");
			break;
		case 2:
			break;//break代表跳出循环,
		default:
			System.out.println("选择错误");
			break;
		}
	}
}

  • 接下来循环结构
/**
*这是个for循环,i<10;i++可以循环10遍,10可以改成1000遍,数字越大会越久,就越卡,会拖慢系统速度。
*i++,是先赋值在运算,++i是先运算在赋值
*/
for(int i=0;i<10;i++){
	System.out.println("输出第"+i+"遍");
}
  • 好,我们来做下一个循环
int i = 0;
do {
	i++;
	System.out.println("你好!");
	}while(i < 10);//这跟for循环中间那部分差不多的意思。括号内写条件。do while的意思是先循环在判断,
while(i<20){//条件成立继续循环
	System.out.println("你好!");
	++i;//注意代码规范!
}
  • java复习总结完毕!

HTML

  • 什么是 HTML5?

  • HTML5 是下一代 HTML 标准。

  • HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。

  • HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。

  • HTML5 是如何起步的?

  • HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。

  • WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。

  • HTML5 中的一些有趣的新特性:

  • 用于绘画的 canvas 元素

  • 用于媒介回放的 video 和 audio 元素

  • 对本地离线存储的更好的支持

  • 新的特殊内容元素,比如 article、footer、header、nav、section

  • 新的表单控件,比如 calendar、date、time、email、url、search

  • 想多了解可以去百度百科:link

  • 我们先去下载Visual Studio Code:link

  • 并且安装HTML5插件

HTML规范

  • 我们可以参考csdn.net的源代码来查看规范,连接:link

切记不要安装在C盘,减少C盘压力。

  • 我安装的是:E:\Programs\Microsoft VS Code
  • 输入HTML,安装插件
  • 再输入Chinese插件安装中文。
  • 再下载 Open in Browser插件好运行并查看网页
  • 在这里插入图片描述
    点他,安装
  • 点他安装!然后我们就可以创建html5项目啦!

我的第一个网页

  • 新建文挡类型改成html
  • 例如:index.html
  • 然后在输入html:5他会自动生成
<!DOCTYPE html><!--声明必须位于 HTML5 文档中的第一行,使用非常简单:-->
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>

<body>
   <h1>你好世界!</h1><!-- 自个手打-->
</body>

</html>

HTML基础标签

  • 等级标题标签<h1>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
 
<body>
	<h1>一级标签</h1>
	<h2>二级标签</h2>
	<h3>三级标签</h3>
	<h4>四级标签</h4>
	<h5>五级标签</h5>
	<h6>六级标签</h6>
	<!--以此类推到h6-->
</body>
 
</html>
  • 换行标签<br>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>北京欢迎你</h1>
    <P>
        北京欢迎你,有梦想谁都了不起!<br>
        迎接另一个晨曦,带来全新空气<br>
        气息改变情味不变,茶香飘满情谊<br>
        我家大门常打开,开放怀抱等你<br>
        拥抱过就有了默契,你会爱上这里<br>
        不管远近都是客人请不用客气<br>
         相约好了在一起,我们欢迎你<br>
        我家种着万年青,开放每段传奇<br>
    </P>
</body>
</html>
  • 水平线标签<hr>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>北京欢迎你</h1>
    <hr>
    <P>
        北京欢迎你,有梦想谁都了不起!<br>
        迎接另一个晨曦,带来全新空气<br>
        气息改变情味不变,茶香飘满情谊<br>
        我家大门常打开,开放怀抱等你<br>
        拥抱过就有了默契,你会爱上这里<br>
        不管远近都是客人请不用客气<br>
         相约好了在一起,我们欢迎你<br>
        我家种着万年青,开放每段传奇<br>
    </P>
</body>
</html>
  • 文本加粗标签<strong>和斜体标签<em>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <strong>徐志摩人物简介</strong>
    <p>
        <em>1910</em>年入杭州学堂<br>
        <em>1918</em>年赴往美国克拉克大学学虚银行学<br>
        <em>1918</em>年赴往美国克拉克大学学虚银行学<br>
        <em>1918</em>年赴往美国克拉克大学学虚银行学<br>
        <em>1918</em>年赴往美国克拉克大学学虚银行学<br>
    </p>
</body>
</html>
  • 注释和特殊符号
特殊符号字符实体示例
空格&nbsp;<a href="#">百度</a>&nbsp;&nbsp;&nbsp;<a href="#">Google</a>
大于号(>)&gt;如果时间&gt;晚上6点,就坐车回家
小于号(<)&lt;如果时间&lt;早上7点,就走路上学
引号(")&quot;wc3规范中,html的属性值必须用成对&quot;引用起来
版权符号(©)&copy;©2003-2020 CSDN

更多符号请参考:link

  • 超链接<a>
<a href="链接地址" target="目标窗口位置">链接、文本或图像</a>
  • 图片标签<img>
<img src="图片位置" title="鼠标悬停提示文字" alt="小樱桃" height="图片宽度"  width="图片高度">

以上做的总结到此结束,制作不易。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值