JAVA萌新学习day21 HTML
一.
学习用的工具是HBuilder,直接百度就可以下载,过多的基础不在赘述,直接展现在代码中,顺便说一句这个系列是为了自己复习JAVA的整个过程,有问题欢迎讨论.
First.HTML
<!DOCTYPE html>
<html>
<!--头标签,进行一些相关声明或文件引入 -->
<head>
<meta charset="utf-8">
<!--页面标题-->
<title>我是第一个Html页面</title>
</head>
<body>
欢迎学习Java!!!!
<h1>Java</h1>
<h2>Class</h2>
<h3>Method</h3>
<h4>Interface</h4>
<h5>Extends</h5>
<h6>abstract</h6>
<!--段落标签-->
<p>Java最棒</p>
<p>人生自古谁无死,</br>留取丹心照汗青</p>
<!--粗体标签-->
<b>我最帅</b>
<!--分割线标签-->
<hr/>
<!--无序列标签-->
<ul>
<li>班长</li>
<li>学委</li>
<li>劳动委员</li>
<li>生活委员</li>
</ul>
<!--有序列表-->
<ol>
<li>班长</li>
<li>学委</li>
<li>劳动委员</li>
<li>生活委员</li>
</ol>
<!--自定义列表-->
<dl>
<dt>你最喜欢的电影是?</dt>
<dd>阿甘正传</dd>
<dd>超体</dd>
<dd>肖申克的救赎</dd>
</dl>
<!--
路径:相对路径和绝对路径
相对路径----同级,直接写图片名包括扩展名
下一级,子路径名/图片名.扩展名
上一级,../图片名.扩展名
上两级,../../图片名.扩展名
-->
<img src="heiqi.jpg" width="600px" height="816px">
<img src="img/heiqi.jpg" title="起来改bug" border="5">
<img src="../heiqi.jpg" title="起来改bug" border="5">
<!--超链接标签 用来在不同的页面之间跳转-->
<a href="Second.html" target="_blank">
<img src="heiqi.jpg" width="100px" height="100px">
详细
</a>
<a href="www.baidu.com" target="_blank">
<img src="heiqi.jpg" width="100px" height="100px">
详细
</a>
</body>
</html>
Second.HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<img src="heiqi.jpg" />
<a href="First.html">返回</a>
<!--表格标签-->
<table border="1" width="300" height="200" align="center">
<!--标题标签-->
<caption>学生表</caption>
<!--行标签-->
<tr>
<th>学号</th>
<th>姓名</th>
<th>年龄</th>
<th>专业</th>
<th>管理</th>
</tr>
<tr>
<td align="center">1</td>
<td align="center">赵二</td>
<td align="center">19</td>
<td align="center">Html</td>
<td align="center"><input type="button" value = "删除"></td>
</tr>
<tr bgcolor="aqua">
<!--列标签-->
<td align="center">2</td>
<td align="center">张三</td>
<td align="center">18</td>
<td align="center">计算机</td>
<td align="center"><input type="button" value = "删除"></td>
</tr>
<tr bgcolor="#EE9988">
<td align="center">3</td>
<td align="center">李四</td>
<td align="center">20</td>
<td align="center">数学</td>
<td align="center"><input type="button" value = "删除"></td>
</tr>
<tr>
<td align="center">4</td>
<td align="center">王五</td>
<td align="center">22</td>
<td align="center">Java</td>
<td align="center"><input type="button" value = "删除"></td>
</tr>
</table>
<!--换行标签-->
</br>
<!--表单标签-->
<form action="First.html" method="get">
<!--单行文本框-->
姓名<input type="text" name="name" placeholder="请输入用户姓名"></input></br>
年龄<input type="text" name="age" placeholder="请输入用户年龄"></input></br>
<!--多行文本框-->
备注<textarea cols="20" rows="3"></textarea></br>
<input type="file"></input></br>
<input type="submit" value="提交"></input>
<!--转义字符
因为html有些字符是非法的,这些字符如果要出现,就必须转义
-->
<input type="button" value="取消"></input></br>
<!--下拉菜单-->
<select name="城市">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="南京">南京</option>
<option value="深圳">深圳</option>
<option value="大连" selected="selected">大连</option>
</select>
</form>
<!--标签的 name calss id 属性是用来标记标签的,用来和其他标签进行区分或分类
<a href="" name="" id="" class"Student"></a>
<title class="Student"></title>
-->
</body>
</html>
Third.HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<!--不能和body一起用-->
<frameset cols="50%,50%">
<frame name="first" src="First.html" />
<frame name="second" src="Second.html" />
</frameset>
</html>