小网页（html及css学习小结）
本文于
360
天之前发表，文中内容可能已经过时。
很久以前在CSDN上写的，，，
无语，听说学web要先学html和css，然后我就看来一遍，历时几个小时，写了一个网页，实现了以下几个功能：
1，有背景图；
2，有视频；
3，有链接；
运用的知识点有：css定位，改变字体颜色、大小，视频等。
效果图：
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
| <html>
<head>
<style>
#nav {
bottom:10px;
left:150px;
position:relative;
font-size: x-large;
color:FFFFFF
}
</style>
</head>
<body background="file:///D:/231/Desktop/1234.jpeg"
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;">
<h1 align="center">许嵩</h1>
<video width="640" height="480" controls="controls" autoplay="autoplay">
<source src="file:///D:/231/Desktop/1234.ogg" type="video/ogg" />
<source src="file:///D:/231/Desktop/1234.mp4" type="video/mp4" />
<source src="file:///D:/231/Desktop/1234.webm" type="video/webm" />
<object data="file:///D:/231/Desktop/1234.mp4" width="320" height="240">
<embed width="640" height="480" src="file:///D:/231/Desktop/1234.swf" />
</object>
</video>
<div id="nav">
个人专辑：<br>
<a style="color:inherit;" href="http://music.163.com/album?id=34749138&userid=1661542444">青年晚报</a><br>
<a style="color:inherit;" href="http://music.163.com/album?id=16949&userid=1661542444">素颜</a><br>
<a style="color:inherit;" href="http://music.163.com/album?id=16951&userid=1661542444">寻雾启示</a><br>
<a style="color:inherit;" href="http://music.163.com/albumid=126996669&userid=1661542444">呼吸之野</a><br>
<a style="color:inherit;" href="http://music.163.com/album?id=16932&userid=1661542444">梦游计</a><br>
......<br>
</div>
</html>
|
评论系统未开启，无法评论！