这两天看了一点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. 嵌入式css样式,写在当前的文件中

    现在有一任务,把下面的“超酷的互联网”.“服务及时贴心”.“有趣易学”这三个短词文字字号修改为18px. 如果用内联式css样式的方法进行设置将是一件很头疼的事情(为每一个<span>标签 ...

  3. 李洪强和你一起学习前端之(6)css行高,盒模型,外边距

    李洪强和你一起学习前端之(6)css行高,盒模型,外边距 复习昨天的知识 1.1css书写位置: 内嵌式写法 外联式写法 <link href = "1.css" rel = ...

  4. web前端学习(三)css学习笔记部分(8)-- SVN的介绍和应用、CSS动画效果、CSS3布局属性全接触

    15.SVN的介绍和应用 15.1.SVN的介绍和应用课程概要 将代码进行集中管理,有版本号的进行迭代,方便集体工作的build流程 15.2.SVN的介绍 SVN是Subversion的简称,是一个 ...

  5. 外部式css样式,写在单独的一个文件中

    外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<l ...

  6. 2017年学习的三个CSS新特性

    这是翻译的一篇文章,原文是:3 New CSS Features to Learn in 2017,翻译的不是很好,如有疑问欢迎指出. 新的一年,我们有一系列新的东西要学习.尽管CSS有很多新的特性, ...

  7. CSS学习笔记一:css 画平面图形

    最近在学习CSS,先从CSS画点平面图形入手,发现除了正方形.长方形此类比较简单,只要有长宽设置恰当即可,画圆要涉及radius,然后恢复到做界面的最讨厌的状态了,不断的修改设值,调整数据,所幸并不多 ...

  8. CSS学习笔记二:css 画立体图形

    继上一次学了如何去运用css画平面图形,这一次学如何去画正方体,从2D向着3D学习,虽然有点满,但总是一个过程,一点一点积累,然后记录起来. Transfrom3D 在这一次中运用到了一下几种属性: ...

  9. 从零开始学习PYTHON3讲义(十四)写一个mp3播放器

    <从零开始PYTHON3>第十四讲 通常来说,Python解释执行,运行速度慢,并不适合完整的开发游戏.随着电脑速度的快速提高,这种情况有所好转,但开发游戏仍然不是Python的重点工作. ...

随机推荐

  1. Python ORM Storm 源码修改

    安装 storm : pip install storm 目标:修改 Storm 源代码以支持自动重连文件:python安装目录/site-packages/storm/database.py 在41 ...

  2. BZOJ 4576: [Usaco2016 Open]262144

    Description 一个序列,每次可以将两个相同的数合成一个数,价值+1,求最后最大价值 \(n \leqslant 262144\) Sol DP. 这道题是 BZOJ 4580: [Usaco ...

  3. awk 双引号vs单引号

    centos下面, awk '{...}' 和 awk "{...}" 差别是很大的: [ywt@YuWentao]$ echo "a b c d 1 2 3 4&quo ...

  4. javascript小技巧

    事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture();  event.srcE ...

  5. CAEmitterLayer实现雪花效果

    CAEmitterLayer 简介 在iOS5.0中,Apple引入了CAEmitterLayer层,CAEmitterLayer是一个高性能的粒子效果引擎,被用来创建实时粒子动画,如:烟雾,火,雨等 ...

  6. C语言笔记一

    学习C语言已经有一段时间,然而发现越学不知道的东西越多,这是在印象笔记中记得一些东西,现在再回顾一遍顺便补充一些新东西. 一,基础知识 运算符号  优先级  单目>算术>关系 从高到低   ...

  7. js串讲整理

    js子级窗口向父级窗口传值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http ...

  8. MyBatis学习(三)

    输入和输出映射 resultType 指定输出结果的类型(pojo.简单类型.hashmap等),将sql查询结果映射为java对象 . 注意:sql查询的列名要和resultType指定pojo的属 ...

  9. [译]:Orchard入门——给网站添加新博客

    原文链接:Adding a Blog to Your Site 文章内容基于Orchard 1.8版本 Orchard提供一个博客引擎--这让添加一个新博客到你网站变得非常容易. 本文将介绍怎样添加一 ...

  10. Python学习笔记(二)——HelloWorld

    一.交互式化环境下书写代码 二.使用文本编辑器编辑.py文件 1.建议,使用Nodepad++,好看,免费,度娘直接搜素即可. 2.编写代码 3.保存为.py结尾的文件 4.使用cmd,打开到文件所在 ...