这两天看了一点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. Linux网络下载命令 wget 简介
			
    wget 是一个命令行的下载工具.对于我们这些 Linux 用户来说,几乎每天都在使用它.下面为大家介绍几个有用的 wget 小技巧,可以让你更加高效而灵活的使用 wget. $ wget -r -n ...
    
			
    2. 
						
  2. JQuery实现图片轮播效果源码
			
    ======================整体结构======================== <div class="banner"> <ul class ...
    
			
    3. 
						
  3. espcms内容页上下篇按后台手动排序号
			
    模板文件: {%get name=plist class="did":$read.did,pid:$read.pid%} <li class="fl"&g ...
    
			
    4. 
						
  4. Deep Learning入门视频（下）之关于《感受神经网络》两节中的代码解释
			
    代码1如下: #深度学习入门课程之感受神经网络(上)代码解释: import numpy as np import matplotlib.pyplot as plt #matplotlib是一个库,p ...
    
			
    5. 
						
  5. plist文件的读写
			
    参考资料 http://blog.csdn.net/totogo2010/article/details/7634185
    
			
    6. 
						
  6. java学习第二天  回顾运算符
			
    一.回顾运算符: 补充: 三元运算符. 代码: /* 三目运算符: 三元运算符: 结构: 条件?条件成立的结果 :条件不成立的结果 ; */ class Demo1 { public static v ...
    
			
    7. 
						
  7. 17. Letter Combinations of a Phone Number
			
    题目: Given a digit string, return all possible letter combinations that the number could represent. A ...
    
			
    8. 
						
  8. xamarin真的是一个鸡肋吗？
			
    team leader 极力推荐 Xamarin,于是下载下来体验了一把,并没有觉得用它来开发 App 会爽到哪里去,可能对于从事 C#开发的开发人员来说是个福音吧.于是看看别人对其评价如何,现粘贴如 ...
    
			
    9. 
						
  9. Linux常用命令组合
			
    1.删除除某个文件或文件夹外的所有的内容 ll |grep -v test |xargs rm -rf find . -maxdepth 1 -type d|grep -v test|xargs rm ...
    
			
    10. 
						
  10. 电脑莫名其妙的被装上了流氓软件DNSunlocker的解决办法
			
    重大更新:之前说的这些方法只能删除流氓文件,不能解决其弹出机具诱惑性的广告,网络经常不好用 经过测试,使用Malwarebytes Anti-Malware可以彻底解决这个问题,还能发现更多隐藏在你电 ...
    
			
    11.