day01-day05心得-CSDN博客

本文详细介绍HTML、CSS和JavaScript的基础知识，包括表单处理、样式控制及JavaScript的基本语法和方法构建等，适合初学者快速入门。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

总：html 用来做网页：用标签包裹数据然后通过修改标签的属性让内容变得丰富多彩

css：则是让页面的属性定义打css选择器中，html中通过id，class 或者标签选择器来选css规则.css主要作用是实现

javascrit：则是让网页动态的显示，给用户更好的视觉享受。通过处发方法来调用

mysql：数据库，主要用来存储数据，后台。crud

jdbc：连接jdc，使java代码来操作数据库

分：html 主要知道个个标签的意思，要掌握form标签（(摘抄代码如下）

form 标签：如果写表单，首先定义表单的范围

* 属性

** action：提交的服务器的地址

** method：表单的提交方式（有很多种，常见的有两种 get和post）

*** 代码

** get和post提交，在默认情况下，提交方式是get提交

*** get提交方式会在地址栏携带数据，安全性很差

*** post提交方式地址栏不会携带数据，安全性比较高，数据在请求体里面（讲到http协议时候详细说）

（4）输入项：可以输入内容或者选择内容的地方

** 要求1：输入项里面必须要有name属性

** 要求2：在单选输入项和复选输入项以及下拉选择输入项里面

都需要有属性value，设置的值

* 输入项需要写到form标签里面

* 大部分输入项是通过标签input进行封装操作的

** <input type="输入项的类型"/>

第一个：普通输入项 <input type="text"/>

第二个：密码输入项 <input type="password"/>

第三个：单选输入项 <input type="radio"/>

** 要求：单选输入项里面必须有name属性，同时name的属性值必须要相同

** 设置默认选中，使用属性 checked="checked"

第四个：复选输入项 <input type="checkbox"/>

** 要求：单选输入项里面必须有name属性，同时name的属性值必须要相同

** 设置默认选中，使用属性 checked="checked"

第五个：文件输入项，上传文件的。<input type="file"/>

第六个：隐藏项，这个值不会显示在页面上，但是提交表单也可以提交到服务器上

第七个：普通按钮 <input type="button"/>

*** 可以写value属性，设置输入项的默认值

（5）下面的两个输入项不是使用input标签进行封装的

第八个：下拉选择输入项

* <select>

</select>

* 使用属性 selected="selected" 默认选中

第九个：文本域

* <textarea cols="10" rows="5"></textarea>

（6）提交按钮和其他的按钮

* 提交按钮： <input type="submit"/>

** 属性 value：设置提交按钮显示的内容

** 点击提交按钮：地址发生了变化

file:///C:/Users/asus/Desktop/javaweb/day01/代码/hello.html ?sex=on&love=on&love=on

** 在输入项上面写name属性之后，提交表单

file:///C:/Users/asus/Desktop/javaweb/day01/代码/hello.html

?username=wangwu&password=123456&sex=on&love=on&love=on&love=on&hid=bbbb&xueli=AAAA&des=test

** 在单选框、复选框和下拉选择框里面设置了value之后，提交表单

file:///C:/Users/asus/Desktop/javaweb/day01/代码/hello.html

?username=aaaa&password=123456&sex=nan&love=l&love=p&love=y&hid=bbbb&xueli=ccc&des=test

* 重置按钮：<input type="reset"/>

** 属性 value：设置重置按钮显示的内容

** 不是做清空表单输入项的操作，使表单输入项回到初始状态

* 使用图片进行提交：<input type="image" src="图片路径"/>

css要掌握结合方式：

（1）css和html有四种结合方式

第一种：使用html标签里面的属性 style="css的代码"

* 代码 <div style="background-color:red;color:blue;">

第二种：使用html的标签

* <style type="text/css">

css的代码;

</style>

* 代码

div {

background-color:red;

color:black;

}

</style>

第三种：使用html标签实现 link，写在head里面

* 首先创建css文件，在css文件里面写css代码

* 在html中使用link标签引入css文件

* 代码 <link rel="stylesheet" type="text/css" href="1.css"/>

第四种：使用html的style标签，在标签里面使用语句样式操作

* 首先创建css文件，在css文件里面写css代码

* 写style标签，在标签里面 @import url(css路径);

javascript要掌握方法的构建和怎么结合html 代码如下：

有两种结合方式

第一种：使用html中的标签 <script type="text/javascript"> js代码 </script>

** 代码

alert("aaa");

</script>

** js的注释有两种

//单行注释

多行注释

第二种：使用html的标签，引入外部的js文件【项目开发常用方式】

* 使用第二种方式的时候有两点注意

注意一：不要在script标签里面写js代码了，不会执行

注意二：结束script标签 </script>，不要在标签内结束

* 代码

//不要在script标签里面写js代码了，不会执行

alert("aaa");

</script>

在js里面定义函数有三种方式

第一种：使用关键字 function 方法名称(参数列表) { 方法体和返回值 }

* 注意一：参数列表，不需要写类型（var），直接写参数名称

* 注意二：返回值，根据实际需要可以有也可以没有

* 代码

function test1() {

alert("123456");

}

//test1();

//实现两个数的相加

function add1(a,b) {

var sum = a+b;

return sum;

}

alert(add1(2,3));

第二种：匿名函数，使用关键字function(参数列表) { 方法体和返回值; }

* 代码

//第二种定义方式

var test1 = function(a,b) {

return a+b;

}

//调用函数

alert(test1(3,4));

第三种：动态函数（方法体和返回值，包含参数列表都是通过参数传递进来的）

* 使用js里面的内置对象 new Function("参数列表","方法体和返回值")

* 代码

//第三种定义方式

var param = "a,b";

var method = "var sum;sum=a+b;return sum;";

var test2 = new Function(param,method);

//调用函数

alert(test2(5,6));

mysql：会基本的增删改查如果不会写sql语句百度或者看笔记

jdbc：主要是四大金刚和六大步。预编译简化代码抽取工作类

扩展：怎么读取配置文件

主要是怎么读取配置文件代码如下：

1. 可以把数据库的一些信息，写到配置文件里面，在工具类读取配置文件得到内容

一般使用properties格式文件作为存储数据库信息的文件

有两种方式读取配置文件

第一种，使用properties类

（1）代码

//创建properties对象

Properties p = new Properties();

//文件的输入流

InputStream in = new FileInputStream("src/db.properties");

//把文件的输入流放到对象里面

p.load(in);

String drivername = p.getProperty("drivername");

String url = p.getProperty("url");

String username = p.getProperty("username");

String password = p.getProperty("password");

第二种，使用ResourceBundle类

* 使用范围：首先读取的文件的格式需要时properties，文件需要放到src下面

（1）代码

String drivername = ResourceBundle.getBundle("db").getString("drivername");

String url = ResourceBundle.getBundle("db").getString("url");

String username = ResourceBundle.getBundle("db").getString("username");

String password = ResourceBundle.getBundle("db").getString("password");