这两天看了一点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. Java Native Interface 二 JNI中对Java基本类型和引用类型的处理
			
    本文是<The Java Native Interface Programmer's Guide and Specification>读书笔记 Java编程里会使用到两种类型:基本类型(如 ...
    
			
    2. 
						
  2. sujection重构
			
    def create @subjection = @subject.subjections.new if params[:video_or_show_id].length == 20 show = S ...
    
			
    3. 
						
  3. .NET工程师面试宝典
			
    .Net工程师面试笔试宝典 传智播客.Net培训班内部资料 这套面试笔试宝典是传智播客在多年的教学和学生就业指导过程中积累下来的宝贵资料,大部分来自于学员从面试现场带过来的真实笔试面试题,覆盖了主流的 ...
    
			
    4. 
						
  4. 【Python基础学习六】函数
			
    1.创建函数 Python中函数的关键字def来定义. def fibs(num): f=[0,1] for i in range(1,num): f.append(f[-1]+f[-2]) retu ...
    
			
    5. 
						
  5. java环境配置为1.7jdk为什么cmd java -version查看版本是1.8
			
    记录一个小问题: 初始安装的是jdk1.8,后来项目需要要更换成jdk1.7, 因此将环境变量更改为jdk7的目录路径, 但是在cmd命令行运行java -version 发现还是jdk8 解决方法: ...
    
			
    6. 
						
  6. C# mongodb 驱动操作（Z）
			
    Query.All("name", "a", "b");//通过多个元素来匹配数组 Query.And(Query.EQ("nam ...
    
			
    7. 
						
  7. 安装Yeoman，遇到的问题
			
    在安装Yeoman遇到了一些报错,具体的步骤就不多说了,直接上码,具体的两处报错的地方. 第一个,创建webapp,直接报权限的错误,这时才留意到在它之前还有一个错误. [root@iZ289zd8c ...
    
			
    8. 
						
  8. 安装oracle
			
    1.安装vnc  yum install tigervnc tigervnc-server 2.vncserver启动 3.安装依赖库 yum install -y compat-libstdc*   ...
    
			
    9. 
						
  9. 主动模式FTP与被动模式FTP该如何选择
			
    主动模式FTP与被动模式FTP该如何选择  无论是主动模式还是被动模式,其要进行文件传输都必须依次建立两个连接,分别为命令连接与数据连结.而主动模式与被动模式的差异主要体现在数据连结通道上.为了说明两 ...
    
			
    10. 
						
  10. shell腳本
			
    1.awk过滤重复行 awk '!a[$0]++{print $0}' 过滤重复行 awk '!a[$1]++{print $1}' 过滤第一列重复行 并只打印第一列 awk '!($1 in a){ ...
    
			
    11.