其他分享
首页 > 其他分享> > HTML的一些标签

HTML的一些标签

作者:互联网

HTML

一、认识HTML

什么是HTML?

注意:html是不区分大小写的,习惯用小写

 

二、HTML标签

1.基础标签

2.图片、音频、视频标签

 

实例 :<img src="/images/logo.png" width="258" height="39" />

 

注意:根据图片与代码的保存位置写访问路径(如图)

 

3、超链接标签

<a> 标签定义超链接,用于从一张页面链接到另一张页面。

4、列表标签

<ol type="A">
    <li>咖啡</li>
    <li>茶</li>
    <li>水</li>
</ol>
<ul>
    <li>咖啡</li>
    <li>茶</li>
    <li>水</li>
</ul>

运行结果

 

 

 5、表格标签

案例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table border="1"cellspacing="0"width="500">
    <tr>
        <th>序号</th>
        <th>品牌</th>
        <th>品牌名称</th>
        <th>企业名称</th>
    </tr>
    <tr align="center">
        <td>010</td>
        <td><img src="../img/三只松鼠.png" width="60" height="50" ></td>
        <td>三只松鼠</td>
        <td>三只松鼠</td>
    </tr >
    <tr align="center">
        <td>009</td>
        <td><img src="../img/优衣库.png" width="60" height="50"> </td>
        <td>优衣库</td>
        <td>优衣库</td>
    </tr>
    <tr align="center">
        <td>009</td>
        <td><img src="../img/小米.png" width="60" height="50" ></td>
        <td>小米科技有限公司</td>
        <td>小米科技有限公司</td>
    </tr>
</table>

<hr>
<table border="1"cellspacing="0"width="500">
    <tr>
        <th colspan="2">序号</th>
        <th>品牌</th>
        <th>品牌名称</th>
        <th>企业名称</th>
    </tr>
    <tr align="center">
        <td>010</td>
        <td><img src="../img/三只松鼠.png" width="60" height="50" ></td>
        <td>三只松鼠</td>
        <td>三只松鼠</td>
    </tr >
    <tr align="center">
        <td>009</td>
        <td><img src="../img/优衣库.png" width="60" height="50"> </td>
        <td>优衣库</td>
        <td>优衣库</td>
    </tr>
    <tr align="center">
        <td>009</td>
        <td><img src="../img/小米.png" width="60" height="50" ></td>
        <td>小米科技有限公司</td>
        <td>小米科技有限公司</td>
    </tr>
</table>
</body>
</html>

 

 

 

6、布局标签

7、表单标签

标签:定义,标记,标签,优衣库,HTML,一些,009
来源: https://www.cnblogs.com/41357wangsun/p/16526112.html