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

来源： javaer 分享于 2022-10-08 点击 40540 次点评：210

JAVA编程学习记录（JavaWeb-Html），javajavaweb-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） -->头文件标签 <title>标题标签</title> </head> <body> html主体部分：这些内容最终会在浏览器中显示 </body></html> //有标签体的标签

HTML结构解释

html：根标签，其中包含很多子标签 head：头文件 body：网页的主体部分，会显示内容

文本标签

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

水平线标签：<hr>换行标签：<br/>段落标签：<p> 段落缩进：<blockquote></blockquote>原样输出标签：<pre></pre>上标标签：<sup></sup>下表标签：<sub></sub>空格：  //一定不能少了分号（；）版权所有：&copy ©注册商品：&reg ®列表标签：有序号的列表： <ol type="A"> //type默认参数为"1": <li>贝克汉姆</li> <li>C罗</li> <li>梅西</li> </ol> 效果： A.贝克汉姆 B.C罗 C.梅西无序号的列表：选课管理： <ul type="square"> //type默认参数为"○" <li>成绩管理</li> <li>科目管理</li> <li>学生管理</li> </ul> 效果：

图像标签

src：导入图片的路径width：图片的宽度-->①指定固定的大小px（像素）②百分比大小显示height：图片的高度-->①指定固定的大小px（像素）②百分比大小显示title：鼠标悬浮在图片上会显示文字alt：代替文本，当图片加载失败的时候，代替文本就会起作用例： <img src="123.jpg" width="100% height="100%" 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="checkbox" name="hobby" value="篮球"> <input type="checkbox" name="hobby" value="跑步">隐藏域：无效果显示，可携带数据给后台<input type="hidden" name="hid">

文本域:textarea
            rows:多少行
            cols:一行多少字符            <textarea rows="5" cols="25">JavaWeb</textarea>提交按钮:会将当前表单中的用户信息提交到指定的地址(后台地址)
                <input type="submit" value="提交">重置按钮：重置表单内已填信息                <input type="reset" value="重置">按钮：<input type="button" value="点我试试" onclick="testClick()">

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