web前端学习笔记（二）

学习了在网页中插入图片，链接超链接处理，加入视频，音频处理

	<!-- 图像标签
		 src：图片地址/相对地址&绝对地址
		 ../回到上一级目录s
		 alt:加载失败会出现的提示，没有正确的图片的时候
		 title:鼠标悬停时的提示显示
		 width：设置宽度
		 height：设置高度-->
		<img src="./resourse/images/srkl.jpg" alt="加载失败，请刷新后重试" title="生日快乐！" width="200" height="200">

	<p>以下处理超链接标签</p>
	<!-- 超链接标签 
	a标签，href:必填路径
	target：表示在哪里打开链接
			_blank在新页面打开
			_self在自己页面打开-->
	<a href="https://www.bilibili.com/ " target="_blank">宝藏</a>
	<br>
	<a href="https://www.bilibili.com/" target="_self">
		<img src="./resourse/images/bz.jpg" alt="加载失败，请刷新后重试" title="发现宝藏" width="200" height="200">
	</a>
	<br>
	<!-- 超链接锚链接实现页面内跳转
	使用name作为标记-->
	<a href="#up">back_to_top</a>
	<!-- 功能性链接mail -->
	<br>
	<a href="mailto:3370507176@qq.com">点击联系我</a>

		<!-- 行块元素
		 块元素会换行
		 行元素不会换行-->
		 <!-- 列表 有序列表 无序列表 自定义列表-->
		 <ol>
			 <!-- 有序列表 -->
		 	<li>one</li>
			<li>two</li>
			<li>three</li>
		 </ol>
		 <hr >
		 <ul>
			 <!-- 无序列表 -->
		 	<li>Monday</li>
			<li>Tuesday</li>
			<li>Wensday</li>
		 </ul>
		 <hr >
		 <dl>
			 <!-- 自定义列表 -->
			 <!-- 
			  dl：标签
			  dt：列表名称
			  dd：列表内容-->
			  <dt>advanced language</dt>
			  <dd>java</dd>
			  <dd>pyhton</dd>
			  <dd>c++</dd>
			  <dd>c#</dd>
			  <dd>c</dd>
		 </dl>
		 <hr >

	 <!-- 表格标签 table
	 tr：行
	 td：列-->
	 <table border="2px">
	 	<tr>
	 		 <td>(0,0)</td>
	 		 <td>(0,1)</td>
	 		 <td>(0,2)</td>
	 	</tr>
	 	<tr>
	 		<td>(1,0)</td>
	 		<td>(1,1)</td>
	 		<td>(1,2)</td>
	 	</tr>
		<tr>
			<!-- clospan 跨列 -->
			<td clospan="2">(2,0)</td>
			<td>(2,1)</td>
		</tr>
		<tr>
			<!-- rowspan 跨行 -->
			<td rowspan="2">(2,1)</td>
		</tr>
	 </table>
	 <hr >

		 这是随便找的一个视频好的，将就一下
		 <br>
		 <video src="./resourse/videos/bh.mp4" type="video/mp4" controls width="800" height="600"></video>
		 <hr >
		 这是我手机里的第一首英文歌好吧
		 Josh Turner的，自行了解好吧<a href="https://baike.baidu.com/item/%E4%B9%94%E4%BB%80%C2%B7%E7%89%B9%E7%BA%B3/581697?fromtitle=josh%20turner&fromid=6148414&fr=aladdin" target="_blank">点击Josh Turner</a>
		 <br >
		 <audio src="./resourse/audios/Lay%20Low.mp3" controls>
		 </audio>
	</body>

在那个表格地方代码还是有点问题，生成的样式与代码所想要表示的不同。