5513人加入学习
(22人评价)
Web前端第一季(HTML)

制作完成于2018年5月25日

价格 免费
<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>
	<meta ="Content-Type" content="text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2312 -->
</head>
<body>

<table width="100%" bgcolor="#EEEEEE">
<tr bgcolor="#242424" height="70px" cellspacing="0" cellpadding="0">
	<td>
		<table width="100%" height=100%><tr height="100%" align="center">
		<td width="100px"><Img src="Img/logo.png" height="50px" /></td>
		<td width="70px"><font  size="2" color="#DDDDDD">首页</font></td>
		<td width="70px"><font  size="2" color="#DDDDDD">全部课程</font></td>
		<td width="70px"><font  size="2" color="#DDDDDD">Unity</font></td>
		<td width="70px"><font  size="2" color="#DDDDDD">Unreal</font></td>
		<td width="70px"><font  size="2" color="#DDDDDD">关于我们</font></td>
		<td></td>
		<td width="70px"><font  size="2" color="#DDDDDD">登录</font></td>
		<td width="70px"><font  size="2" color="#DDDDDD">注册</font></td>
		</tr></table>
	</td>
</tr>
<tr>
	<td>
	<table width="1000px" align="center"><tr><td><font  size="2">首页&nbsp;&nbsp;/&nbsp;&nbsp;JavaEE&nbsp;&nbsp;/&nbsp;&nbsp;Java编程学习第四季&nbsp;&nbsp;/&nbsp;&nbsp;默认教学计划</font></td></tr></table>
	</td>
</tr>
<tr>
	<td>
	<table width="1000px" align="center">
		<tr height="100px" bgcolor="white"><td colspan="3" align="center">已完成 0/58 任务学习有效期 永久有效</td></tr>
		<tr height="15px"><td colspan="3"></td></tr>
		<tr height="700px"><td width="600px" bgcolor="white">
		
		<ul>
		<li>101-课程简介</li>
		<li>102-代码执行的先后顺序</li>
		<li>103-断点调试(单步执行程序)</li>
		<li>104-进程和线程是什么</li>
		<li>105-创建线程的第一种方法</li>
		<li>106-CPU是如何处理多线程的运行的</li>
		<li>107-线程调度规则</li>
		<li>108-设置优先级(抢占式调度规则)</li>
		<li>109-多个线程的开启和名字设置</li>
		<li>110-线程的各种设置</li>
		<li>111-线程的生命周期</li>
		<li>112-实现Runnable接口(创建线程第二种方式)</li>
		<li>113-两种创建多线程的区别</li>
		<li>114-匿名内部类创建线程</li>
		<li>115-使用Thread实现卖票</li>
		<li>116-使用Runnable实现卖票</li>
		</ul>

		</td><td width="20px"></td><td width="280px" bgcolor="white"></td></tr>
		<tr><td></td><td></td><td></td></tr>
		<tr><td></td><td></td><td></td></tr>
	</table>
	</td>
</tr>
<tr>
	<td>4</td>
</tr>
<tr height="200px" bgcolor="#000000" align="center">
	<td>
	<font  size="2" color="#DDDDDD">课程存档</font><br/><br/>
	<font  size="2" color="#DDDDDD">课程内容版权均归 SiKi学院 所有 京ICP备16046985号</font>
	</td>
</tr>
</table>

</body>
</html>

 

[展开全文]

<!DOCTYPE html>
<html>
<head>
    <title>我是标题</title>
    <meta ="Content-Type" content=
    "text/html;charset=utf-8"/>
    <!-- utf-8 gbk gb2312 -->
<body>
Hello world!
1,html语法不区分大小写  //小写
2,又开始,必须有结束
3,单个标记

<hr />
<hr />
</body>
</html>

 

 

文档类型声明
<!DOCTYPE html>放在第一行
http://www.w3school.com.cn/tags/tag_doctype.asp
网页编码声明
<meta ="Content-Type" content="text/html;charset=utf-8"/>
放在head标签里面
(支持中文的utf-8 gbk gb2312)

 

