javaweb基础知识--HTML

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>

1.2.3换行标签

<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上面进行学习

javaweb基础知识--HTML

猜你喜欢