javaweb基础知识--HTML

时间:2021-10-08 14:46:13

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>
javaweb基础知识--HTML
1.2.3换行标签
<html>
<head>
<title>换行标签</title>
</head>
<body>
<p>这是第一段</p>
<hr/>
<p>欢迎
</br>使用段落标签和换行标签
</p>
</body>
</html>

javaweb基础知识--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>

运行界面:

javaweb基础知识--HTML

1.2.5图片标签

<img src = "图片路径"/>
src:图片的路径
width:图片的宽度

heigth:图片的高度

1.2.6表格标签

列表标签:需求
中原工学院
学工办
辅导办
教学办
<dl>
<dt>中原工学院</dt>上层标签
<dd>学工办<dd>下层标签
<dd>辅导办<dd>
<dd>教学办<dd>
</dl>

javaweb基础知识--HTML

 

有序标签:<ol >可以加属性值type="1","a","i"
<ol>
<li>学工办</li>
<li>辅导办</li>
<li>教学办</li>
</ol>

javaweb基础知识--HTML

 


无序标签:<ul>可以加属性type="circle","disc","square',"disc"
<ul>
<li>学工办</li>
<li>辅导办</li>
<li>教学办</li>
</ul>

javaweb基础知识--HTML

一个简单的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>

javaweb基础知识--HTML

一般对于一个简单的Java界面来说,一些基本的HTML语言的知识就足以应对,如果想深入学习HTML的相关知识,可以到w3school上面进行学习