注释
<!--这里是注释-->

[展开全文]

<!DOCTYPE html>
<html>
<head>
    <title>我是标题</title>
    
    <meta ="Content-Type" content=
    "text/html;charset=utf-8"/>
    <!-- utf-8 gbk gb2312 -->
</head>
<body>
Hello world!<br/>
1,html语法不区分大小写 //小写<br/>
2,有开始,必须有结束<br/>
3,单个标记

<hr/>

<!-- 加粗,独占一行 -->
<h1>《我的奋斗》</h1>
<h2>《我的奋斗》</h2>
<h3>《我的奋斗》</h3>
<h4>《我的奋斗》</h4>
<h5>《我的奋斗》</h5>
<h6>《我的奋斗》</h6>

<p>我是siki,这个网站的运营者!</p>

<p>首先欢迎你加入siki学院,你可以在这里尽情的学习,如果你只是一个刚刚大一的大学生,那么恭喜你找到了一个好的地方去充实自己,在这里学习三年,等你大四实习的时候,月薪过万不成问题!前提是要好好学习哦!</p>

<p>今后我会录制更多的关于编程的视频,目前集中在Unity,Unreal,Java等等,以后会录制服务器端的和一些其他游戏引擎的视频教程,免费的收费的都有,钱不是很多的童鞋可以直接看免费视频学习,很多的干货我也会发布成免费视频分享给大家,大家在零花钱充足的情况下可以购买老师的收费课程学习更多内容。</p>

<body>
</html>

 

标题标签
<hn></hn> n从1到6,逐渐变小。(加速,行距,单独一样)

水平线
<hr/>
换行
<br/>

段落标签(分段落,自动换行,跟其他段落间距)
<p alight="left center right justify"></p>

 

<br/> 换行,无行间距

<h1></h1> 标题

<p></p>段落标记,有行间距

 

[展开全文]

<!DOCTYPE html>
<html>
<head>
    <title>我是标题</title>
    
    <meta ="Content-Type" content=
    "text/html;charset=utf-8"/>
    <!-- utf-8 gbk gb2312 -->
</head>
<body>

<p align="justify">我是siki,这个网站的运营者!</p>

<p align="justify">首先欢迎你加入siki学院,你可以在这里尽情的学习,如果你只是一个刚刚大一的大学生,那么恭喜你找到了一个好的地方去充实自己,在这里学习三年,等你大四实习的时候,月薪过万不成问题!前提是要好好学习哦!</p>

<p align="justify">今后我会录制更多的关于编程的视频,目前集中在Unity,Unreal,Java等等,以后会录制服务器端的和一些其他游戏引擎的视频教程,免费的收费的都有,钱不是很多的童鞋可以直接看免费视频学习,很多的干货我也会发布成免费视频分享给大家,大家在零花钱充足的情况下可以购买老师的收费课程学习更多内容。</p>

<body>
</html>

 

<p align="justify"></p>

<p align="left"></p>

<p align="right"></p>

<p align="center"></p>

 

段落标签(分段落,自动换行,跟其他段落间距)
<p alight="left center right justify"></p>

[展开全文]

<!DOCTYPE html>
<html>
<head>
    <title>我是标题</title>
    
    <meta ="Content-Type" content=
    "text/html;charset=utf-8"/>
    <!-- utf-8 gbk gb2312 -->
</head>
<body>

<p align="justify">我是siki,这个网站的运营者!</p>

<p align="justify">首先欢迎你加入<font color="green" size="7" face="隶书" >siki学院</font>,你可以在这里尽情的学习,如果你只是一个刚刚大一的大学生,那么恭喜你找到了一个好的地方去充实自己,在这里学习三年,等你大四实习的时候,月薪过万不成问题!前提是要好好学习哦!</p>

