boostrap(标题，文本)

最新推荐文章于 2024-10-02 09:00:00 发布

weixin_33968104

最新推荐文章于 2024-10-02 09:00:00 发布

阅读量53

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xuling123/p/7001536.html

本文介绍了一个使用HTML和CSS实现的基本页面布局案例，包括不同级别的标题、段落样式、文本对齐及大小写调整等，展示了如何利用这些标签和技术来创建美观且结构化的网页。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
 7         <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
 8         <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
 9     </head>
10     <!--
11         作者：15573722829@qq.com
12         时间：2017-06-04
13         描述：标题： h1 h2 h3 h4 h5 h6
14             副标题:small
15     -->
16     <body>
17         <h1>标题一<span>小标题</span></h1>
18         <h2>标题二</h2>
19         <h3>标题三</h3>
20         <h4>标题四</h4>
21         <h5>标题五</h5>
22         <h6>标题六</h6>
23         <span class="h1">标题一</span>
24         <span class="h2">标题二</span>
25         <span class="h3">标题三</span>
26         <span class="h4">标题四</span>
27         <span class="h5">标题五</span>
28         <span class="h6">标题六</span>
29     </body>
30 </html>

标题

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
 7         <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
 8         <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
 9         
10     </head>
11     <!--
12         作者：15573722829@qq.com
13         时间：2017-06-04
14         描述：段落：
15                 p标签：默认14px 行高：20px  底部外边距：10px
16             对齐方式 :.text-left (左对齐) .text.center (居中 ) .text.right(右对齐)
17             大小写： .text-lowercase  .text-uppercase  .text-capitalize 
18             文本标记:
19     -->
20     <body>
21         
22         <!--
23             作者：15573722829@qq.com
24             时间：2017-06-04
25             描述：<mark></mark>加粗
26                  <del></del>删除
27                  <ins></ins>下划线
28                   <u></u>
29                   <small></small>变小
30                    <strong></strong>
31         -->
32         <p>
33             <mark>10月28日晚，</mark><del>中央纪委</del><ins>监察部</ins><u>官网发布消息，贵州省委常委、</u>
34             <small>遵义市委书记廖少华因涉嫌严重违纪违法接受组织调查</small>。
35             <strong>3天后中</strong>组部宣布对其免职。廖成为十八大后中纪委一连串"打虎"行动中第十一位落马的副省部级以上高官。
36         </p>
37         
38         <p>
39             10月28日晚，中央纪委监察部官网发布消息，贵州省委常委、遵义市委书记廖少华因涉嫌严重违纪违法接受组织调查。
40             3天后中组部宣布对其免职。廖成为十八大后中纪委一连串"打虎"行动中第十一位落马的副省部级以上高官。
41         </p>
42         
43         <p class="text-left">
44             慕课网    
45         </p>
46         <p class="text-center">
47             慕课网    
48         </p>
49         <p class="text-right">
50             慕课网    
51         </p>
52         <p class="text-lowercase">
53             HELLO!
54         </p>
55         <p class="text-uppercase">
56             hello！
57         </p>
58         <p class="text-capitalize">
59             hello！
60         </p>
61     </body>
62 </html>