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

5505人加入学习

(22人评价)

Web前端第一季（HTML）

制作完成于2018年5月25日

价格免费

学习有效期永久有效

扫一扫扫二维码继续学习二维码时效为半小时
分享
已收藏
收藏

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

<table border="10px"() width="500"(宽度） height="400"（高度）） align="center" （对齐）bgcolor=""（整个表格颜色） cellspacing="10px"（单元格与表与外边框的间距） cellpadding="10px">（单元格内容与外边框的间距）

心若一动泪便倾城 · 2018-11-28 · 202-表格常用属性 1

<!DOCTYPE html>

<html>

<head>

<title>超链接用锚点下载文件 </title>

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

</head>

<body>

<h1><p align="center"><font color="red" size="7" face="隶书">【以下图片可以一起下载】</font></align></p></h1>

<!--<p> 一个图片<img src="img/01.jpg" align="top" width="20%">

一个图片<img src="img/02.jpg" align="top" width="20%">

一个图片<img src="img/03.jpg" align="top" width="20%"></p>/-->

<a href="img/01.jpg" target="_blank">01草莓<img src="img/01.jpg" align="bottom" width="20%"></a>

<a href="img/02.jpg" target="_blank" >02小老虎<img src="img/02.jpg" align="bottom" width="20%"></a>

<a href="img/03.jpg" target="_blank">03大老虎<img src="img/03.jpg" align="bottom" width="20%"></a></br>

<a href="img.zip"><font color="blue" size="5"><p align="center">下载这三个图片</font></p></a>

</body>

</html>

没新没旧 · 2020-03-01 · 118-超链接的其他内容 0

网页编码解决的乱码的问题

红红123 · 2019-09-01 · 106-设置文档类型和网页编码 0

aline="justify" 段落两端对齐。

溪云16 · 2021-03-19 · 108-标签的属性和段落的对齐属性 0

1.pre预格式标签

2.font字体标签，对字体属性进行设置。

溪云16 · 2021-03-19 · 109-预格式标签和字体标签 0

<b>加粗

<i>倾斜>

<sub>加下标。

<sup>加上标。

溪云16 · 2021-03-19 · 110-修饰标签 0

1.alt 图像提示，文本替换。

2.

溪云16 · 2021-03-19 · 112-显示图片 0

<html></html>

Yanghu · 2019-08-18 · 106-设置文档类型和网页编码 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

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

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>

<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

HTML(超文本标记（标签）语言)、CSS、JavaScript(js)
开发工具：notepad++
网站：http://www.w3school.com.cn/h.asp
html语发要求：
1、html语法不区分大小写
2、有开始必须有结束
3、单个标记<hr/>（横线）（既是开始也是结束）

编码声明：<meta ="Content-Type" content="text/html;charset=utf-8"/>

编码格式：utf-8 gbk gb2312

注释快捷键：区块注释ctrl+shift+q

文宇 · 2020-07-13 · 106-设置文档类型和网页编码 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>

<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

“超文本”就是指页面内可以包含图片，链接，甚至音乐，程序等非文字元素。

安徒生的女王 · 2019-01-30 · 102-什么是HTML？ 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

w3cschool 知识

安徒生的女王 · 2019-01-30 · 103-安装工具和学习方法 0

HTML网页文件的基本结构(标签的基本语法)

<html>
	<head>
		<title></title>
	</head>
	<body>
		Hello World!
	</body>
</html>

html:根标记,所有的html文件都要有根标记

head:头部分

titile:标题标签

body:身体部分

标签可以嵌套标签

1.html语法不区分大小写

2.又开始,必须有结束

3.单个标记
<hr/>自己开始,自己结束

404NTFounD · 2019-01-10 · 105-网页的基本结构（标签的基本语法） 0

<!DOCTYPE html>
在网页的第一行使用该标签表示整个网页是遵循HTML5语法的

网页编码声明:
<meta ="Content-Type" content="text/html; charset=UTF-8">
meta标记放在head标签里面

常用中文编码格式：
utf-8 gbk gb2312

注释:

注释对网页没有任何影响

404NTFounD · 2019-01-10 · 106-设置文档类型和网页编码 0

虚幻5.3零基础入门视频教程（蓝图版）-宇宙最简单系列

虚幻5.3零基础入门视频教程（蓝图版）-宇宙最简单系列

237 0

零基础入门Unity - 古迹探险（Unity2023）

零基础入门Unity - 古迹探险（Unity2023）

358 0

愤怒的小鸟-Unity2023-2D游戏开发小白教程

愤怒的小鸟-Unity2023-2D游戏开发小白教程

700 1

C++编程第一季 - 编程基础2023最新版-宇宙最简单教程

C++编程第一季 - 编程基础2023最新版-宇宙最简单教程

589 2

授课教师

SiKi学院老师

课程特色

下载资料(1)

视频(43)

最新学员

学员动态

酒精开始学习 204-表格中多行多列合并

酒精开始学习 203-表格中行和列的常用属性

酒精开始学习 202-表格常用属性

酒精开始学习 201-创建表格

龙口夺食开始学习 401-使用框架切分网页