<p align="justify">今后我会录制更多的关于编程的视频,目前集中在Unity,Unreal,Java等等,以后会录制服务器端的和一些其他游戏引擎的视频教程,免费的收费的都有,钱不是很多的童鞋可以直接看免费视频学习,很多的干货我也会发布成免费视频分享给大家,大家在零花钱充足的情况下可以购买老师的收费课程学习更多内容。</p>

<pre>
    今后我会录制更多的关于编程的视频,目前集中在Unity,Unreal,Java等等,
以后会录制服务器端的和一些其他游戏引擎的视频教程,
免费的收费的都有,钱不是很多的童鞋可以直接看免费
视频学习,很多的干货我也会发布成免费视频分享给大
家,大家在零花钱充足的情况下可以购买老师的收费课
程学习更多内容。
</pre>

<body>
</html>

 

预格式标签
<pre></pre>

标记的属性(可以有多个属性,不分先后顺序)
<xxx   name="value"></xxx>
<xxx   name="value"/>

字体
<font></font>
<font color="red" size="1~7" face="字体幼圆"></font>
 

 

 

[展开全文]

<!DOCTYPE html>
<html>
<head>
    <title>我是标题</title>
    
    <meta ="Content-Type" content=
    "text/html;charset=utf-8"/>
    <!-- utf-8 gbk gb2312 -->
</head>
<body>

<p align="justify">我是<strong>siki</strong>,这个网站的运营者!</p>

<p align="justify">首先欢迎你加入<font color="green" size="7" face="隶书" ><em>siki学院</em></font>,你可以在这里尽情的学习,如果你只是一个刚刚大一的大学生,那么恭喜你找到了一个好的地方去充实自己,在这里学习三年,等你大四实习的时候,月薪过万不成问题!前提是要好好学习哦!2<sup>2</sup>=4</p>

<p align="justify">今后我会录制更多的关于编程的视频,目前集中在<sub>Unity</sub>,Unreal,Java等等,以后会录制服务器端的和一些其他游戏引擎的视频教程,免费的收费的都有,钱不是很多的童鞋可以直接看免费视频学习,很多的干货我也会发布成免费视频分享给大家,大家在零花钱充足的情况下可以购买老师的收费课程学习更多内容<sub>[1]</sub>。</p>

<pre>
    今后我会录制更多的关于编程的视频,目前集中在Unity,Unreal,Java等等,
以后会录制服务器端的和一些其他游戏引擎的视频教程,
免费的收费的都有,钱不是很多的童鞋可以直接看免费
视频学习,很多的干货我也会发布成免费视频分享给大
家,大家在零花钱充足的情况下可以购买老师的收费课
程学习更多内容。
</pre>

<body>
</html>

 

 

 

修饰标签
加粗    <b></b>    <strong></strong>
倾斜    <i></i>    <em></em>
下标    <sub></sub>    <sup></sup>

[展开全文]

表格table 行:tr 列:td  

左右对齐:align=“right”   

垂直对齐 :valign=“top/center/bottom”

 

 

[展开全文]

1. HTML的语法:不区分大小写 (如写标签时)

2. 有开始标签,必须有结束标签

3. 单个标记,如<hr/>

[展开全文]

注释:<!-- abc -->

设置文档类型:在最前面:<!DOCTYPE html>

<meta ="Content-Type" content="text/html;charset=utf-8"/>

[展开全文]

<br/>: 换行标记

<hr/>:换行线

 

<h1></h1> 中间是标题,标题会自动分行,也可以改成h2 h3等,字体逐渐减小

给段落分行由P标签控制:<p></p>

 

[展开全文]

HTML 表单

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

表单使用表单标签 <form> 来设置:

<form>
.
input 元素
.
</form>

[展开全文]
<!DOCTYPE html>
<html>
<head>
	<title>302-文本和密码输入框</title>
	<meta ="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>

<form>

<table>
<tr><td>账号</td><td><input type="text" /></td></tr>
<tr><td>密码</td><td><input type="password" /></td></tr>
</table>



</form>

</body>
</html>

 

[展开全文]
<!DOCTYPE html>
<html>
<head>
	<title>303-文本输入控件的一些属性</title>
	<meta ="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>

