首页 > 其他分享 >表格

表格

时间:2023-03-17 19:56:59浏览次数:35  
标签:表格 h2 标签 h1 h6 h4 h3

<html>
<head>
<title>1</title>
<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>
<h1>我是标签h1 <small>我是副标签.h1</small> </h1>
<h2>我是标签h2 <small>我是副标签.h2</small> </h2>
<h3>我是标签h3 <small>我是副标签.h3</small> </h3>
<h4>我是标签h4 <small>我是副标签.h4</small> </h4>
<h5>我是标签h5 <small>我是副标签.h5</small> </h5>
<h6>我是标签h6 <small>我是副标签.h6</small> </h6>
<p class="lead">lead可以让字体加粗</p>
<p><strong>strong</strong></p>
<p><em>em</em></p>
<p class="text-left">left</p>
<p class="text-center">center</p>
<p class="text-right">right</p>

<p class="text-muted">减弱</p>
<p class="text-primary">蓝色</p>
<p class="text-success">绿色</p>
<p class="text-info">蓝色</p>
<p class="text-warning">棕色</p>
<p class="text-danger">红色</p>
<table class="table">
<thead>
    <caption>基本的表格布局</caption>
    <tr>
        <th>
            名称
        </th>
        <th>
            城市
        </th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Tanmay</td>
        <td>Mincr</td>
    </tr>
    <tr>
        <td>Asdf</td>
        <td>Wang</td>
    </tr>
</tbody>
</table>
</body>
</html>

  

1

我是标签h1 我是副标签.h1

我是标签h2 我是副标签.h2

我是标签h3 我是副标签.h3

我是标签h4 我是副标签.h4

我是标签h5 我是副标签.h5
我是标签h6 我是副标签.h6

lead可以让字体加粗

strong

em

left

center

right

减弱

蓝色

绿色

蓝色

棕色

红色

基本的表格布局
名称城市
Tanmay Mincr
Asdf Wang

标签:表格,h2,标签,h1,h6,h4,h3
From: https://www.cnblogs.com/As10016/p/17227979.html

相关文章

  • Bootstrap 排版和表格
    <html><head><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"><scriptsrc="https......
  • 怎么在CAD表格中画斜线?CAD表格斜线一分为二绘制步骤
    在Excel表格中经常能看到用一条斜线将单元格一分为二,那么,你知道怎么在CAD表格中画斜线吗?本文小编就以浩辰CAD软件为例来给大家分享一下CAD表格斜线一分为二的绘制步骤,一起......
  • 前端-表单表格图像-练习
    题目描述请依次写出以下类型的输入框。类型为密码,默认值为"nowcoder"类型为复选框,且状态为已勾选点击查看代码<form><!--补全代码--><inputtype="p......
  • HTML中的表格的基本结构与常用属性
    1、表格的基本结构首先看看图下<table>标签的布局                                    ......
  • 小程序实现固定首行列表格
    数据可视化,数据报表一致是我比较头疼的问题,这几年一直找不到一个合适的工具.主要是编程这块并非是数据分析师的强项.从最初用Excel,到用Python,到用各种商业BI工......
  • 筛选表格后再点击上方的条目筛选,表格依然是筛选态的解决办法
    思路:table子组件监听传入值,声明一个ref默认为false,在监听传入值的effect里,将ref的current变成true,在表格的onchange方法内将ref变成false,在每次拿到table数据的返回值时,判......
  • 表格单元格合并
    表格单元格合并 单元格合并属性水平合并:colspan垂直合并:rowspan<tableborder="1"width=500pxheight="500px">  <tr>    <td>单元1</td>   ......
  • lodop打印 table表格分页带表头页码
    lodop.PRINT_INIT("wageSalaryRetireRecordService");varstrBodyStyle="<style>"+document.getElementById("print_style").innerHTML+"</s......
  • 在线电子表格12
    MVVM优点利用MVVM,很多非常复杂的前端页面编写起来就非常容易了。这得益于我们把注意力放在Model的结构上,而不怎么关心DOM的操作。本节我们演示如何利用Vue快速创建一个在线......
  • 7款颜色的CSS表格样式美化网页表格
    第一种:CSS表格样式之一点击查看CSS代码 /*Borderstyles*/#table-1thead,#table-1tr{border-top-width:1px;border-top-style:solid;border-top-color:......