个人学习进度2

html标签语言总结

<title>标题标签</title>
<h1>一级标题</h1>
<h2>二级标题</h2>
...
<h6>六级标题</h6>

<!--注释-->
<hr/>水平线标签
换行标签，只需要自闭合就行<br/>
<p>段落标签</p>
<strong>粗体标签</strong>
<em>斜体标签</em>
特殊标签
&nbsp; 空格

<img src="图片路径" alt="图片文字描述（图片显示不出来用）" title="悬停文字（鼠标悬停显示文字）"/>

<a href="网页地址.html" target="_blank">点击我跳转到页面</a>
<!--图片超链接-->
<a href="网页地址.html">
<img src="图片路径" alt="图片文字描述（图片显示不出来用）" title="悬停文字（鼠标悬停显示文字）"/>
</a>

锚链接

• 需要一个锚标记
• 跳转到标记

<!--使用name作为标记-->
<a name="top">顶部</a>
<!--使用#+name跳转到标记-->
<a href="#top">回到顶部</a>

功能性链接 邮件链接mailto
qq链接 使用QQ推广工具

<a href="mailto:1194229286@qq.com">点击联系我</a>

列表标签

1.有序列表 有1、2、3、456

<ol>
 <li>java</li>
 <li>python</li>
 <li>c</li>
</ol>

2.无序列表 用在导航 、侧边栏等

<ul>
 <li>java</li>
 <li>python</li>
 <li>c</li>
</ul>

3.自定义列表 dt:列表名称 dd:列表内容 一般用在网页底部

<dl>
 <dt></dt>

 <dd></dd>
 <dd></dd>
 <dd></dd>
</dl>

表格标签

<!--表格 table border 边框
行 tr
列 td
下面三行三列
-->
<table border="1px">
 <tr>
  <td></td>
  <td></td>
  <td></td>
 </tr>
 <tr>
  <td></td>
  <td></td>
  <td></td>
 </tr>
 <tr>
  <td></td>
  <td></td>
  <td></td>
 </tr>
</table>
<!--colspan 跨列-->
<!--rowspan 跨行-->
<!--跨行 跨列都在td上操作-->

视频和音乐

<!--src:资源路径
controls:控制条
autoplay:自动播放
-->
<video src="" controls autoplay></video>
<audio src=""></audio>