PHP实验1

实验内容及要求：

***个人博客网页

参考Internet网上的博客网站，设计自己的个人网页，主要包括：图像背景、表格布局，插入图像，flash或者影片播放，插入超级链接（至少3个），例如点击“关于我”，将链接到表单设计的网页，进行个人信息的填写。点击提交后，回到主页。

 

代码：

 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>我的博客</title>
 7     <style type="text/css">
 8 
 9     </style>
10 </head>
11 <body>
12     <div align="lift"><a href="index.html">返回</a>
13         </div>
14     <div align="center">
15     <strong style="color: red;">2020年4月16日</strong>
16     <div/><hr/>
17     <div align="left">
18     <strong style="color: red;">php语言</strong><hr/>
19     <div/>
20     <div align="left">
21     摘要:PHP即“超文本预处理器”，是一种通用开源脚本语言。PHP是在服务器端执行的脚本语言，与C语言类似，是常用的网站编程语言。PHP独特的语法混合了C、Java、Perl以及 PHP 自创的语法。利于学习，使用广泛，主要适用于Web开发领域。<a href="">阅读全文</a>
22     </div>
23     <div align="right">
24     posted @ 2020-04-05 22:37 printf(); 阅读 (13) 评论 (0) <a href="">编辑</a>
25     <div/>
26     <hr/>
27 
28 
29         <div align="left">
30         <strong style="color: red;">c语言</strong><hr/>
31         <div/>
32         <div align="left">
33         摘要:C语言是一门面向过程的、抽象化的通用程序设计语言，广泛应用于底层开发。C语言能以简易的方式编译、处理低级存储器。C语言是仅产生少量的机器语言以及不需要任何运行环境支持便能运行的高效率程序设计语言。尽管C语言提供了许多低级处理的功能，但仍然保持着跨平台的特...<a href="">阅读全文</a>
34         </div>
35         <div align="right">
36         posted @ 2020-04-05 23:37 printf(); 阅读 (256) 评论 (5) <a href="">编辑</a>
37         <div/>
38         <hr/>
39 
40 
41             <div align="left">
42             <strong style="color: red;">c++语言</strong><hr/>
43             <div/>
44             <div align="left">
45             摘要:C++是C语言的继承，它既可以进行C语言的过程化程序设计，又可以进行以抽象数据类型为特点的基于对象的程序设计，还可以进行以继承和多态为特点的面向对象的程序设计。C++擅长面向对象程序设计的同时，还可以进行基于过程的程序设计，因而C++就适应的问题...<a href="">阅读全文</a>
46             </div>
47             <div align="right">
48             posted @ 2020-04-05 22:37 printf(); 阅读 (24) 评论 (0) <a href="">编辑</a>
49             <div/>
50             <hr/>
51 
52             <div align="center">
53                 <strong style="color: red;">2020年4月13日</strong>
54                 <div/><hr/>
55                 <div align="left">
56                 <strong style="color: red;">java语言</strong><hr/>
57                 <div/>
58                 <div align="left">
59                 摘要:Java是一门面向对象编程语言，不仅吸收了C++语言的各种优点，还摒弃了C++里难以理解的多继承、指针等概念，因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，允许程序员以优雅的思维方式进行复杂的...<a href="">阅读全文</a>
60                 </div>
61                 <div align="right">
62                 posted @ 2020-04-05 22:37 printf(); 阅读 (883) 评论 (0) <a href="">编辑</a>
63                 <div/>
64                 <hr/>
65 
66                 <div align="center">
67                     <strong style="color: red;">2020年4月10日</strong>
68                     <div/><hr/>
69                     <div align="left">
70                     <strong style="color: red;">python语言</strong><hr/>
71                     <div/>
72                     <div align="left">
73                     摘要:Python是一种跨平台的计算机程序设计语言。 是一个高层次的结合了解释性、编译性、互动性和面向对象的脚本语言。最初被设计用于编写自动化脚本(shell)，随着版本的不断更新和语言新功能的添加，越多被用于独立的、大型项目的开发。<a href="">阅读全文</a>
74                     </div>
75                     <div align="right">
76                     posted @ 2020-04-05 22:36 printf(); 阅读 (413) 评论 (0) <a href="">编辑</a>
77                     <div/>
78                     <hr/>
79             
80                     
81     <audio autoplay="autoplay" controls="controls" hidden=true>
82     <source src="../img/命.mp3" type="audio/mpeg">
83     </audio>
84 </body>
85 </html>
博客界面

 

 1 <!DOCTYPE html>
 2 
 3 <html lang="en">
 4 
 5 <head>
 6 
 7 <meta charset="UTF-8">
 8 
 9 <title>个人博客主页</title>
