这两天看了一点php，本想着实践一下，发现自己的服务器还没弄好，php的代码只写了两三行嵌在html中，还运行不了，同时还发现自己这几天学的html和css还不够，总是频频出现问题，学习的样式和布局都还太单一，一些知识也没掌握好，所以写出来的网页也只能呵呵呵了，尽管如此，但依然在努力中！
下面的代码是两个html和一个css，运用了今天新学的窗口将另一个html嵌入在了窗口里，并试着用css进行了简单的样式设计，但仍然存在问题，图片的处理总是令我头疼。看不下去的也不要吐槽哦，我会加油的！
<!DOCTYPE html>

<html>

    <head>

        <link rel="stylesheet"type="text/css"href="style.css" />

        <meta charset="utf-8" />

        <title>正在学习php</title>

    </head>

    <!--<body>

        <div id="bd1">

        <h3>简单的php实现</h3>

        </div>

    </body>-->

    <div id="boeder">

    <frameset rows="40%,60%">

        <frame src="img/图2.jpg"marginheight="100%"marginwidth="100%">

            <frame src="1.1.html">

        <frame>

    <!--<frameset cols="30%,40%,30%"framespacing="20"bordercolor="black">

        <frame>

        <frame>

        <frame>

    </frameset>-->

    </frameset>

    </div>

</html>










<html>

    <head>

        <meta charset="utf-8" />

        <link rel="stylesheet" type="text/css"href="style.css"/>

        <title>php</title>

    </head>

    <div id="bd1">

        <body>

            <h>学习简单的php</h>

    </div>

        <div id ="bd2">

            php是指超级文本预处理语言，是一种html内嵌式的语言</br>

        </div>

        <!--<?php

            define("OUT",这里的define用来定义一个常量);

            echoOUT

            ?>

        --><div id="ph">

            <img src="img/图1.jpg" width="500",height="500"align="center"/>

        </div>

            <div id="end">

        由于时间问题，我今天的学习就到这里结束了，下次我会继续努力的！目前代码还是很粗糙，希望大家不要吐槽，学习ing

        </div>

        </body>

    </div>

</html>






*{

    background-color:gainsboro;

}

#bd1{

    font-family: "微软雅黑";

    font-size:large;

    color:black;

    text-align: center;

    text-decoration:overline;

}

#bd2{

    font-family: "arial narrow";

    font-size:medium;

    color:gray;

    text-align: center;

    text-decoration: underline;

}

#ph{

    text-align: center;

}

#end{

    margin: auto;

    text-align: center;

    font-size:small;

    color:brown;

}

