Web前端第一季（HTML） - SiKi学院|SiKi学堂 - unity|u3d|虚幻|ue4/5|java|python|人工智能|视频教程|在线课程

排序：最新笔记
- 最新笔记
- 点赞最多

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

[展开全文]

遗失的星空 · 2021-12-25 · 304-单选按钮 0

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

[展开全文]

遗失的星空 · 2021-12-25 · 303-文本输入控件的一些属性 0

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

[展开全文]

遗失的星空 · 2021-12-25 · 302-文本和密码输入框 0

HTML 表单

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

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

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

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

[展开全文]

遗失的星空 · 2020-09-21 · 301-什么是表单？ 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%" 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>

[展开全文]

遗失的星空 · 2021-12-24 · 210-表格布局实战三控制课程介绍的布局 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 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