10 
11 </head>
12 
13 <style type="text/css">
14 body {
15     background: url(../img/2.jpg);
16     text-align: center;
17 }
18 
19 a:hover {
20     font-size: 20px;
21 }
22 
23 a:link {
24     color: rgb(247, 11, 11);
25 }
26 
27 #div1 {
28     position: absolute;
29     top: 40%;
30     left: 45%;
31 }
32 
33 </style>
34 
35 <div>
36     <img src="../img/main.jpg" height="300" width="290">
37 </div>
38 
39 <body>
40 
41 
42     <div id=div1>
43 
44         <ul>
45 
46             <li><a href="index.html">首页</a></li>
47 
48             <li><a href="suibi.html">随笔</a></li>
49 
50             <li><a href="my.html">我的</a></li>
51 
52             <li><a href="boke.html">博客</a></li>
53 
54         </ul>
55 
56 
57     </div>
58     <div>
59     <img src="../img/4.jpg" width="400px"; height="200px"; style="position:absolute; left:550px; top:500px; ">
60         </div>
61     <audio autoplay="autoplay" controls="controls" hidden=true>
62 
63         <source src="../img/命.mp3" type="audio/mpeg">
64     </audio>
65 </body>
66 
67 </html>
主页界面
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4 <meta charset="UTF-8">
 5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 <title>我的</title>
 7 </head>
 8 <style type="text/css">
 9 body {
10     background: url(../img/2.jpg) repeat;
11     text-align: center;
12 }
13 
14 a:hover {
15     font-size: 20px;
16 }
17 
18 a:link {
19     color: rgb(247, 11, 11);
20 }
21 
22 #div1 {
23     position: absolute;
24     top: 40%;
25     left: 45%;
26 }
27 </style>
28 <body>
29 <body>
30 
31 
32     <div id=div1>
33         <ul>
34 
35             <li><a href="index.html">首页</a></li>
36 
37             <li><a href="suibi.html">随笔</a></li>
38 
39             <li><a href="my.html">我的</a></li>
40 
41             <li><a href="boke.html">博客</a></li>
42 
43         </ul>
44     </div>
45     <form action="index.html" method="get">
46 
47         姓名：<input type="text" placeholder="在此输入姓名"><br> 
48         密码：<input type="password" placeholder="在此输入密码"><br>
49         性别：<input type="radio" value="男">男 <input type="radio"
50             value="女">女 <br>
51         电话号码:<input type="text" placeholder="在此输入电话号码" ><br/>
52         邮箱:<input type="email" placeholder="在此输入邮箱"><br/>
53         <input type="submit" value="提交">
54         
55         <button type="reset">重置</button>
56 
57 
58     </form>
59     <img src="../img/4.jpg" width="400px"; height="200px"; style="position:absolute; left:550px; top:500px; ">
60     <audio autoplay="autoplay" controls="controls" hidden=false>
61 
62         <source src="../img/命.mp3" type="audio/mpeg">
63     </audio>
64 </body>
65 </html>
我的界面
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>随笔</title>
 7 </head>
 8 <style type="text/css">
 9 
10 
11 
12     body
13 
14     {
15             background: url(../img/2.jpg) repeat;
16             text-align:center;
17 
18      }
19 
20      a:hover
21 
22      {
23 
24             font-size: 20px;
25 
26      }
27 
28      a:link
29 
30      {
31 
32        color:rgb(247, 11, 11);
33 
34      }
35      #div1
36      {
37       position: absolute;
38       top: 40%;
39       left: 45%;
40      }
41 
42 
43 
44 </style>
45 <body>
46     <body>
47         <div id=div1>
48             <ul>
49     
50                 <li><a href="index.html">首页</a></li>
51     
52                 <li><a href="suibi.html">随笔</a></li>
53     
54                 <li><a href="my.html">我的</a></li>
55 
56                 <li><a href="boke.html">博客</a></li>
57 
58     
59             </ul>
60         </div>
61         <div>
62     <form action="index.html" method="get">    
63         标题:<input type=text ><br/>
64         内容:<textarea cols="30" rows="15"></textarea><br/>
65             <input type="submit" value="提交">
66         </form>
67         </div>
68         <img src="../img/4.jpg" width="400px"; height="200px"; style="position:absolute; left:550px; top:500px; ">
69         <audio autoplay="autoplay" controls="controls" hidden=true>
70 
71             <source src="../img/命.mp3" type="audio/mpeg">
72             </audio>
73     
74 
75 </body>
76 </html>
随笔界面

 

 

 

 

 

 

 

posted @ 2020-04-22 09:31  printf();  阅读(378)  评论(0)    收藏  举报