链接: HTML 教程-菜鸟教程文档.

<!DOCTYPE html>
/*声明html版本是html5*/<br/>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图书的详情信息</title>
</head>
<body>

/*
常用html标签的总结
1. 文本标签: h1-h6
<h1>图书管理一级标题</h1>
<h2>图书管理一级标题</h2>
<h3>图书管理一级标题</h3>
<h4>图书管理一级标题</h4>
<h5>图书管理一级标题</h5>
<h6>图书管理一级标题</h6>
2. 水平分割线 hr标签
3. 超链接标签 <a href="https://www.baidu">百度一下</a>
4. 图片标签 <img width="100px" height="100px" src="https://tupian.sioe/b/bing-home-image/pic/20140801.jpg">
5. 图片超链接: 
<a href="http://www.bing"><img width="100px" height="100px" src="https://tupian.sioe/b/bing-home-image/pic/20140801.jpg"></a>
6. 表格标签:
<table border="1">
    /*创建5行(tr table row)3列(td)的表格信息*/
    <tr>
        <td>姓名</td>
        <td>年龄</td>
        <td>成绩</td>
    </tr>
    <tr>
        <td>fentiao</td>
        <td>10</td>
        <td>100</td>
    </tr>
    <tr>
        <td>张三</td>
        <td>18</td>
        <td>98</td>
    </tr>
    <tr>
        <td>李四</td>
        <td>29</td>
        <td>100</td>
    </tr>
    <tr>
        <td>Lily</td>
        <td>19</td>
        <td>99</td>
    </tr>

</table>
7. 无序列表
<ul>
    <li>首页</li>
    <li>Python</li>
    <li>Java</li>
</ul>

8. 表单标签
<form>
    用户名: <input type="text"><br/>
    密码: <input type="password"><br/>
    性别: 男<input type="radio" value="1" name="gender"> 女<input type="radio" value="2" name="gender"><br/>
    <input type="submit" value="登录">
</form>
*/

9.div标签
<div style="width: 100px; height: 200px; border: 1px solid red">
   div标签
</div>

10.span标签
<span style="color: rebeccapurple; font-size: 20px">
    span标签
</span>

</body>
</html>

更多推荐

HTML 教程-菜鸟教程