20200706实习day1

1）

复制代码
<html>

<head>
    <style type="text/css">
        table {
            text-align: center;
            width: 100%;
            border-collapse: collapse;
        }
        
        table td {
            border: 1px solid #999;
        }
    </style>
</head>

<body style="background-color:rgb(143, 193, 235);">
    <!--style属性作用可以改变HTML元素的样式-->
    <h1>这是h1第一个标题呀</h1>
    <p>今天星期几？</p>
    <br/>
    <h2 style="text-align: center;background-color: salmon;">标题居中<br/>啦</h2>
    <p style="background-color: #ffa600;font-family:serif;font-size: 15px;">p标签是指 段落。我的第一个段落</p>
    <p hidden>这个段落应该被隐藏</p>
    <!--hidden不占行-->
    <p style="visibility: hidden;">这个段落应该被隐藏</p>
    <!--style="visibility: hidden;占1行-->
    <p hidden>这个段落应该被隐藏</p>
    <p hidden>这个段落应该被隐藏</p>
    <a href="http://baidu.com">超链接百度在此</a>
    <img src="C:\Users\dell\Desktop\images\image1.png" width="100" height="80" />
    <!--图片-->
    <table border="1">
        <tr>
            <!--定义表格中的行-->
            <th>日期</th>
            <!--th  table head定义表格中的表头单元格-->
            <th>星期</th>
        </tr>
        <tr>
            <td>20200706</td>
            <!--定义表格中的单元-->
            <td>星期一</td>
        </tr>
    </table>
    <table class="b">
        <tr>
            <!--定义表格中的行-->
            <th>日期</th>
            <!--th  table head定义表格中的表头单元格-->
            <th>星期</th>
        </tr>
        <tr>
            <td>20200707</td>
            <!--定义表格中的单元-->
            <td>星期二/td>
        </tr>
    </table>
    <hr/>
    <!--属性<body bgcolor="pink">  bgcolor 是背景颜色的属性
            属性align=“center”   align是对齐方式的属性-->
    <div>
        <h1 align="center">文字居中，</h1>
    </div>

</body>

</html>
View Code
复制代码
复制代码
 1 <html>
 2 
 3 <head>
 4     <style type="text/css">
 5         table {
 6             text-align: center;
 7             width: 100%;
 8             border-collapse: collapse;
 9         }
10         
11         table td {
12             border: 1px solid #999;
13         }
14     </style>
15 </head>
16 
17 <body style="background-color:rgb(143, 193, 235);">
18     <!--style属性作用可以改变HTML元素的样式-->
19     <h1>这是h1第一个标题呀</h1>
20     <p>今天星期几？</p>
21     <br/>
22     <h2 style="text-align: center;background-color: salmon;">标题居中<br/>啦</h2>
23     <p style="background-color: #ffa600;font-family:serif;font-size: 15px;">p标签是指 段落。我的第一个段落</p>
24     <p hidden>这个段落应该被隐藏</p>
25     <!--hidden不占行-->
26     <p style="visibility: hidden;">这个段落应该被隐藏</p>
27     <!--style="visibility: hidden;占1行-->
28     <p hidden>这个段落应该被隐藏</p>
29     <p hidden>这个段落应该被隐藏</p>
30     <a href="http://baidu.com">超链接百度在此</a>
31     <img src="C:\Users\dell\Desktop\images\image1.png" width="100" height="80" />
32     <!--图片-->
33     <table border="1">
34         <tr>
35             <!--定义表格中的行-->
36             <th>日期</th>
37             <!--th  table head定义表格中的表头单元格-->
38             <th>星期</th>
39         </tr>
40         <tr>
41             <td>20200706</td>
42             <!--定义表格中的单元-->
43             <td>星期一</td>
44         </tr>
45     </table>
46     <table class="b">
47         <tr>
48             <!--定义表格中的行-->
49             <th>日期</th>
50             <!--th  table head定义表格中的表头单元格-->
51             <th>星期</th>
52         </tr>
53         <tr>
54             <td>20200707</td>
55             <!--定义表格中的单元-->
56             <td>星期二/td>
57         </tr>
58     </table>
59     <hr/>
60     <!--属性<body bgcolor="pink">  bgcolor 是背景颜色的属性
61             属性align=“center”   align是对齐方式的属性-->
62     <div>
63         <h1 align="center">文字居中，</h1>
64     </div>
65 
66 </body>
67 
68 </html>
View Code
复制代码
复制代码
<html>

<head>
    <style type="text/css">
        table {
            text-align: center;
            width: 100%;
            border-collapse: collapse;
        }
        
        table td {
            border: 1px solid #999;
        }
    </style>
</head>

<body style="background-color:rgb(143, 193, 235);">
    <!--style属性作用可以改变HTML元素的样式-->
    <h1>这是h1第一个标题呀</h1>
    <p>今天星期几？</p>
    <br/>
    <h2 style="text-align: center;background-color: salmon;">标题居中<br/>啦</h2>
    <p style="background-color: #ffa600;font-family:serif;font-size: 15px;">p标签是指 段落。我的第一个段落</p>
    <p hidden>这个段落应该被隐藏</p>
    <!--hidden不占行-->
    <p style="visibility: hidden;">这个段落应该被隐藏</p>
    <!--style="visibility: hidden;占1行-->
    <p hidden>这个段落应该被隐藏</p>
    <p hidden>这个段落应该被隐藏</p>
    <a href="http://baidu.com">超链接百度在此</a>
    <img src="C:\Users\dell\Desktop\images\image1.png" width="100" height="80" />
    <!--图片-->
    <table border="1">
        <tr>
            <!--定义表格中的行-->
            <th>日期</th>
            <!--th  table head定义表格中的表头单元格-->
            <th>星期</th>
        </tr>
        <tr>
            <td>20200706</td>
            <!--定义表格中的单元-->
            <td>星期一</td>
        </tr>
    </table>
    <table class="b">
        <tr>
            <!--定义表格中的行-->
            <th>日期</th>
            <!--th  table head定义表格中的表头单元格-->
            <th>星期</th>
        </tr>
        <tr>
            <td>20200707</td>
            <!--定义表格中的单元-->
            <td>星期二/td>
        </tr>
    </table>
    <hr/>
    <!--属性<body bgcolor="pink">  bgcolor 是背景颜色的属性
            属性align=“center”   align是对齐方式的属性-->
    <div>
        <h1 align="center">文字居中，</h1>
    </div>

</body>

</html>
复制代码

　　

posted on   xiaoluoke  阅读(144)  评论(0)  编辑  收藏  举报

编辑推荐：
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示