zoukankan      html  css  js  c++  java

  • 20200706实习day1

    1）

    <html>

<head>
    <style type="text/css">
        table {
            text-align: center;
             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:UsersdellDesktopimagesimage1.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:UsersdellDesktopimagesimage1.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:UsersdellDesktopimagesimage1.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>
    <html>

<head>
    <style type="text/css">
        table {
            text-align: center;
             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:UsersdellDesktopimagesimage1.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>

    　　
  • 相关阅读:
    Lambda 方法引用
    day7面向对象--进阶
    day6作业--选课系统
    day6面向对象--继承、多态
    day6面向对象
    day5模块学习--hashlib模块
    day5模块学习--configparser模块
    day5模块学习--yaml文件处理
    day5模块学习--XML模块
    day5模块学习--shelve模块
  • 原文地址：https://www.cnblogs.com/effortandluck/p/13277932.html
Copyright © 2011-2022 走看看