JAVA编程学习记录（JavaWeb-Html）

学习Java之前需先搞懂Java能做些什么、需要学什么、有哪些方向：

Java能做的：

①Web开发

②客户端开发（银行、学生管理、医院等）

③移动设备软件开发（Android软件）

Java需要学的：

①JavaWeb

②JavaSe

③JavaEE-MVC

④Oracle和MySQL等数据库管理系统

Java以后的方向：

①Java软件工程师

②Java架构师

③大数据工程师

第一周：从前端开始

//先从简单的Html和CSS开始，入门学习一些思路，为以后的编程之路打下基础

Web的入门介绍：

①C/S结构:Client->Server 客户端和服务器端之间的交互

典型特点：客户端的软件必须升级才能使用服务器端高版本的功能

应用：阿里巴巴、QQ、飞秋；

②B/S结构:Browser->Server浏览器端和服务器端之间的交互

典型特点：浏览器端的软件不需要特定的升级就能访问服务器的网站；

应用：大型游戏网站、各种门户网站；

什么是网站？

网站：将基于B/S的应用都叫网站。网站有很多的html标签组成；

Html部分

什么是HTML?

HTML: 全称：Hyper Text Markup Language：超文本标记语言；

超文本标记：针对字体的颜色、大小、格式

针对图片、动画、音视频等进行操作

HTML语言结构：

<html>

<head> //编码规范的（gbk/utf-8） -->头文件标签

</head>

<body>

html主体部分：这些内容最终会在浏览器中显示

</body>

</html> //有标签体的标签

HTML结构解释

html：根标签，其中包含很多子标签

head：头文件

body：网页的主体部分，会显示内容

文本标签

标题标签：<h1>标题</h1>~<h6>标题</h6> //标题是由大到小的

水平线标签：<hr>

换行标签：<br/>

段落标签：<p>

段落缩进：<blockquote></blockquote>

原样输出标签：<pre></pre>

上标标签：<sup></sup>

下表标签：<sub></sub>

空格：  //一定不能少了分号（；）

注册商品：&reg ®

列表标签：

有序号的列表：

<ol type="A"> //type默认参数为"1":

</ol>

效果：

A.贝克汉姆

B.C罗

C.梅西

无序号的列表：

选课管理：

<ul type="square"> //type默认参数为"○"

</ul>

效果：

图像标签

src：导入图片的路径

width：图片的宽度-->①指定固定的大小px（像素）②百分比大小显示

height：图片的高度-->①指定固定的大小px（像素）②百分比大小显示

title：鼠标悬浮在图片上会显示文字

alt：代替文本，当图片加载失败的时候，代替文本就会起作用

例：

超链接标签

a标签：<a></a>

常用属性：herf：链接资源地址(URL)或者资源文件

target：打开资源的方式：

①_self：当前窗口直接打开

②_blank：新的窗口打开

常见的协议：

file:// -->文件协议：打开本地文件的协议

http:// -->hosts文件中找是否有ip对应的域名，找不到则调用网卡进行联网

thunder:// -->迅雷协议 mailto：邮件协议

超链接的作用：

①可以连接资源文件

②可以作为锚链接来使用

方式1：针对在同一个html页面下

a.打锚点（标记一个位置）<a name属性="锚点名称"></a>

b.创建跳转链接 <a href="#锚点名称">跳转到锚点指定位置</a>

方式2：针对不同html页面下

a.在另一个页面的某个位置打锚点（标记） <a name属性="锚点名称"></a>

b.在当前页面下创建跳转链接 <a href="连接到的资源文件或地址#锚点">跳转</a>

表格标签

<th></th>:表头标签-->自动居中加粗

<tr></tr>:行标签

<td></td>:列标签

单元格合并：行合并：rowspan

列合并：colspan

修饰表格属性：border：边框-->可设置像素百分比

align：表格在浏览器中的对齐方式-->center、left、right

width：宽度

height：高度

表单标签

form标签：

action：填提交地址

method：提交方式：

①get：将用户的信息提交到地址栏中；文件大小不超过64kb；

②post：不会将信息提交到地址栏中，文件大小无限制；

文本输入框：<input type="text" name="username">

密码输入框：<input type="password" name="pwd"> //name属性必须填，用来给系统后台标记

单选框：<input type="radio" name="gender" value="男">

<input type="radio" name="gender" value="女">//name将性别数据看成同一组信息

复选框：<input type="checkbox" name="hobby" value="足球">

隐藏域：无效果显示，可携带数据给后台<input type="hidden" name="hid">

文本域:textarea
rows:多少行
cols:一行多少字符

<textarea rows="5" cols="25">JavaWeb</textarea>

提交按钮:会将当前表单中的用户信息提交到指定的地址(后台地址)

重置按钮：重置表单内已填信息

按钮：<input type="button" value="点我试试" onclick="testClick()">