<香港科技大学html+css+js课堂笔记>week1--html部分

HTML部分:

1.

2. SVG--矢量图形方式， 有很少的库函数；

HTML--文本方式，有很多的库函数，应用广泛。

3.

<ul>

<li>asd</li>

<li>sad</li>

<li>qwe</li>

</ul>

4.**reversed**

<ol start="12">

<li>asd</li>

<li>sad</li>

<li>qwe</li>

</ol>

5.标签---解释：

<ul></ul>---无序列表；

<ol></ol>----有序的列表；

<li></li>----列表选项；

<i></i>---字体斜体；

<em></em>---显示与上面相同的内容；

<b></b>--字体加粗；

<strong></strong>---加粗

<u></u>---下划线；

<big></big>--显示字体大小相对于前面的+1；

<small></small>--显示字体大小相对于前面的-1；

<mark></mark>---标记字体内容；

---下角标；

---上角标；

<ins></ins>--嵌入的内容；

<del></del>---删除的内容。

6.images:

<img src="xxx.jpg" width="300" height="100">

<img src="xxx.jpg" width="50%" height="100%">

7.audio:(sounds)播放音频文件

<audio src="C:\Users\Public\Music\Sample Music\Kalimba.mp3" autoplay controls loop></audio>

src--文件来源；

autoplay--自动播放；

controls--显示按钮界面控制音乐；

loop--自动循环播放（背景音乐等）。

8.videos:视频文件

<video src="C:\Users\Public\Videos\Sample Videos\wildAnimals.mp4" autoplay controls loop alt="this is a video!"></video>

src--文件来源；

autoplay--自动播放；

controls--显示按钮界面控制音乐；

loop--自动循环播放（背景音乐等）。

alt--显示提示！tips!

9.link:链接

<a href="http://www.thedream.cc/"><img src="C:\Users\Public\Pictures\Sample Pictures\dream.jpg" width="5%"></a>

点击图片跳转到herf指定的网址；也可以是文字。

10.void elements:Some elements do not have any content; They must not use an end tag.

Handling breaks <br> <wbr> <hr>

<br>--换行；

<wbr>---在一个长单词的中间，换行时从所在位置切换；

<hr>在标记<hr>部分会出现水平分割线。