文本标签：为双标签，<h1></h1>...<h6></h6>,数字越大，显示字体越小。<p></p>为段落标签。
实例
<h1>阿布的博客</h1> <p>8月30日课堂笔记</p> <h2>阿布的博客</h2> <p>8月30日课堂笔记</p> <h3>阿布的博客</h3> <p>8月30日课堂笔记</p>
运行实例 »
点击 "运行实例" 按钮查看在线实例
链接标签：为双标签，href里面需填写"将要打开的链接"；target属性有四种1._self为在当前页面打开链接；2._blank为在新窗口打开连接；3._parent为在当前的副窗口打开；4._top为在当前的顶级窗口打开。
实例
<a href="https://www.php.cn/blog/admin/article.html" target="_self">阿布的博客</a>
运行实例 »
点击 "运行实例" 按钮查看在线实例
图片标签：为单标签。必须有两个属性，src为图片的路径，可以是网络路径地址也可是本地路径地址，alt为图片的说明，在图片加载失败，或者设置不显示图片的时候，显示图片的描述文字；图片标签的宽度和高度是等比例缩放，只需设置一个，用height/weight属性来表示。
列表：有三种列表，1：无序列表；2：有序列表；3：定义列表
无序列表前是用小黑点表示；有序列表前是整数123的有序排列；定义列表是有项目描述和项目解释构成，项目解释自动缩进，定义列表常用在网页的底部。
实例
<h3>商品名称</h3> <ul> <li>1.鸡蛋</li> <li>2.苹果</li> <li>3.梨子</li> </ul> <ol> <li>鸡蛋</li> <li>苹果</li> <li>梨子</li> </ol> <dl> <dt>PHP</dt> <dd>全球最流行的通用的服务器端编程语言</dd> </dl>
运行实例 »
点击 "运行实例" 按钮查看在线实例
表格：多列数据，且每一列之间有关联用表格表示。表格由三部分组成，表头，主体，底部。表格的标签为 <table></table>，在table里面设置表格样式，border设置边框线，width设置表格宽度，cellspacing设置表格边框线中间的空格，cellpadding设置表格线与内容的间隙。设置行合并，在合并行的第一个标签里面设置需要合并的个数，用colspan表示，并删除后面合并的行标签，设置列合并，在合并的第一个列里面设置合并的个数，用rowspan表示并删除掉后面的合并的列标签。
实例
<!-- 表单 --> <table border="1" width="300" cellspacing="0" cellpadding="5"> <!--表头--> <caption> <h3>购物车</h3> </caption> <thead> <tr> <th>编号</th> <th>名称</th> <th>单价</th> <th>数量</th> <th>金额</th> </tr> </thead> <!-- 主体 --> <tr> <td rowspan="2">1</td> <td>鸡蛋</td> <td>10</td> <td>5</td> <td>50</td> </tr> <tr> <!-- <td>2</td> --> <td>苹果</td> <td>20</td> <td>3</td> <td>60</td> </tr> <tr> <td>3</td> <td>梨子</td> <td>18</td> <td>4</td> <td>72</td> </tr> <!-- 底部 --> <tr> <td colspan="3" align="center">合计：</td> <!-- <td></td> --> <!-- <td></td> --> <td>12</td> <td>182</td> </tr> </table>
运行实例 »
点击 "运行实例" 按钮查看在线实例
表单：表单的内容需全部写在<form></form>中，action表示将表单的数据提交到服务器上，method表示服务器上哪一个程序去处理，表单里面含有各种控件，每种控件都拥有type/id/name属性
实例
<!-- 表单 --> <h3>用户注册</h3> <form action="" method="POST"> <p> <label for="username">账号：</label> <input type="text" id="username" name="username" placeholder="不超过8个字符"> </p> <p> <label for="password">密码：</label> <input type="password" id="password" name="password" placeholder="必须在6-12位字符之间，且必须有大小写"> </p> <p> <label for="email">邮箱：</label> <input type="email" id="email" name="email" placeholder="example@email.com"> </p> <p> <label for="age">年龄：</label> <input type="number" id="age" name="age" min="16" max="80"> </p> <!-- 下拉列表 --> <p> <label for="">课程：</label> <select name="" id=""> <optgroup label="普通学科"> <option value="">请选择</option> <option value="">语文</option> <option value="">数学</option> <option value="">英语</option> <option value="" selected>物理</option> </optgroup> <optgroup label="计算机"> <option value="">php</option> <option value="">mysql</option> <option value="">sqlserver</option> <option value="" >laravel</option> </optgroup> </select> </p> <!-- 复选框 --> <p> <label for="">爱好：</label> <input type="checkbox" name="hobby[]" value="game" id="game"><label for="game">玩游戏</label> <input type="checkbox" name="hobby[]" value="game" id="read" checked><label for="read">看书</label> <input type="checkbox" name="hobby[]" value="game" id="movies"><label for="movies">看电影</label> </p> <p> <label for="male">性别：</label> <input type="radio" name="gender" id="male"><label for="male">男生</label> <input type="radio" name="gender" id="fmale"><label for="fmale">女生</label> <input type="radio" name="gender" id="secret" checked><label for="secret">保密</label> </p> <!-- 按钮 --> <p> <input type="submit" name="submit" value="提交"> <input type="reset" name="reset" value="重置"> <input type="button" name="button" value="按钮"> <button type="button">注册</button> </p> </form>
运行实例 »
点击 "运行实例" 按钮查看在线实例