html 常见标签

HTML

超文本标记语言（Hyper Text Markup Language，简称HTML）俗称网页，该语言所保存的文件名字后缀必须是文件名.html 或者文件名.htm。

页面格式

子标签

子标签

head 中的常见标签 <!—这个是注释->

<title>网页标题</title>   <!--标签表示是网页的标题-->
<meta charset="字符编码">   <!--告诉浏览器请用这个字符串编码显示网页内容-->
<script></script>   <!--用来包含网页的脚本-->
<link>  <!--用来包含外部样式表-->
<!--这个是注释->

body 中的标签

标题标签

段落标签

换行标签

分割线标签

特殊文字需要转义显示

<

©

超链接标签

链接文字

图片标签

列表标签

有序列表（可以写很多li标签）：

列表项1

列表项2

列表项3

无序列表（可以写很多li标签）：

列表项1

列表项2

列表项3

如下图，第一个是有序，第二个是无序：

表格标签

例如：

<table width="50%" border="1">
    <thead >
    <tr>
        <th>序号</th>
        <th>姓名</th>
        <th>年龄</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>1</td>
        <td>jack</td>
        <td>14</td>
    </tr>
    <tr>
        <td>2</td>
        <td>rose</td>
        <td>18</td>
    </tr>
    <tr>
        <td>3</td>
        <td>jim</td>
        <td>20</td>
    </tr>
    </tbody>
</table>

如下图：

表格合并单元格，可以使用td 的属性 colspan（合并列）rowspan（合并行），并且、、你没写出来浏览器会自动纠错，因此就算没写也会正常显示，不过建议写完整啦。

表单标签

表单配合这两个标签使用会很好看哟：

<fieldset></fieldset> <!--表单外框t-->
<legend>随便写文字</legend> <!--表单外框上插入的字-->

例如：

<form action="http://www.baidu.com" method="post">
    <fieldset>
        <legend>表单</legend>
        文本框 <input type="text" name="username">
        <br>
        密码框 <input type="password" name="password">
        <br>
        按钮 <input type="button" value="点我">
        <br>
        单选框 <!-- name 用来给单选框分组 checked 表示默认勾选-->
        男 <input type="radio" name="sex" value="男"> 女 <input type="radio" name="sex" checked value="女">
        <br>
        多选框
        唱歌 <input type="checkbox" name="hobby" checked value="1">
        跳舞 <input type="checkbox" name="hobby" value="2">
        游戏 <input type="checkbox" name="hobby" value="3">
        睡觉 <input type="checkbox" name="hobby" value="4">
        <br>
        <input type="file">
        <br>
        <input type="date" value="2018-12-30">
        <br>
        <input type="submit" value="提交">
        <input type="reset" vlaue="重置">
    </fieldset>
</form>