预科基础-Web前后端六件套-12小类（ java框架干货打包带走,适合0基础小白进入门）

敲代码使我快乐？

努力敲代码才能吨吨吨

前言（此内容适合O基础新手green hand，准备入行IT学生，半路出家的青年男，女孩。 词必达意不喜勿喷。大牛绕道，向右看齐）下面相关内容由java基础前端六件套组成还是比较通俗易懂，纯的干内容加上一些instance操作。为Java开发做的铺垫必备知识点 emmm

每一次的脱颖都是从点点滴滴积累起来的。
#温柔不过牛易怒#

• List item： 关于Java后端开发铺垫必备知识点 自行浏览鸭(纯肝，快吸收)

HTML 附新增H5
form 表单
table表格
Web/selector/div+nav+position+clear+float	7（小类）
div+Css 布局思路 （权重）
DOS 命令	例图
framesete框架据	iframe内联 待更

                 -----------------------------------------分割线----------------------------------------------------------

《Html》标签 全称:hype text markup languane (是一种超文本标记语言)

1.搭建网页结构组成展示 《因为版本问题所有标题需要加间括号无法显示< > 谅解》
html -------开头
head -------眼部
title-title ------标题
head
body
-------身体 （主要在身体些内容的）
body
/html ------- 结束

2.单标签包含: 作用
br/ 结束换行
/hr 水平线
水平线可以加 长 ，宽 （width=“50px” height=“70px”）
3. 双标签包含 作用
h1-h6 字体调节大小 1-6
p /p 段落标签，段落结束自动换行
u /u 字体下划线
b /b 字体加粗
i /i 字体倾斜
del /del 字体显示删除线

font 字体

• List item: 属性如下
• size 字体大小 （可调节1-7）
• face 字体类型 （可自选软宋微雅，宋体…）
• color 字体颜色 （可自选）
  aling 对齐方式
• List item：属性如下
• left 左边对齐
• center 中间
• right 右边
  5相对路径 ** img src=" (放入图片路径名) " 注意：必须网页和图片在一个目录下可以使用。

绝对路径 img src="file:/// (盘符的路径)/（放入图片的名称）“注意:要从盘符C,D盘开始复制才可以使用 不推荐
title属性 设置鼠标放在图片上的文字
alt 属性 当图片路径出现错误的时候 提示信息
例： img src=” 路径 " height=“300px” width=“200px” title=“小美女” alt=“出错了”/

5.《超链接的使用方式》 a href=" 跳转网址 " 百度一下 /a
6.锚点 a href=" # " /a 回到顶部
7.注释 <！-- 注释内容 --> 快捷注释 ctrl+/
8 鸡肋属性：&nbsp空格 ，&gt 大于号，&lt小于号，
9 拓展知识:
有序列表 ol li
无序列表 ul li
10.国内三大浏览器:火狐 ，谷歌，IE ( 自定义标签: dl dt dd)

拓展HTML5
搜索引擎 网站排名用的 h5html效果好 自己使用要添加< ></>
header class="a"我是头部 /header
main class=“c” 我是内容 /main
footer class=“b” 我是底部 /footer
nav导航栏 /nav

**分割线--------------------------------------------这样是不是方便打包带走? O(∩_∩)O
**

代码如下：

---------------------分割线-----------------------------------
《form表单》

如图:类似的登录界面

表单12属性 重要! 重要！！ 重要!!! 建议要手抄
代码如下：
1.form 表单
2.textarea 文本框 （备注框 属性：高度rows，长度cols )
4. text 文本
5.password 密码
6.radio 单选项
7.checkbox 多选项
（checked=“checked”）默认被选中了
8.select 下拉列表框
（option） 列表框中的选项
9.hidden 隐藏
10.botton 鼠标可以点击的按钮
11.submit 提交登录
12.reset 重置 （重新输入信息）
13.value 值 （需要加在 提交 或 按钮中）
14.date 日期 （设置年/月/日）
2.两种重要提交方式
action submit （加上form）
（ post）安全使用 (get) 不安全
例如：post 提交失败方式
<input type=“submit” formaction=“pust” 或 formmethod="post">
没有后台数据库路径链接失败哦。 如图:

拓展知识点：
1.设置文本框后面带字 placeholder

2.设置文本框锁定无法输入 disabled

3.设置添加本地文件或照片 file

4.设置输入框的颜色 background-color

5.设置按钮框边框的颜色 bordercolor=“Black” 黑色边框

6.设置给提交 按钮 添加图片

---------------------分割线-----------------------------------

Web里面包含一些网页设具体代码操作流程，图片大没有例图。
代码如下：

**
css属性代码 可以给网页添加修饰 我们看到的一些网页风格样式
代码如下：
selector选择器 是样式,后台操作无法展示效果图 需要和+div一起使用！
代码如下：


**
div+css布局 先看图： 先构思一下网页结构，分布整体结构。敲代码仅仅是时间问题！

代码如下：

nav导航栏 如图所示: 首页 ，特卖，9.9包邮，利用 a hover鼠标滑动效果会更出色！

代码如下：

定位浮动 如图所示：二维码是定位实现出来的。浮动文字就是输入框下面的链接

代码如下：

拓展知识 网页翻页效果 超链接： 如图所示
代码如下：

dos命令可以使用 JavaScirpt 又名小黑窗 如图所示

代码如下：

---------------------分割线----------------------------------
框架：顾名思义做一个整体架构给房子盖顶蓬 如图所示： 分三部分 上，左，右然后 开始给里面添加内容 网站布局可以使用

代码如下：

例1

例2

例3
target 用途就是用什么方式打开 一般都是在 左边 就是 targer=“left” 框架集的也要对称 name=” left“


害（ 月底汇总完研究一下吧怎么代码输出- 。-全幅输出。yundao笔记含全篇幅文字+实践例图+讲解视频） 总结不易,白嫖伤肝 。 提前祝大家国庆节快乐鸭