#boeder{

    border-color:palevioletred;

}


												


											
学习使用html与css，并尝试写php的更多相关文章
	

    
						
  1. 【CSS学习笔记】初始化CSS后，写li，并利用背景图片，来完成li小图标的效果，且达到个浏览器兼容
		
    第一种情况 /*当标题前的图标时单独的一个点儿或者方块或者其他类似图标时,定义背景图background要放在<li>里.    在<li>中设置背景图片的尺寸,地址,不重复, ...
    
		
    2. 
						
  2. 嵌入式css样式，写在当前的文件中
		
    现在有一任务,把下面的“超酷的互联网”.“服务及时贴心”.“有趣易学”这三个短词文字字号修改为18px. 如果用内联式css样式的方法进行设置将是一件很头疼的事情(为每一个<span>标签 ...
    
		
    3. 
						
  3. 李洪强和你一起学习前端之(6)css行高,盒模型,外边距
		
    李洪强和你一起学习前端之(6)css行高,盒模型,外边距 复习昨天的知识 1.1css书写位置: 内嵌式写法 外联式写法 <link href = "1.css" rel = ...
    
		
    4. 
								
  4. web前端学习（三）css学习笔记部分（8）-- SVN的介绍和应用、CSS动画效果、CSS3布局属性全接触
		
    15.SVN的介绍和应用 15.1.SVN的介绍和应用课程概要 将代码进行集中管理,有版本号的进行迭代,方便集体工作的build流程 15.2.SVN的介绍 SVN是Subversion的简称,是一个 ...
    
		
    5. 
						
  5. 外部式css样式，写在单独的一个文件中
		
    外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<l ...
    
		
    6. 
						
  6. 2017年学习的三个CSS新特性
		
    这是翻译的一篇文章,原文是:3 New CSS Features to Learn in 2017,翻译的不是很好,如有疑问欢迎指出. 新的一年,我们有一系列新的东西要学习.尽管CSS有很多新的特性, ...
    
		
    7. 
						
  7. CSS学习笔记一：css 画平面图形
		
    最近在学习CSS,先从CSS画点平面图形入手,发现除了正方形.长方形此类比较简单,只要有长宽设置恰当即可,画圆要涉及radius,然后恢复到做界面的最讨厌的状态了,不断的修改设值,调整数据,所幸并不多 ...
    
		
    8. 
						
  8. CSS学习笔记二：css 画立体图形
		
    继上一次学了如何去运用css画平面图形,这一次学如何去画正方体,从2D向着3D学习,虽然有点满,但总是一个过程,一点一点积累,然后记录起来. Transfrom3D 在这一次中运用到了一下几种属性:  ...
    
		
    9. 
						
  9. 从零开始学习PYTHON3讲义（十四）写一个mp3播放器
		
    <从零开始PYTHON3>第十四讲 通常来说,Python解释执行,运行速度慢,并不适合完整的开发游戏.随着电脑速度的快速提高,这种情况有所好转,但开发游戏仍然不是Python的重点工作. ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. BZOJ1264——[AHOI2006]基因匹配Match
			
    1.题意,求最长公共子序列,每个数字在序列中都出现5次 2.分析:最长公共子序列的标准解法是dp,$O(n^2)$过不了的,然后我们发现判断哪两个位置优化的地方用$5n$就可以搞定了,那么我们用BIT ...
    
			
    2. 
						
  2. Java Native Interface 编程系列一
			
    本文是<Java Native Interface Programmer's Guide and Specification>的读书笔记 Java Native Interface可以让编 ...
    
			
    3. 
						
  3. migration integer limit option
			
    https://gist.github.com/stream7/1069589 :limit Numeric Type Column Size Max value 1 tinyint 1 byte 1 ...
    
			
    4. 
						
  4. (转)android自定义组合控件
			
    原文地址:http://mypyg.iteye.com/blog/968646 目标:实现textview和ImageButton组合,可以通过Xml设置自定义控件的属性. 1.控件布局:以Linea ...
    
			
    5. 
						
  5. %格式化和format格式化--python
			
    格式符 %[(name)][floags][width].[precision]typecode (name) 可选,用于选择指定的key flags 可选,可提供的值有: · + 右对齐,整数前加正 ...
    
			
    6. 
						
  6. 此地址使用了一个通常用于网络浏览以外的端口。出于安全原因，Firefox 取消了该请求
			
    FirFox打开80以外的端口,会弹出以下提示: “此地址使用了一个通常用于网络浏览以外的端口.出于安全原因,Firefox 取消了该请求.”. 解决方法如下: 在Firefox地址栏输入about: ...
    
			
    7. 
						
  7. 腾讯QQ形象18年变迁史，最早的QQ企鹅形象居然长这样！
			
    1999年,腾讯创建之初,这是当时QQ的形象,现在看起来很滑稽,又高又瘦.当时公司并没有专职的设计师,所以这个形象就凑合着用了. 后来,腾讯也觉着上一个形象做的不是特别好,于是在2000年的时候,公司 ...
    
			
    8. 
						
  8. web前端学习部落22群分享给需要前端练手项目
			
    前端学习还是很有趣的,可以较快的上手然后自己开发一些好玩的项目来练手,网上也可以一抓一大把关于前端开发的小项目,可是还是有新手在学习的时候不知道可以做什么,以及怎么做,因此,就整理了一些前端项目教程, ...
    
			
    9. 
						
  9. 【转】如何使用VS 2013发布一个可以在Windows XP中独立运行的可执行文件
			
    问题描述: 用VS2013写好一个程序,在本机上运行一切正常.但是如果直接把exe文件放到另一台机器上用,则会出现: Windows XP:不是一个正常的win32程序 Window 7:缺少msvc ...
    
			
    10. 
						
  10. html+css做的丝带标签
			
    先上效果: HTML: <div class="tag"> <div class="tag-box"> <div class=&q ...
    
			
    11.