这两天看了一点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. PHP HTML代码反转义

    后端为了防止xss的攻击,会过滤前端用户的输入的数据,这样虽然有效的避免xss攻击,但是会带来一个问题,要么全部过滤html留下不非法的数据,要么把HTML代码转义,但是转义之后又会直接在浏览器内显示 ...

  2. 【Python基础学习五】列表,元祖,字典

    1.列表(list) 列表是Python的一种内置数据类型,list是一种有序的集合,可以随时添加和删除其中的元素,就像动态数组一样.获取list中的元素用角标获取,角标可以使用正角标,也可以使用负角 ...

  3. 【Python基础学习三】数字(Number)

    Python Number 数据类型用于存储数值. 数据类型是不允许改变的,这就意味着如果改变 Number 数据类型的值,将重新分配内存空间. Python 四种数值类型: 整型(Int) - 通常 ...

  4. RF执行顺序

    case: 按照定义的上下位置顺序执行,通过Ctrl+上下方向键,来改变执行次序. 包含suite的目录:按字母顺序. suite: 按字母顺序执行.可以加01__xxx.txt这样的前缀来控制顺序.

  5. 【数据采集】VBA数据采集可用 COM 组件

    windows 中提供了4个COM组件都可以进行数据采集. Wininet WinHttp XmlHttp MSHTML https://msdn.microsoft.com/en-us/librar ...

  6. union和union all 合并查询

    union联合查询 SELECT TOP ID,oTitle Title,oInfo Description,Pic Images AND UpTime > dateadd(day,-,UpTi ...

  7. LeetCode之383. Ransom Note

    -------------------------------------------- 思路就是进行频率统计. 统计一下第二个字符串字符出现次数++统计一下第一个字符串中字符出现次数--如果出现负数 ...

  8. C# 显示问题

  9. HDU5880 Family View(2016青岛网络赛 AC自动机)

    题意:将匹配的串用'*'代替 tips: 1 注意内存的使用,据说g++中指针占8字节,c++4字节,所以用g++交会MLE 2 注意这种例子, 12abcdbcabc 故失败指针要一直往下走,否则会 ...

  10. bootstrap 20161012

    栅格系统 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="u ...