学习使用html与css,并尝试写php
这两天看了一点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的更多相关文章
- 【CSS学习笔记】初始化CSS后,写li,并利用背景图片,来完成li小图标的效果,且达到个浏览器兼容
第一种情况 /*当标题前的图标时单独的一个点儿或者方块或者其他类似图标时,定义背景图background要放在<li>里. 在<li>中设置背景图片的尺寸,地址,不重复, ...
- 嵌入式css样式,写在当前的文件中
现在有一任务,把下面的“超酷的互联网”.“服务及时贴心”.“有趣易学”这三个短词文字字号修改为18px. 如果用内联式css样式的方法进行设置将是一件很头疼的事情(为每一个<span>标签 ...
- 李洪强和你一起学习前端之(6)css行高,盒模型,外边距
李洪强和你一起学习前端之(6)css行高,盒模型,外边距 复习昨天的知识 1.1css书写位置: 内嵌式写法 外联式写法 <link href = "1.css" rel = ...
- web前端学习(三)css学习笔记部分(8)-- SVN的介绍和应用、CSS动画效果、CSS3布局属性全接触
15.SVN的介绍和应用 15.1.SVN的介绍和应用课程概要 将代码进行集中管理,有版本号的进行迭代,方便集体工作的build流程 15.2.SVN的介绍 SVN是Subversion的简称,是一个 ...
- 外部式css样式,写在单独的一个文件中
外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<l ...
- 2017年学习的三个CSS新特性
这是翻译的一篇文章,原文是:3 New CSS Features to Learn in 2017,翻译的不是很好,如有疑问欢迎指出. 新的一年,我们有一系列新的东西要学习.尽管CSS有很多新的特性, ...
- CSS学习笔记一:css 画平面图形
最近在学习CSS,先从CSS画点平面图形入手,发现除了正方形.长方形此类比较简单,只要有长宽设置恰当即可,画圆要涉及radius,然后恢复到做界面的最讨厌的状态了,不断的修改设值,调整数据,所幸并不多 ...
- CSS学习笔记二:css 画立体图形
继上一次学了如何去运用css画平面图形,这一次学如何去画正方体,从2D向着3D学习,虽然有点满,但总是一个过程,一点一点积累,然后记录起来. Transfrom3D 在这一次中运用到了一下几种属性: ...
- 从零开始学习PYTHON3讲义(十四)写一个mp3播放器
<从零开始PYTHON3>第十四讲 通常来说,Python解释执行,运行速度慢,并不适合完整的开发游戏.随着电脑速度的快速提高,这种情况有所好转,但开发游戏仍然不是Python的重点工作. ...
随机推荐
- Python ORM Storm 源码修改
安装 storm : pip install storm 目标:修改 Storm 源代码以支持自动重连文件:python安装目录/site-packages/storm/database.py 在41 ...
- BZOJ 4576: [Usaco2016 Open]262144
Description 一个序列,每次可以将两个相同的数合成一个数,价值+1,求最后最大价值 \(n \leqslant 262144\) Sol DP. 这道题是 BZOJ 4580: [Usaco ...
- awk 双引号vs单引号
centos下面, awk '{...}' 和 awk "{...}" 差别是很大的: [ywt@YuWentao]$ echo "a b c d 1 2 3 4&quo ...
- javascript小技巧
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcE ...
- CAEmitterLayer实现雪花效果
CAEmitterLayer 简介 在iOS5.0中,Apple引入了CAEmitterLayer层,CAEmitterLayer是一个高性能的粒子效果引擎,被用来创建实时粒子动画,如:烟雾,火,雨等 ...
- C语言笔记一
学习C语言已经有一段时间,然而发现越学不知道的东西越多,这是在印象笔记中记得一些东西,现在再回顾一遍顺便补充一些新东西. 一,基础知识 运算符号 优先级 单目>算术>关系 从高到低 ...
- js串讲整理
js子级窗口向父级窗口传值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http ...
- MyBatis学习(三)
输入和输出映射 resultType 指定输出结果的类型(pojo.简单类型.hashmap等),将sql查询结果映射为java对象 . 注意:sql查询的列名要和resultType指定pojo的属 ...
- [译]:Orchard入门——给网站添加新博客
原文链接:Adding a Blog to Your Site 文章内容基于Orchard 1.8版本 Orchard提供一个博客引擎--这让添加一个新博客到你网站变得非常容易. 本文将介绍怎样添加一 ...
- Python学习笔记(二)——HelloWorld
一.交互式化环境下书写代码 二.使用文本编辑器编辑.py文件 1.建议,使用Nodepad++,好看,免费,度娘直接搜素即可. 2.编写代码 3.保存为.py结尾的文件 4.使用cmd,打开到文件所在 ...