html入门第二天。

二·
1.图片与多媒体：
--------------

img标签（重中之重）：
网页中的图片展示就是用的img标签实现，img元素相网页中嵌入一幅图形,行内标签，单标签。
基础语句：<img src ==“图片路径”alt=“图片说明文字”/>
能够识别多种图片格式，如：png，gif，jpg。
当修改图片的高度时，图片宽度会等比例缩放（反之亦然）。

audio标签（定义音频）：
基本语法：<audio src="音乐文件路径" autoplay=“autoplay”>提示文字</audio>
src属性：音乐文件路径URL，必写。
autoplay属性：自动播放。
controls属性：音乐控件。
loop属性：循环播放。
mute属性：静音。
preload：出翔该属性这音频在页面加载时进行加载，并预备播放，如果已用autoplay，这忽略此属性。

支持格式：Ogg Vorbis，MP3， wav。

video标记（定义视频）：
基本语法：<video src=“视频文件路径”controls=“controls”>提示文字</video>
src属性：视频文件路径URL，必写。
autoplay属性：自动播放。
controls属性：播放控件。
height：视频播放器高度。
width：设置视频高度。
poster：规定视频下载时显示图像，或者用户点击播放按钮前显示图像。
loop属性：循环播放。
mute属性：静音。
preload：出翔该属性这视频在页面加载时进行加载，并预备播放，如果已用autoplay，这忽略此属性。

支持格式：ogg， MPEG4， WEBM。

source 标签：
source标签为媒介元素（比如<video> <audio>）定义媒介资源
基本语法：<source src="资源地址URL" type=“资源类型”>
常用的类型：
用于视频：
video/ogg
video/mp4
video/webm
用于音频：
audio/ogg
audio/mpeg

2.列表标签：ul, ol,dl:
列表标签是网页标签开发中常用的一种标签，一般用于某项数据得列表或导航，比如说：新闻列表，产品列表，图片列表。

-无序列表ul。
-有序列表ol。
-定义列表dl。

无序列表ul：常用于表示内容之间存在并列关系，每个列表分为多个子项，但是子项之间没有相应的编号，只有一个原点用于标识。
基本语法：<ul>
<li>文本内容</li>
</ul>
ul标签效果：li标签前面自动生成小圆点，一般情况会结合css去掉小圆点。
ul标签:定义列表的一个区域。
li标签：定义列表的每一个子项，可有多个子项
注意：1.ul标签是块元素；2.ul标签只能放li标签；3.li标签里面可以嵌套任何标签

有序标签ol：每个列表都分为多个子项目，没个子项都有相应的编号。
基本语法：
<ol>
<li>文字</li>
</ol>
注意：1.ol标签与li标签配合使用。2.ol可以嵌套使用。
type属性：1.A代表列表前面显示的大写字母；
2.a表示列表前面显示小写字母；
3.I代表大写罗马字母；
4.i代表小写的罗马字母；
5.默认显示数字；

dl定义列表：常用于表示名词或者概念的定义，每个子项有两个部分组成，第一部分是名词或概念，第二部分是解释和描述。
基本语法：
<dl>
<dt>名词或概念</dt>
<dd>名词或概念的解释说明</dd>
</dl>
注意:dl标签里面必须和dt和dd配合使用，一般配合css一起完成显示效果。

 

总结：这一节学的内容相对之前的文字，趣味性高了很多，学习起来兴趣更大，上手也很容易。也初步了解了表格相关知识，还有很多意思的内容等着学。