<form>

<table>
<tr><td>账号</td><td><input type="text" name="username" maxlength="6" placeholder="请输入你的用户名" /></td></tr>
<tr><td>密码</td><td><input type="password" name="password" placeholder="请输入你的密码" /></td></tr> <!-- value="123" -->
</table>



</form>

</body>
</html>

 

[展开全文]
<!DOCTYPE html>
<html>
<head>
	<title>304-单选按钮</title>
	<meta ="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>

<form>

<table>
<tr><td>账号</td><td><input type="text" name="username" maxlength="6" placeholder="请输入你的用户名" /></td></tr>
<tr><td>密码</td><td><input type="password" name="password" placeholder="请输入你的密码" /></td></tr> 
<tr><td>确认密码</td><td><input type="password" name="repassword" placeholder="请输入你的密码" /></td></tr> 
<tr><td>性别</td><td>男<input type="radio" name="sex" value="man" checked />女<input type="radio" name="sex" value="woman" />不男不女<input type="radio" name="sex" value="manwoman" /></td></tr> 
</table>



</form>

</body>
</html>

 

[展开全文]
<!DOCTYPE html>
<html>
<head>
	<title>305-多选按钮(爱好选择)</title>
	<meta ="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>

<form>

<table>
<tr><td>账号</td><td><input type="text" name="username" maxlength="6" placeholder="请输入你的用户名" /></td></tr>
<tr><td>密码</td><td><input type="password" name="password" placeholder="请输入你的密码" /></td></tr> 
<tr><td>确认密码</td><td><input type="password" name="repassword" placeholder="请输入你的密码" /></td></tr> 
<tr><td>性别</td><td>男<input type="radio" name="sex" value="man" checked />女<input type="radio" name="sex" value="woman" />不男不女<input type="radio" name="sex" value="manwoman" /></td></tr> 
<tr><td>是否是中国人</td><td>是<input type="radio" name="ischinese" value="true" checked />不是<input type="radio" name="ischinese" value="false" /></td></tr> 
<tr>
	<td>爱好</td><td>读书<input type="checkbox" name="hobby" value="1" checked />游泳<input type="checkbox" name="hobby" value="2" />旅游<input type="checkbox" name="hobby" value="3" checked />玩游戏<input type="checkbox" name="hobby" value="4" /></td>
</tr>
</table>



</form>

</body>
</html>

 

[展开全文]
<!DOCTYPE html>
<html>
<head>
	<title>306-提交按钮、重置按钮和普通按钮</title>
	<meta ="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>

<form>

<table>
<tr><td>账号</td><td><input type="text" name="username" value="sikiedu" maxlength="6" placeholder="请输入你的用户名" /></td></tr>
<tr><td>密码</td><td><input type="password" name="password" placeholder="请输入你的密码" /></td></tr> 
<tr><td>确认密码</td><td><input type="password" name="repassword" placeholder="请输入你的密码" /></td></tr> 
<tr><td>性别</td><td>男<input type="radio" name="sex" value="man" checked />女<input type="radio" name="sex" value="woman" />不男不女<input type="radio" name="sex" value="manwoman" /></td></tr> 
<tr><td>是否是中国人</td><td>是<input type="radio" name="ischinese" value="true" checked />不是<input type="radio" name="ischinese" value="false" /></td></tr> 
<tr>
	<td>爱好</td><td>读书<input type="checkbox" name="hobby" value="1" checked />游泳<input type="checkbox" name="hobby" value="2" />旅游<input type="checkbox" name="hobby" value="3" checked />玩游戏<input type="checkbox" name="hobby" value="4" /></td>
</tr>
<tr><td colspan="2" align="center"><input type="button" value="普通按钮" /><input type="reset" name="reset" value="设置为默认" /><input type="submit" name="register" value="注册" /></td></tr>
</table>



</form>

</body>
</html>

 

[展开全文]
<!DOCTYPE html>
<html>
<head>
	<title>307-图片提交按钮和隐藏控件</title>
	<meta ="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>

