这两天看了一点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. 初学者在ubuntu下安装使用git（上）
			
      一 git的安装测试 在Ubuntu系统下的bash中输入git,如果提示没有安装的话,用命令 sudo apt-get install git 安装git,安装完成之后通过 git –versi ...
    
			
    2. 
						
  2. C#高级编程笔记 2016年10月8日运算符和类型强制转换
			
    1.checked和unchecked 运算符 C#提供了checked 和uncheckde 运算符.如果把一个代码块标记为checked, CLR就会执行溢出检查,如果发生溢出,就抛出overfl ...
    
			
    3. 
						
  3. 【转】ubuntu 配置 java jdk1.8 环境，增加多版本 jdk 和切换方法
			
    一.安装java jdk1.8 1.添加软件源 sudo add-apt-repository ppa:webupd8team/java 2.更新软件源 sudo apt-get update 3.安 ...
    
			
    4. 
						
  4. espcms联动筛选功能开发
			
    易思后台增加新内容模型,添加字段yewu,fuwu,leixing 修改/interface/article.php (写上新增内容模型的mid——写死的),对这个模型的内容列表写了可以联动筛选的sq ...
    
			
    5. 
						
  5. java 深入技术四（Set）
			
    1)Set接口 set接口的父接口-Collection set接口的重要子类-HashSet set接口的重要子类 -TreeSet set 接口的特别子类-LinkedHashSet 2)Hash ...
    
			
    6. 
						
  6. asp.net mvc5 伪静态
			
    asp.net mvc5 伪静态 WebForm Mvc4和5通用 1.背景:老项目WebForm开发 需要 融合到新项目Mvc5开发 2.需求:Url地址TruckDetail.aspx?id=45 ...
    
			
    7. 
						
  7. Java的几种常用设计模式
			
    何为设计模式? 就是对一些常见问题进行归纳总结,并针对具体问题给出一套通用的解决办法(强调的是解决问题的思想): 在开发中,只要遇到这类问题,就可以直接使用这些设计模式解决问题. ---------- ...
    
			
    8. 
						
  8. SQL语句汇总
			
    1.查询出来数据保留小数点2位,并且0.01时候,不会展示为.01. select     to_char(0.1,'fm9999999990.00') from dual; 2.wm_concat  ...
    
			
    9. 
						
  9. hbase集群的启动,注意几个问题
			
    1.hbase的改的会影响器他的组件的使用, 故而, 在修改 hadoop的任何组件后, 一定要记得其它的组件也能受到影响, 一下是我在将hadoop的集群改了之后 , 再次运行hbase的时候, 就 ...
    
			
    10. 
						
  10. 论SOA架构的几种主要开发方式
			
    转: http://blog.csdn.net/chenleixing/article/details/44926955  面向服务架构soa以其独特的优势越来越受到企业的重视,它可以根据需求通过网络 ...
    
			
    11.