5610人加入学习
(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>

这个是我的课程<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

[展开全文]
<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; &

[展开全文]

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

[展开全文]

<!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">我是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>
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 -->
<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)

 

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

[展开全文]

<html>
<head>
    <title>我是标题</title>
<body>
Hello world!
1,html语法不区分大小写  //小写
2,又开始,必须有结束
3,单个标记

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

[展开全文]

HTML CSS Js

HTML是什么?
百度百科:https://baike.baidu.com/item/HTML/97049
总结:“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
超文本标记语言。HTML是用来开发网页的。(网页后缀 html,htm)html是标记语言不是编程语言。

超文本:超级文本,比文本更加牛逼,可以更加丰富的呈现文字信息。
标记:也叫做标签,这个是html里面的一个基本语法,所有的结构都是通过标记来控制的。

为什么学习HTML?
HTML网页开发在JavaEE开发中的承担的部分。(网页设计师+JavaEE工程师)
在团队中会有专门的人,做网页开发,那我们为什么还需要学习HTML?虽然我们不需要能够开发精美的网页,因为我们需要拿到人家开发好的网页,并且能看到人家的网页代码,后后续的开发,所以我们需要掌握HTML和其他网页前端的知识。

本课程的适用对象?
网页零基础入门课程
Web前端工程师
JavaEE工程师
PHP Web工程师
Python Web工程师
.net Web工程师

[展开全文]

font标签是靠属性去控制字体的yang'shi

[展开全文]

html的格式是通过标签来控制,不然全都堆积在yi'xing

[展开全文]

html语法不区分大小写,规范是要求xiao'xie

[展开全文]

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

[展开全文]

段落和标题

换行的单标签<br/>

横线的单标签<hr/>

 

[展开全文]

文档声明

<!doctype html>

表示html5的文档声明

编码。常用编码utf-8  GB2312  gbk

注释格式<!--XXXXXXXX-->

 

[展开全文]