记本科毕业实习的代码

封面

tl;dr

说来也怪，自动化专业开html css的毕业实习

所有效果均可在这里预览。我加了一点小私货hhh

代码

main.html

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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>沈阳大学实习</title>
    </head>
    <body>
        helloworld
        <h1>一级标题</h1>
        <h2>二级标题</h2>
        <h3>三级标题</h3>
        <h4>四级标题</h4>
        <h5>五级标题</h5>
        <h6>六级标题</h6>

        <hr/>

        <!-- 图片标签 -->
        <img src="img/miku.jpg"/>

        <!-- 超链接标签 -->
        <a href="https://coolenoch.ink">访问博客</a>

        <input type="text"></imput>
        <input type="password"></imput>
    </body>
</html>

cssdemo.html

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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>wdnmd</title>
        <style type="text/css">
            h1{
                color:red; /*颜色*/
                font-size: 40px; /*字号*/
            }
            .yan{
                color: #ff6700;
            }
        </style>
    </head>
    <body>
        <h1>hello</h1>
        <h1>goodbye</h2>
        <h1>hi</h1>
        <h2>oppo</h2>
        <!-- 类选择器 -->
        <h2 class="yan">vivo</h2>
        <h2 class="yan">huawei</h2>
    </body>
</html>

elasticView.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>wdnmd</title>
        <link rel="stylesheet" href="css/elasticView/view.css">
    </head>
    <body>
        <h1>hello</h1>
        <div class="first">
            <div class="one">one</div>
            <div class="two">two</div>
            <div class="three">three</div>
        </div>
    </body>
</html>

miShop.html

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>wdnmd</title>
        <link rel="stylesheet" href="css/miShop/mi.css">
    </head>
    <body>
        <div class="header"></div>
        <div class="pro"></div>
        <div class="container"></div>
</html>
其他的开发杂记
记本科毕业实习的代码
http://blog.coolenoch.ink/2024/03/01/9记本科毕业实习的代码-240301/
作者
CoolestEnoch
发布于
2024年3月1日
许可协议