1. 首页
  2. 前端
  3. Web前端第一季（HTML）
5511人加入学习
(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%">
<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>3</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>

 

[展开全文]
遗失的星空 · 2020-09-20 · 209-表格布局实战二控制页头部和页面尾部 0 
<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>
	<meta ="Content-Type" content="text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2312 -->
</head>
<body>

<table width="100%">
<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></td><td></td>
		</tr></table>
	</td>
</tr>
<tr>
	<td>2</td>
</tr>
<tr>
	<td>3</td>
</tr>
<tr>
	<td>4</td>
</tr>
<tr>
	<td>5</td>
</tr>
</table>

</body>
</html>

 

[展开全文]
遗失的星空 · 2020-09-20 · 208-表格布局实战一整体布局控制 0 
<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>
	<meta ="Content-Type" content="text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2312 -->
</head>
<body>

<table border="1px" align="center" width="80%" height="500px">
<!-- th=table head 加粗，居中 -->
<caption>销售统计表</caption>
</tr>
<tr>
	<th>商品</th><th>销量</th><th>销售额</th><th>销量</th><th>销售额</th>
</tr>
<tr>
	<td>手机</td><td>100</td><td>500</td><td>200</td><td>400</td>
</tr>
<tr>
	<th>笔记本</th><td>200</td><td>450</td><td>45</td><td>700</td>
</tr>
</tr>
<tr>
	<td>合计</td><td>300</td><td>950</td><td>245</td><td>1100</td>
</tr>
</table>

</body>
</html>

 

[展开全文]
遗失的星空 · 2021-12-24 · 207-表格的表头和标题 0 
<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>
	<meta ="Content-Type" content="text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2312 -->
</head>
<body>

<table border="1px" align="center" width="80%" height="500px">
<tr align="center" valign="center">
	<td rowspan="2" width="300px" height="300px">商品
	<table border="1px" width="50%" height="50%" align="center"><tr><td>1</td><td>2</td></tr> <tr><td>1</td><td>2</td></tr></table>
	</td><td colspan="2">上月</td><td colspan="2">本月</td>
</tr>
<tr align="center" valign="center">
	<td>销量</td><td>销售额</td><td>销量</td><td>销售额</td>
</tr>
<tr align="center" valign="center">
	<td>手机</td><td>100</td><td>500</td><td>200</td><td>400</td>
</tr>
<tr align="center" valign="center">
	<td>笔记本</td><td>200</td><td>450</td><td>45</td><td>700</td>
</tr>
</tr>
<tr align="center" valign="center">
	<td>合计</td><td>300</td><td>950</td><td>245</td><td>1100</td>
</tr>
</table>

</body>
</html>

 

[展开全文]
遗失的星空 · 2021-12-24 · 206-表格的嵌套和高宽的百分比设置方法 0 
<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>
	<meta ="Content-Type" content="text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2312 -->
</head>
<body>

<table border="1px" align="center" width="500px" height="300px">
<tr align="center" valign="center">
	<td rowspan="2">商品</td><td colspan="2">上月</td><td colspan="2">本月</td>
</tr>
<tr align="center" valign="center">
	<td>销量</td><td>销售额</td><td>销量</td><td>销售额</td>
</tr>
<tr align="center" valign="center">
	<td>手机</td><td>100</td><td>500</td><td>200</td><td>400</td>
</tr>
<tr align="center" valign="center">
	<td>笔记本</td><td>200</td><td>450</td><td>45</td><td>700</td>
</tr>
</tr>
<tr align="center" valign="center">
	<td>合计</td><td>300</td><td>950</td><td>245</td><td>1100</td>
</tr>
</table>

</body>
</html>

 

[展开全文]
遗失的星空 · 2021-12-24 · 205-销售表格的制作 0 
<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>
	<meta ="Content-Type" content="text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2312 -->
</head>
<body>
<!-- col=column -->
<table border="1" width="500px" align="center" height="200px">

<tr>
	<td colspan="3">内容</td><td>内容</td><td>内容</td>
</tr>

<tr>
	<td rowspan="2">内容</td><td>内容</td><td>内容</td><td colspan="2" rowspan="2">内容</td>
</tr>

<tr>
	<td>内容</td><td>内容</td>
</tr>

<tr>
	<td colspan="2">内容</td><td>内容</td><td>内容</td><td>内容</td>
</tr>

</table>

</body>
</html>

 

[展开全文]
遗失的星空 · 2020-09-19 · 204-表格中多行多列合并 0 
<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>
	<meta ="Content-Type" content="text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2312 -->
</head>
<body>

<table border="10px" width="500px" height="400px" align="center" bgcolor="#f0f0f0" cellspacing="10px" cellpadding="10px"> <!-- align="center","right,"left" bgcolor="red","#f0f0f0" -->

<tr height="200px" align="right" valign="bottom" bgcolor="#FFDAB9"> <!-- table row  table data -->
	<td width="200px" height="50px" bgcolor="#FFC0CB" align="left">我是内容</td>
	<td>我是内容</td>
	<td>我是内容</td>
</tr>

<tr>
	<td>我是内容</td>
	<td>我是内容</td>
	<td>我是内容</td>
</tr>

<tr>
	<td>我是内容</td>
	<td>我是内容</td>
	<td>我是内容</td>
</tr>

</table>

</body>
</html>


<!-- 
<tr align="right" valign="bottom" bgcolor="#FFDAB9">
	<td width="200px" height="50px">我是内容</td>
	<td>我是内容</td>
	<td>我是内容</td>
</tr>
 -->

 

[展开全文]
遗失的星空 · 2021-12-24 · 203-表格中行和列的常用属性 0 
<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>
	<meta ="Content-Type" content="text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2312 -->
</head>
<body>

<table border="10px" width="500px" height="400px" align="center" bgcolor="#f0f0f0" cellspacing="10px" cellpadding="10px"> <!-- align="center","right,"left" bgcolor="red","#f0f0f0" -->

<tr> <!-- table row  table data -->
	<td>我是内容</td>
	<td>我是内容</td>
	<td>我是内容</td>
</tr>

<tr>
	<td>我是内容</td>
	<td>我是内容</td>
	<td>我是内容</td>
</tr>

<tr>
	<td>我是内容</td>
	<td>我是内容</td>
	<td>我是内容</td>
</tr>

</table>

</body>
</html>

 

[展开全文]
遗失的星空 · 2021-12-24 · 202-表格常用属性 0 
<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>
	<meta ="Content-Type" content="text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2312 -->
</head>
<body>

<table border="10px">

<tr> <!-- table row  table data -->
	<td>我是内容</td>
	<td>我是内容</td>
	<td>我是内容</td>
</tr>

<tr>
	<td>我是内容</td>
	<td>我是内容</td>
	<td>我是内容</td>
</tr>

<tr>
	<td>我是内容</td>
	<td>我是内容</td>
	<td>我是内容</td>
</tr>

</table>

</body>
</html>

 

[展开全文]
遗失的星空 · 2020-09-19 · 201-创建表格 0 
<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>
	
	<meta ="Content-Type" content=
	"text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2312 -->
</head>
<body>

<a href="https://www.baidu.com">进入百度</a>

<a href="02-段落标签和标题标签.html">进入到段落那个网页</a>

<a href="#">空链接</a>

<a href="http://www.sikiedu.com/my/course/203">《API》<img src="Img/01.jpg" /></a>

<a href="13-超链接与锚点.html#chapter2">《斗破苍穹》第二章</a><br/>

<a href="Img.zip">下载</a>

<a href="mailto:804632564@qq.com">联系我们</a>

</body>
</html>

 

[展开全文]
遗失的星空 · 2020-09-18 · 118-超链接的其他内容 0 
<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>
	
	<meta ="Content-Type" content=
	"text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2312 -->
</head>
<body>

<a href="https://www.baidu.com" target="_blank" title="我是超链接的标题" name="baidu">进入百度</a>

<a href="02-段落标签和标题标签.html" target="_self" name="duanluo">进入到段落那个网页</a>

<a href="#">空链接</a>

<a href="http://www.sikiedu.com/my/course/203">《API》<img src="Img/01.jpg" /></a>

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

<a href="#chapter1">第一章</a> <a href="#chapter2">第二章</a> <a href="#chapter3">第三章</a>

<a href="#" name="chapter1"></a>
<h1>第一章</h1>
sdf<br/>sdf<br/>sd随碟附送地方史蒂芬f<br/>sdf<br/>sdf<br/>
sdf<br/>sdf<br/>sdf<br/>sdf<br/>
sd随碟附送地方史蒂芬f<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sd随碟附送地方史蒂芬f<br/>sdf<br/>sdf<br/>
sdf<br/>sdf<br/>sdf<br/>sdf<br/>
sd随碟附送地方史蒂芬f<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sd随碟附送地方史蒂芬f<br/>sdf<br/>sdf<br/>
sdf<br/>sdf<br/>sdf<br/>sdf<br/>
sd随碟附送地方史蒂芬f<br/>sdf<br/>sdf<br/>

<a href="#" name="chapter2"></a>
<h1>第二章</h1>
sdf<br/>sdf<br/>sd随碟附送地方史蒂芬f<br/>sdf<br/>sdf<br/>
sdf<br/>sdf<br/>sdf<br/>sdf<br/>
sd随碟附送地方史蒂芬f<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sd随碟附送地方史蒂芬f<br/>sdf<br/>sdf<br/>
sdf<br/>sdf<br/>sdf<br/>sdf<br/>
sd随碟附送地方史蒂芬f<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sd随碟附送地方史蒂芬f<br/>sdf<br/>sdf<br/>
sdf<br/>sdf<br/>sdf<br/>sdf<br/>
sd随碟附送地方史蒂芬f<br/>sdf<br/>sdf<br/>

<a href="#" name="chapter3"></a><!-- 只作为一个锚点来使用 -->
<h1>第三章</h1>
sdf<br/>sdf<br/>sd随碟附送地方史蒂芬f<br/>sdf<br/>sdf<br/>
sdf<br/>sdf<br/>sdf<br/>sdf<br/>
sd随碟附送地方史蒂芬f<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sd随碟附送地方史蒂芬f<br/>sdf<br/>sdf<br/>
sdf<br/>sdf<br/>sdf<br/>sdf<br/>
sd随碟附送地方史蒂芬f<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sd随碟附送地方史蒂芬f<br/>sdf<br/>sdf<br/>
sdf<br/>sdf<br/>sdf<br/>sdf<br/>
sd随碟附送地方史蒂芬f<br/>sdf<br/>sdf<br/>

</body>
</html>

超级链接
<a href="http://www.baidu.com" target="">百度</a>
<a href="web02.html">百度</a>
可以是本机页面，也可以是任意的网页地址(内部链接或者外部链接)
空链接
href="#"
超级链接可以给文字或者图片添加
target
_self        _blank    _top        _parent
title属性
手放在链接上的时候显示的提示文字
name属性
定义锚名称

跳转到锚点
（可以使用某个文字或者某个图片作为锚点，也可以定义一个空的锚点）
href="#锚名"

跳转到别的页面的锚点位置
href="xxx.html#锚名"

[展开全文]
遗失的星空 · 2020-09-18 · 117-超级链接的属性 0 
<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>
	
	<meta ="Content-Type" content=
	"text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2312 -->
</head>
<body>

<a href="https://www.baidu.com">进入百度</a>

<a href="02-段落标签和标题标签.html">进入到段落那个网页</a>

<a href="#">空链接</a>

<a href="http://www.sikiedu.com/my/course/203">《API》<img src="Img/01.jpg" /></a>

</body>
</html>

超级链接
<a href="http://www.baidu.com" target="">百度</a>
<a href="web02.html">百度</a>
可以是本机页面，也可以是任意的网页地址(内部链接或者外部链接)
空链接
href="#"
超级链接可以给文字或者图片添加

[展开全文]
遗失的星空 · 2020-09-18 · 116-超级链接 0 
<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>
	
	<meta ="Content-Type" content=
	"text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2312 -->
</head>
<body>

<dl>
<dt>水果</dt>
<dd>苹果</dd>
<dd>香蕉</dd>
<dd>橘子</dd>
<dt>运动</dt>
<dd>跑步</dt>
<dd>打篮球</dd>
<dd>踢足球</dd>
</dl>

</body>
</html>

 

[展开全文]
遗失的星空 · 2020-09-18 · 115-自定义列表 0 
<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>
	
	<meta ="Content-Type" content=
	"text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2312 -->
</head>
<body>

HTML 是用来描述网页的一种语言。
<ul type="disc">
<li>HTML 指的是超文本标记语言 (Hyper Text Markup Language)</li>
<li>HTML 不是一种编程语言，而是一种标记语言 (markup language)</li>
<li>标记语言是一套标记标签 (markup tag)</li>
<li>HTML 使用标记标签来描述网页</li>
</ul>

<ul type="circle">
<li>HTML 指的是超文本标记语言 (Hyper Text Markup Language)</li>
<li>HTML 不是一种编程语言，而是一种标记语言 (markup language)</li>
<li>标记语言是一套标记标签 (markup tag)</li>
<li>HTML 使用标记标签来描述网页</li>
</ul>

<ul type="square">
<li>HTML 指的是超文本标记语言 (Hyper Text Markup Language)</li>
<li>HTML 不是一种编程语言，而是一种标记语言 (markup language)</li>
<li>标记语言是一套标记标签 (markup tag)</li>
<li>HTML 使用标记标签来描述网页</li>
</ul>

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

HTML 是用来描述网页的一种语言。
<ol>
<li>HTML 指的是超文本标记语言 (Hyper Text Markup Language)</li>
<li>HTML 不是一种编程语言，而是一种标记语言 (markup language)</li>
<li>标记语言是一套标记标签 (markup tag)</li>
<li>HTML 使用标记标签来描述网页</li>
</ol>

<ol start="10">
<li>HTML 指的是超文本标记语言 (Hyper Text Markup Language)</li>
<li>HTML 不是一种编程语言，而是一种标记语言 (markup language)</li>
<li>标记语言是一套标记标签 (markup tag)</li>
<li>HTML 使用标记标签来描述网页</li>
</ol>

<ol type="a">
<li>HTML 指的是超文本标记语言 (Hyper Text Markup Language)</li>
<li>HTML 不是一种编程语言，而是一种标记语言 (markup language)</li>
<li>标记语言是一套标记标签 (markup tag)</li>
<li>HTML 使用标记标签来描述网页</li>
</ol>

<ol type="A">
<li>HTML 指的是超文本标记语言 (Hyper Text Markup Language)</li>
<li>HTML 不是一种编程语言，而是一种标记语言 (markup language)</li>
<li>标记语言是一套标记标签 (markup tag)</li>
<li>HTML 使用标记标签来描述网页</li>
</ol>

<ol type="I">
<li>HTML 指的是超文本标记语言 (Hyper Text Markup Language)</li>
<li>HTML 不是一种编程语言，而是一种标记语言 (markup language)</li>
<li>标记语言是一套标记标签 (markup tag)</li>
<li>HTML 使用标记标签来描述网页</li>
</ol>

<ol type="i">
<li>HTML 指的是超文本标记语言 (Hyper Text Markup Language)</li>
<li>HTML 不是一种编程语言，而是一种标记语言 (markup language)</li>
<li>标记语言是一套标记标签 (markup tag)</li>
<li>HTML 使用标记标签来描述网页</li>
</ol>

</body>
</html>

无序列表
<ul type="xxx">
<li>Coffee</li>
<li>Milk</li>
</ul>

有序列表
<ol start="50">
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>

[展开全文]
遗失的星空 · 2021-12-23 · 114-无序列表和有序列表 0 
<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>
	
	<meta ="Content-Type" content=
	"text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2312 -->
</head>
<body>

这个是我的课程<img src="../Img/03.png" align="bottom" width="20%" alt="siki学院的课程api"/>《API》

</body>
</html>

<!-- 
align="top"
align="middle" 
align="bottom"
这个是我的课程<img src="Img/01.jpg" align="bottom" width="200px" height="50px"/>《API》
这个是我的课程<img src="Img/01.jpg" align="bottom" width="20%"/>《API》
这个是我的课程<img src="Img/001.jpg" align="bottom" width="20%" alt="siki学院的课程api"/>《API》
这个是我的课程<img src="Img/01.jpg" align="bottom" width="20%" alt="siki学院的课程api"/>《API》
这个是我的课程<img src="E:\MY_DIRECTORY\Projects\Web前端第一季 siki学院1\Img\01.jpg" align="bottom" width="20%" alt="siki学院的课程api"/>《API》
这个是我的课程<img src="Img\p\02.png" align="bottom" width="20%" alt="siki学院的课程api"/>《API》
这个是我的课程<img src="01.jpg" align="bottom" width="20%" alt="siki学院的课程api"/>《API》
这个是我的课程<img src="./Img/01.jpg" align="bottom" width="20%" alt="siki学院的课程api"/>《API》
这个是我的课程<img src="../03.png" align="bottom" width="20%" alt="siki学院的课程api"/>《API》
这个是我的课程<img src="../../03.png" align="bottom" width="20%" alt="siki学院的课程api"/>《API》


HTML <img> 标签的 alt 属性
https://www.w3school.com.cn/tags/att_img_alt.asp

相对路径和绝对路径
path = 
当前路径./xx.jpg 
上一级路径../xx.jpg  
上上一级路径../../xx.jpg  (相对路径就是从当前路径寻找，当前路径只的是当前html所在路径)
下一级路径 xx/xx.jpg
path="C:\Users\souke\Desktop\web01\01.jpg"
一般在项目中都使用相对路径
-->

相对路径和绝对路径
path = 
当前路径./xx.jpg 
上一级路径../xx.jpg  
上上一级路径../../xx.jpg  (相对路径就是从当前路径寻找，当前路径只的是当前html所在路径)
下一级路径 xx/xx.jpg
path="C:\Users\souke\Desktop\web01\01.jpg"
一般在项目中都使用相对路径

[展开全文]
遗失的星空 · 2020-09-17 · 113-图片路径中的相对路径和绝对路径 0 
<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>
	
	<meta ="Content-Type" content=
	"text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2312 -->
</head>
<body>

这个是我的课程<img src="Img/01.jpg" align="bottom" width="20%" alt="siki学院的课程api"/>《API》

</body>
</html>

<!-- 
align="top"
align="middle" 
align="bottom"
这个是我的课程<img src="Img/01.jpg" align="bottom" width="200px" height="50px"/>《API》
这个是我的课程<img src="Img/01.jpg" align="bottom" width="20%"/>《API》
这个是我的课程<img src="Img/001.jpg" align="bottom" width="20%" alt="siki学院的课程api"/>《API》

HTML <img> 标签的 alt 属性
https://www.w3school.com.cn/tags/att_img_alt.asp
-->


HTML <img> 标签的 alt 属性
https://www.w3school.com.cn/tags/att_img_alt.asp

[展开全文]
遗失的星空 · 2021-12-23 · 112-显示图片 0 
<html>

<head>
<title>特殊符号</title>
</head>

<body>
&nbsp;&nbsp;&nbsp;&nbsp;段落标签&lt;p&gt;
</body>

</html>

<!-- 
HTML 字符实体
https://www.w3school.com.cn/html/html_entities.asp
-->

HTML 字符实体

https://www.w3school.com.cn/html/html_entities.asp

 

&nbsp; 空格

&lt; <

&gt; >

&amp; &

[展开全文]
遗失的星空 · 2020-09-16 · 111-html中的特殊符号 0

<!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>

[展开全文]
遗失的星空 · 2020-09-16 · 110-修饰标签 0

<!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>
 

 

 

[展开全文]
遗失的星空 · 2020-08-26 · 109-预格式标签和字体标签 0

<!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>

[展开全文]
遗失的星空 · 2020-09-16 · 108-标签的属性和段落的对齐属性 0

授课教师

siki
SiKi学院老师

课程特色

下载资料(1)
视频(43)

最新学员

学员动态

折木奉太郎1314 加入学习
苏吉丽 开始学习 304-单选按钮
苏吉丽 开始学习 303-文本输入控件的一些属性
苏吉丽 完成了 302-文本和密码输入框
苏吉丽 开始学习 302-文本和密码输入框

UnityA计划

虚幻A计划

JavaA计划