2.HTML基本标签

HTML基本标签

标题标签

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

段落标签

<p></p>

换行标签

<br/>

水平线标签

<hr/>

字体样式标签

粗体：<strong></strong>
斜体:<em></em>

注释和特殊符号

注释:<!-- -->
空格:&nbsp;
大于号:&gt;
小于号:&lt;
版权符号:&copy;
特殊符号记忆方式:&    ;

图像标签

<img src="path" alt="text" title="text" width="x" height="y">
<!--src 	图像地址（相对地址，绝对地址）（上一级目录 ../）
	alt 	图像替代的文字
	title	鼠标悬停提示文字
	width 	图像宽度
	height	图像高度-->

链接标签

<a href="path" target="目标窗口位置">链接文本或图像</a>
<!--target常用值
	_self  在自己的页面中打开
	_blank 在新页面中打开-->

锚链接

<!--做一个标记-->
<a name="top">顶部</a>
<!--回到标记-->
<a href="#top">回到顶部</a>
<!--跨网页跳转-->
<a href="网址#top"></a>

功能新链接

<!--邮件链接-->
<a href="mailto:1339340657@qq.com">点击联系我</a>

列表标签

<!--有序列表 
	应用范围：试卷，问答。。。-->
<ol>
    <li>第一个</li>
    <li>第二个</li>
    <li>第三个</li>
    <li>第四个</li>
</ol>
<!--无序列表 
	应用范围：导航，侧边栏。。。-->
<ul>
    <li>第一个</li>
    <li>第二个</li>
    <li>第三个</li>
    <li>第四个</li>
</ul>
<!--自定义列表 
	dl:标签
	dt:列表名称
	dd:列表内容-->
<dl>
    <dt>标题</dt>
    <dd>第一个</dd>
    <dd>第二个</dd>
    <dd>第三个</dd>
    <dd>第四个</dd>
</dl>

表格

基本结构

• 单元格
• 行
• 列
• 跨行
• 跨列

代码

<!--表格
    行 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>

<table border="1px">
    <tr>
        <!--colspan 跨列-->
        <td colspan="3">第一行</td>    
    </tr>
    <tr>
        <!--rowspan 跨行-->
        <td rowspan="2">第二行第一个</td>
        <td>第二行第二个</td>
        <td>第二行第三个</td>
    </tr>
    <tr>
        <td>第三行第一个</td>
        <td>第三行第二个</td>
    </tr>
</table>

音频和视频标签

<!--音频 src:路径 controls:控制条 autoplay:自动播放-->
<autio src="" controls autoplay></autio>

<!--视频 src:路径 controls:控制条 autoplay:自动播放-->
<vidio src="" controls autoplay></vidio>