-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
71 lines (64 loc) · 3.31 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!--BY Catterdx 我的HTML学习之路,DOCTYPE html-->
<!DOCTYPE html>
<html lang="zh-CN">
<head >
<meta charset="utf-8">
<meta name="author" content="Catterdx">
<link rel="icon" href="images/fav.png">
<link href="styles/style.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
<title>我的第一个页面</title>
</head>
<body>
<h1>来了,老弟!</h1>
<figure>
<img src="images/top.jpg" alt="图片不见了!!!" height="200" width="300">
<figcaption align=center>点击上方图片试试切换图片!</figcaption>
</figure>
<!图片路径"./images/top.jpg">
<p>看见我的第一段<strong>文字</strong>和<strong>图片</strong>了吗?</p>
<p>
<b>没错,"Hello New world!"从现在开始,将要开始我的WEB学习之路....</b>
</p>
<ol>
<li>学习HTML基础</li>
<li>学习HTML5</li>
<li>学习CSS</li>
<li>学习Script</li>
</ol>
<p><a href="#latest" style="font-size:16px" title='跳转到我最近的进度链接位置'>♦ 最近进度♦ </a></p>
<p><a href="https://developer.mozilla.org/zh-CN/docs/Learn" target="_blank" title='点击进入MND网络学院' >♦ 从这里进入学习大门(MDN学院)♦ </a></p>
<p><a href="https://www.w3school.com.cn/html/index.asp" target="_blank" title='点击进入W3school学院' >♦ 这里也一些更详细东西(w3school学院)♦ </a></p>
<!有点乱,这个3S的进度:http://rrd.me/fugwV>
<div id="latest"><a class="dingding" href="http://rrd.me/f5K6N" title='这是我最近学习进度的链接'><b><em>2020-1-3进度</em></b></a></div>
<a class="mywebsite" href="https://github.com/catterdx/catterdx.github.io" title='这是我的github地址' ><b><em>前往我的github</em></b></a>
<!注意:因源是通过https://www.ft12.com生成的短网址,可能会失效!>
<div align=center><button>WHO R U?</button></div>
<address>
<p align=right>页面编写 by <a style="text-decoration: none;" href="mailto:[email protected]?subject=Hi!%20catterdx.&body=可以发邮件联系我,期待与你交流!" title='联系我吧!' >Catterdx</a>.</p>
</address>
<hr/>
<h3 align="center" color="black"> 下面是临时课件测试内容</h3>
<a href="sample1.html">临时页面1</a>
<a href="sample2.html">临时页面2</a>
<a href="sample3.html">临时页面3</a>
<video controls width="280" height="448" poster="video/poster.png" preload="none">
<p>你的浏览器不支持 HTML5 视频。可点击<a href="video/friend.mp4">此链接</a>观看</p>
<source src="video/friend.mp4" type="video/mp4">
<source src="video/friend.webm" type="video/webm">
<!track kind="subtitles" src="webvtt/subtitle.vtt" srclang="cn">
<track kind="subtitles" src="webvtt/subtitle.vtt" srclang="cn">
</video>
<!autoplay loop muted>
<audio controls loop>
<source src="audio/bgsound.mp3" type="audio/mp3">
</audio>
<iframe width="560" height="315" src="https://www.youtube.com/embed/AgHxz359MFY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<svg width="300" height="200">
<rect width="100%" height="100%" fill="green" />
</svg>
<hr/>
<p align="center">------------这是最后的底线了------------</p>
<script src="scripts/main.js" ></script>
</body>
</html>