<form>

<input type="hidden" name="id" value="100" />

<table>
<tr><td>账号</td><td><input type="text" name="username" value="sikiedu" maxlength="6" placeholder="请输入你的用户名" /></td></tr>
<tr><td>密码</td><td><input type="password" name="password" placeholder="请输入你的密码" /></td></tr> 
<tr><td>确认密码</td><td><input type="password" name="repassword" placeholder="请输入你的密码" /></td></tr> 
<tr><td>性别</td><td>男<input type="radio" name="sex" value="man" checked />女<input type="radio" name="sex" value="woman" />不男不女<input type="radio" name="sex" value="manwoman" /></td></tr> 
<tr><td>是否是中国人</td><td>是<input type="radio" name="ischinese" value="true" checked />不是<input type="radio" name="ischinese" value="false" /></td></tr> 
<tr>
	<td>爱好</td><td>读书<input type="checkbox" name="hobby" value="1" checked />游泳<input type="checkbox" name="hobby" value="2" />旅游<input type="checkbox" name="hobby" value="3" checked />玩游戏<input type="checkbox" name="hobby" value="4" /></td>
</tr>
<tr><td colspan="2" align="center"><input type="button" value="普通按钮" /><input type="reset" name="reset" value="设置为默认" /><input type="submit" name="register" value="注册" /></td></tr>
<tr><td colspan="2" align="center"><input type="image" src="Img/register.png" /></td></tr>
</table>



</form>

</body>
</html>

 

[展开全文]
<!DOCTYPE html>
<html>
<head>
	<title>308-下拉列表</title>
	<meta ="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>

<form>

<input type="hidden" name="id" value="100" />

<table>
<tr><td>账号</td><td><input type="text" name="username" value="sikiedu" maxlength="6" placeholder="请输入你的用户名" /></td></tr>
<tr><td>密码</td><td><input type="password" name="password" placeholder="请输入你的密码" /></td></tr> 
<tr><td>确认密码</td><td><input type="password" name="repassword" placeholder="请输入你的密码" /></td></tr> 
<tr><td>性别</td><td>男<input type="radio" name="sex" value="man" checked />女<input type="radio" name="sex" value="woman" />不男不女<input type="radio" name="sex" value="manwoman" /></td></tr> 
<tr><td>是否是中国人</td><td>是<input type="radio" name="ischinese" value="true" checked />不是<input type="radio" name="ischinese" value="false" /></td></tr> 
<tr>
	<td>爱好</td><td>读书<input type="checkbox" name="hobby" value="1" checked />游泳<input type="checkbox" name="hobby" value="2" />旅游<input type="checkbox" name="hobby" value="3" checked />玩游戏<input type="checkbox" name="hobby" value="4" /></td>
</tr>
<tr>
	<td>生日</td><td>
	<select name="month" size="3" multiple>
		<option value="1">1月</option>
		<option value="2">2月</option>
		<option value="3">3月</option>
		<option value="4">4月</option>
		<option value="5">5月</option>
		<option value="6">6月</option>
		<option value="7" selected>7月</option>
		<option value="8">8月</option>
		<option value="9">9月</option>
		<option value="10">10月</option>
		<option value="11">11月</option>
		<option value="12">12月</option>
	</select>
	<select name="day">
		<option>1日</option>
		<option>2日</option>
		<option>3日</option>
		<option>4日</option>
		<option>5日</option>
		<option>6日</option>
		<option>7日</option>
		<option>8日</option>
		<option>9日</option>
		<option>10日</option>
		<option>11日</option>
		<option>12日</option>
	</select>
	</td>
</tr>
<tr><td colspan="2" align="center"><input type="button" value="普通按钮" /><input type="reset" name="reset" value="设置为默认" /><input type="submit" name="register" value="注册" /></td></tr>
<tr><td colspan="2" align="center"><input type="image" src="Img/register.png" /></td></tr>
</table>



</form>

</body>
</html>

 

[展开全文]