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>---标记字体内容;
<sub></sub>---下角标;
<sup></sup>---上角标;
<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>部分会出现水平分割线。