首页 > 其他分享 >HTML

HTML

时间:2023-03-18 19:55:25浏览次数:36  
标签:Row1 仓库 HTML nbsp Column1 Column3 Column2

<html>
    <head>
        <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body background = "https://bpic.588ku.com/ad_diversion/22/11/25/0767246cebd766dc5635aa60344f7202.png!/fw/320/unsharp/true/compress/true">
        <table border = "2" class="table table-striped">
            <thead>
              <tr align = "center">
                <td><h1>Column1</h1></td>
                <td><h1>Column2</h1></td>
                <td><h1>Column3</h1></td>
              </tr>
            </thead>
            <tbody>
                <tr>
                  <td><small>Row1,Column1</small></td>
                  <td><small>Row1,Column2</small></td>
                  <td><small>Row1,Column3</small></td>
                </tr>
            </tbody>
            <thead>
                <tr>
                  <td><small>Row2,Column1</small></td>
                  <td><small>Row2,Column2</small></td>
                  <td><small>Row2,Column3</small></td>
                </tr>
            </thead>
            <tbody>
                <tr>
                  <td><small>Row3,Column1</small></td>
                  <td><small>Row3,Column2</small></td>
                  <td><small>Row3,Column3</small></td>
                </tr>
            </tbody>
            <thead>
                <tr>
                  <td><small>Row4,Column1</small></td>
                  <td><small>Row4,Column2</small></td>
                  <td><small>Row4,Column3</small></td>
                </tr>
            </thead>
            <tbody>
                <tr>
                  <td><small>Row5,Column1</small></td>
                  <td><small>Row5,Column2</small></td>
                  <td><small>Row5,Column3</small></td>
                </tr>
            </tbody>
        </table>
        <br/><br/><br/><br/><br/><br/>

        <table border = "2" align = "center">
            <tr>
                <td>仓库名称:</td>
                <td><input type = "password" placeholder ="请输入名称"></td>
            </tr>
            <tr>
                <td align = "center">联系人:</td>
                <td><input type = "password" placeholder = "请输入人名"></td>
            </tr>
            <tr>
                <td>联系方式:</td>
                <td><input type = "password" placeholder = "请输入方式"></td>
            </tr>
            <tr>
                <td>仓库良品:</td>
                <td align = "center"><input type = "checkbox" name = " " id = " ">良品&nbsp<input type = "checkbox" name = " " id = "">次品</td>
            </tr>
            <tr>
                <td>仓库状态:</td>
                <td align = "center"><input type = "checkbox" name = " " id = " ">启用&nbsp<input type = "checkbox" name = " " id = "">封建</td>
            </tr>
            <tr>
                <td>仓库地址:</td>
                <td><input type = "password" placeholder = "请输入地址"></td>
            </tr>
            <tr align = "center">
                <td>仓库:</td>
                <td><button type = "button" class = "btn btn-success">开启</button>&nbsp&nbsp<button type = "button" class = "btn btn-success">关闭</button></td>
            </tr>
        </table>
    </body>
</html>

 

标签:Row1,仓库,HTML,nbsp,Column1,Column3,Column2
From: https://www.cnblogs.com/wangyihang-xh/p/17231593.html

相关文章

  • HTML--表格
    <!DOCTYPEhtml><html><head><title>表格1</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.m......
  • 【问题记录】html双横杠换行问题,white-space的重要性
    废话如图,就是这两个小玩意儿。两个​​--​​同时出现在html就会傻逼地给你进行智障前期,以为是浏览器把这个当做​​英文单词的换行​​​来处理了,所以用css的​......
  • html西瓜视频登录页
    运行截图: 代码:<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title>西瓜视频登录页面</title> <style> .but{ width:220px; height:30px; ......
  • html第三次
    运行效果:  代码:<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title>淘宝购物页</title> <style> .goods{ width:220px; height:360px; ......
  • HTML5是什么?怎么学习HTML5?
    HTML5是什么?HTML5是什么?相信这个问题并不容易回答,大多数人对于HTML5的概念仅仅是听说过而已,非要让他说出个所以然来,结果只能让你失望。相比普及了近十四年的HTML4来......
  • HTML--基本的表格布局
    <!DOCTYPEhtml><html>  <head>  <title>基本的表格布局</title>  <linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7......
  • HTML+CSS
    HTML(HyperTextMarkupLanguage)前言软件架构B/S​ Browser/Server网站C/S​ Client/Server QQHTML的简介、发展史:万维网联盟(W3C)维护。包含HTML内容的......
  • HTML--<small>
    <!DOCTYPEhtml><html><head><title>666</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min......
  • html5知识点:CSS盒模型
    一、 CSS层叠在前端程序员对CSS编写的过程中,CSS选择器的作用是用来选中某个元素,并对当前的元素进行样式上的渲染,那么每一个选择器都有属于自己的一些解析规则。那我们今天......
  • 1 初识HTML
    1初识HTML1.1什么是HTMLHyperTextMarkupLanguage(超文本标记语言)超文本包括:文字、图片、音频、视频、动画等1.2HTML发展史1.2.1HTML5的优势1.世界知名......