HTML标签

HTML各个标签的用法

• 标题标签 : <h1>标题 </h1> 到<h6>标题 </h6> 标题字体逐渐减小

• 段落标签: <p> 输入内容</p>

• 换行符 :<br/>

• 斜体：<em></em> 输入内容

• 划出一道水平线： <hr>

• 大于、小于 和空格： &gt; &lt；&nbsp ; 

• 加粗字体 : <b></b> 输入内容

• 强调加粗字体 : <strong></strong> 强调的内容

• 超链接标签 : <a></a>

  • <a> 标签的语法格式：

  • <a href="数据结构与算法教程，数据结构C语言版教程！" target="_self"/">数据结构</a>

  • href：表示跳转哪个页面。

  • target属性有多个属性值：

  • _self（默认值）：在超链接所在框架或者窗口中打开目标页面。

    _bank：在新浏览器窗口中打开目标页面，原窗口会被保留下来。

    _parent：在当前框架的上一层打开新页面。

    _top：在当前的整个浏览器窗口中打开目标页面，因此会删除所有框架。

• 图片标签：<img>

  • <img> 标签是基本结构：

  • <img src="图片的url" alt="图片的替代文本" width="200" height="150"/>

  • src:说明图片的位置

  • alt:图片的信息；

  • width:宽度

  • align:高度

• 字体标签：<font></font>

  • 样式： size="10"  color="coral"  face=" 微软雅黑"

  • size:设置字体大小

  • color:设置字体颜色

  • face:设置字体类型

• 背景音乐：<audio></audio>

  • 样式：<audio src="../music/遗失的心跳.m4a" controls autoplay></audio>

  • 锚链接:<a href="#top">回到顶部</a>

• 表格：

  • 1.<table></table>是用于定义表格的标签。

  • 2.<tr></tr>标签用于定义表格中的行，必须嵌套在<table></table>标签中。

  • 3.<td></td>用于定义表格中的单元格，必须嵌套在<tr></tr>标签中。

  • 样式：

    
    <table>
        <tr>
            <td>
                <table>是表格，<tr>是行，<td>是单元格！！！
            </td>
        </tr>
    </table>