Javaweb是用Java技术来解决相关的web互联网领域的技术总和。Javaweb包括web服务器和客户端两部分。
HTML是超文本标记语言(一般用来做前端页面)它不是一种编程语言,而是一种使用标签的标记语言,也就是说,HTML使用标签来描述网页。
1.1html文件结构
<html> <head> <title>网页标题</title> </head> <body> 网页内容 </body> </html>
1.2html的常用标签
1.2.1--注释标签<!--需要别注释的内容-->
1.2.2--标题标签<h1></h1>下标从1到6一次增加,但是字体一次减小,例如:
<html> <head> <title>标题标签</title> </head> <body> <h1>网页标题内容1</h1> <h2>网页标题内容2</h2> <h3>网页标题内容3/h3> <h4>网页标题内容4</h4> <h5>网页标题内容5</h5> <h6>网页标题内容6</6> </body> </html>
<html> <head> <title>换行标签</title> </head> <body> <p>这是第一段</p> <hr/> <p>欢迎 </br>使用段落标签和换行标签 </p> </body> </html>
1.2.4样式和超链接
HTML的style属性提供了一种改变所有HTML元素的样式的通用方法。其中background-color属性为元素定义了背景颜色,color定义了文本字体的颜色,font-size属性定义了文本的尺寸,text-align属性定义了元素中文本的水平对齐方式
超链接一般是用来触发跳转的,跳转到指定的URL地址。
<html> <head> <title>超链接</title> </head> <body style="background-color:orange"> <h1 style="text-align:left">纳兰词</h1> <h2 style="backgroud-color:red">纳兰</h2> <p style="backgroud-color:yellow;font-family:arial;color:red;font-size:20px;">君不见</p> <p style="backgroud-color:green;font-family:arial;colcr:red;font-size:20px;">君不见,月如水<br/> 一日心期千劫在<br/> 后身缘<br/> 恐结他乡里<br/> 然诺重,君须记<br/> </p> <a href="http://www.baidu.com">百度搜索</a> </body> </html>
运行界面:
1.2.5图片标签
<img src = "图片路径"/>
src:图片的路径
width:图片的宽度
heigth:图片的高度
1.2.6表格标签
列表标签:需求
中原工学院
学工办
辅导办
教学办
<dl>
<dt>中原工学院</dt>上层标签
<dd>学工办<dd>下层标签
<dd>辅导办<dd>
<dd>教学办<dd>
</dl>
有序标签:<ol >可以加属性值type="1","a","i"
<ol>
<li>学工办</li>
<li>辅导办</li>
<li>教学办</li>
</ol>
无序标签:<ul>可以加属性type="circle","disc","square',"disc"
<ul>
<li>学工办</li>
<li>辅导办</li>
<li>教学办</li>
</ul>
一个简单的HTML的综合例子:
<html> <head> <title>学生基本信息</title> </head> <body> <h2>学生基本信息录入</h2> <form> 账号:<input type="text" name="username" size=20><br/> 密码:<input type="password" name="password" size=20><br/> 性别:<input type="radio" name="sex" value="male">男 <input type="radio" name="sex" value="remale">女<br/> 兴趣: <input type="checkbox" name="interest" value="ball">打球 <input type="checkbox" name="interest" value="drawing">画画 <input type="checkbox" name="interest" value="learning">学习 <br/> 学历: <select> <optinon value="1">高中</option> <optinon value="2">大专</option> <optinon value="3">大学</option> <optinon value="4">研究生</option> </select><br/> <textarea rows="10" cols="30"> </textarea> <br/> <p>照片上传</p> <input tye="file"><br/> <input type="submit" value="确定"> <input type="reset" value="重置"> </form> </body> </html>
一般对于一个简单的Java界面来说,一些基本的HTML语言的知识就足以应对,如果想深入学习HTML的相关知识,可以到w3school上面进行学习