HTML基

HTML标签：

颜色（三种标签内容方式）、多级标题：

图片、音乐、视频标签：

代码实现（看看路径的设置方法，往下看第二张就是路径的相关）：

路径问题：

相对路径：以html.文件为基础路径来写别的相对路径

超链接：

<a href="https://www.bilibili.com/" target="_blank">请用力点击我</a>

列表标签 ：有序无序都可以添加type属性

举个例子，代码：

<ol type="A">
    <li>小飞棍</li>
    <li>小赤佬</li>
</ol>

结果：

表格：

<th>意为加粗，里面的字是粗体

<table  border="1" cellspacing="0" width="500">
    <tr>
        <th>序号</th>
        <th>商品名图标</th>
        <th>商品名</th>
        <th>商品属类</th>
    </tr>
    <tr align="center">
        <td>001</td>
        <td><img src="53352c5a7eea48e5b2f38a3f4e3b639.jpg" width="40" height="40"></td>
        <td>自动答题机</td>
        <td>学习</td>
    </tr>
    <tr align="center">
        <td>002</td>
        <td><img src="53352c5a7eea48e5b2f38a3f4e3b639.jpg" width="40" height="40"></td>
        <td>自动售货机</td>
        <td>购物</td>
    </tr>

</table>

结果;

跨行跨列的表格：

当你让第一行表格的第一个格子横跨2个格子的时候（即让第一个格子变成二倍的长），那这行就得少写一个格子，这样整张表格的整体大小才不会变，变得只是内部结构

代码：

<table  border="1" cellspacing="0" width="500">
    <tr>
    <!--第一行的第一个格子占两列-->
        <tddi colspan="2" width="50" height="50"></td>
        <!--要腾出来两个格子从而满足上一个注释的要求-->
        <td width="50" height="50"></td>
        <td width="50" height="50"></td>
    </tr>
    <tr>
        <td width="50" height="50"></td>
        <td width="50" height="50"></td>
        <td width="50" height="50"></td>
        <td width="50" height="50"></td>

    </tr>
    <tr>
    <!--第三行的第一个格子占两行-->
        <td rowspan="2" width="50" height="50"></td>
        <td width="50" height="50"></td>
        <td width="50" height="50"></td>
        <td width="50" height="50"></td>
    </tr>
    <tr >
    <!--因为上一行需要占两行，所以这一行写三个格子就行-->
        <td width="50" height="50"></td>
        <td width="50" height="50"></td>
        <td width="50" height="50"></td>
    </tr>

</table>

结果：

表单提交：

get和post相关

表单项的标签;

hidden:

随着表单的提交而顺便提交，只是用户看不见，在网络的抓包中可以查看

label标签：

可以和其他的标签关联起来，对了，原来这些其他标签的中文名，就可以不用写了，写在label中就行，反正是label接下来就放的是下一个标签

<form action="#" method="get">

<!--  表示当前的标签和下一行的标签关联起来了，
      所以点击这个名为‘用户名’的标签的时候，
      就会相当于点击了下一行标签的东西-->
    <label for="username" >用户名</label>
    <input type="text" name="username" id="username">

<!--  俩都要写上name属性，这样才可以在网页互斥的点击按钮 -->
<!--  给这俩都加上label标签，和上面的效果一样  -->
    <label for="男">男</label>
    <input type="radio" name="gender" id="男" value="1">
    <label for="女">女</label>
    <input type="radio" name="gender" id="女" value="2">
<input type="submit" value="注册">
</form>

上面代码中的定义 倒数第三行 ，value表示页面中网络抓包的值为2，否则是on，这样就无法通过值来判断当前的用户选的是男还是女

select:

• 在一些选项中选择数据
• 当你想要返回值是你想要的，就可以使用value属性进行设置，否则就返回你写在<> 和</>中间的值

<select name="城市">
        <option value="shanghai">上海</option>
        <option>北京</option>
    </select>

结果:

创建一个框框进行书写内容：记得别忘了写中文个人描述（主要是为了让框框能够显示出来）

个人描述：
    <textarea cols="20" rows="5"></textarea>