php学习交流博客

好好写代码,好好痛她

#

CSS简单滑动导航菜单制作

    没怎么写过这种纯技术类的东西.所以,对于写的东西也不太会很细致的分析和讲解.只是写在这里作为自己学习过程中的一个记录,但愿这些只言片语也希望在这里和大家分享,学习,交流,共同的进步.
   
    关于导航菜单是任何网页中不可获取的一部分,所以,掌握这部分的内容也就尤为重要.今天写的这个实例也是老师讲解的例子.效果很不多,易于理解,代码量也很少.

    如果有接触css的童鞋们都应该知道伪类Pseudo-Classes这个特性.如果不知道的自己去查手册.[一定要知道手册的重要性,常备于身边,以备需要].伪类做用于a标签.通过link.hover.visited等属性实现滑动菜单的效果
    实例效果如果下
   
下面是上面实例的代码: 
   1. 内容部分  content代码:
1 <div>
2     <ul class="links">
3     <li><href="#">home</a></li>
4     <li><href="#">about</a></li>
5     <li><href="#">news</a></li>
6     <li><href="#">blog</a></li>
7     <li><href="#">content</a></li>
8     </ul>
9 </div>

  2. 表现部分  css代码:
 1 <style>
 2 .links{
 3     height:30px;
 4     width:100%;
 5     border-bottom:1px solid red;
 6 }
 7 .links li{
 8     display:inline;
 9     line-height:30px;    
10 }
11 .links a{
12     color:white;
13     background-color:red;
14     line-height:30px;
15     margin-left:10px;
16     padding:10px;
17     font-size:14px;
18     font-weight:bold;
19     text-decoration:none;
20 }
21 .links a:hover{
22     color:#000;
23     background-color:#006600;
24 }
25 </style>

posted @ 2010-03-09 17:14 王吉刚 阅读(726) | 评论 (0)编辑 收藏

Efficient, maintainable CSS[高效的CSS]

posted @ 2010-03-09 16:31 王吉刚 阅读(595) | 评论 (0)编辑 收藏

深入 CSS 行高


       

翻译自 Russ WeakleyLine Height

一个简单的, step-by-step 关于 CSS 行高的演示文档, 涵盖行间距, 如何应用各种类型的行高值, 当然还有 inline box 模型介绍, 希望能满足您

(但实战应用在中文字体或中英文字体混合,以及IE678,XP win7里,行高规则又有所不同,泪流满面)

posted @ 2010-03-09 16:22 王吉刚 阅读(514) | 评论 (0)编辑 收藏

03.08_php学习笔记—CSS03

  
    第一周的学习结束,开始新的一周了.老师讲课总体还是可以.课程进展速度也还好.虽然有点快.但每天的练习还是非常的充实.也希望自己能够更加的努力,保持更好的状态.play up!!!
   
    做了个老师安排的demo.是完全css+div 布局的,因为自己之前就有涉猎css前端方面的技术,所以,做起来还是得心应手的.但是也还是遇见很多的问题.通过学习更好的把css没有的一些标签拿出来熟悉熟悉. 今天一天困扰着几个问题。  但都是css  hack方面的.为了将写的demo兼容多浏览器(测试用的是IE,FireFox)中间遇见了几个突出的问题.
    第一个就是列表标签里面的图片问题.添加图片都是用list-style-image添加图片. 但是在调试的过程中ie支持,Firefox不支持.问老师,老师说解决办法有 backgroud-image可以调试好.也希望您在看到这的时候,可以交流,有没有更好的 解决办法.[本来想写个测试的,没时间哈.以后有时间补上]
    第二个就是关于像素px的问题,在ie和Firefox的显示效果也是不一样的(我都是用hack方法调试了一下,但还是没有找到更好的解决办法)

    新闻说今天又是大雪(or 暴雪)外面好像也开始飘起雪花了 .要走了 demo文件刚刚忘记传了.明天补上.谢谢!


    明天见!!

       Good morning!!   

                              补上    DEMO下载点击(惦记)这里



 
    

posted @ 2010-03-08 16:20 王吉刚 阅读(433) | 评论 (0)编辑 收藏

毕业后的5年 决定你的命运【注明转载】


正如”打工皇帝”唐骏说:”我觉得有两种人不要跟别人争利益和价值回报。第一种人就是刚刚进入企业的人,头5年千万不要说你能不能多给我一点儿工资,最重要的是能在企业里学到什么,对发展是不是有利……”

人总是从平坦中获得的教益少,从磨难中获得的教益多;从平坦中获得的教益浅,从磨难中获得的教益深。一个人在年轻时经历磨难,如能正确视之,冲出黑暗,那就是一个值得敬慕的人。最要紧的是先练好内功,毕业后这5年就是练内功的最佳时期,练好内功,才有可能在未来攀得更高。


悦读时间:毕业后的5年 决定你的命运
出路在哪里?出路在于思路!

其实,没有钱、没有经验、没有阅历、没有社会关系,这些都不可怕。没有钱,可以通过辛勤劳动去赚;没有经验,可以通过实践操作去总结;没有阅历,可以一步一步去积累;没有社会关系,可以一点一点去编织。但是,没有梦想、没有思路才是最可怕的,才让人感到恐惧,很想逃避! 人必须有一个正确的方向,无论你多么意气风发,无论你是多么足智多谋,无论你花费了多大的心血,如果没有一个明确的方向,就会过得很茫然,渐渐就丧失了斗志,忘却了最初的梦想,就会走上弯路甚至不归路,枉费了自己的聪明才智,误了自己的青春年华。

荷马史诗《奥德赛》中有一句至理名言:“没有比漫无目的地徘徊更令人无法忍受的了。”毕业后这5年里的迷茫,会造成10年后的恐慌,20年后的挣 扎,甚至一辈子的平庸。如果不能在毕业这5年尽快冲出困惑、走出迷雾,我们实在是无颜面对10年后、20年后的自己。毕业这5年里,我们既有很多的不确 定,也有很多的可能性。

毕业这5年里,我们既有很多的待定,也有很多的决定。

迷茫与困惑谁都会经历,恐惧与逃避谁都曾经有过,但不要把迷茫与困惑当作可以自我放弃、甘于平庸的借口,更不要成为自怨自艾、祭奠失意的苦酒。生命 需要自己去承担,命运更需要自己去把握。在毕业这5年里,越早找到方向,越早走出困惑,就越容易在人生道路上取得成就、创造精彩。无头苍蝇找不到方向,才 会四处碰壁;一个人找不到出路,才会迷茫、恐惧。

生活中,面对困境,我们常常会有走投无路的感觉。不要气馁,坚持下去,要相信年轻的人生没有绝路,困境在前方,希望在拐角。只要我们有了正确的思路,就一定能少走弯路,找到出路!

成功的人不是赢在起点,而是赢在转折点。

不少刚刚毕业的年轻人,总是奢望马上就能找到自己理想中的工作。然而,很多好工作是无法等来的,你必须选择一份工作作为历练。职业旅程中的第一份工 作,无疑是踏入社会这所大学的起点。也许你找了一份差强人意的工作,那么从这里出发,好好地沉淀自己,从这份工作中汲取到有价值的营养,厚积薄发。千里之 行,始于足下,只要出发,就有希望到达终点。起点可以相同,但是选择了不同的拐点,终点就会大大不同!

毕业这几年,我们的生活、感情、职业等都存在很多不确定的因素,未来也充满了各种可能。这个时候,必须学会选择,懂得放弃,给自己一个明确的定位,使自己稳定下来。如果你不主动定位,就会被别人和社会”定型”!

可以这么说:一个人在毕业这5年培养起来的行为习惯,将决定他一生的高度。我们能否成功,在某种程度上取决于自己对自己的评价,这就是定位。你给自 己定位是什么,你就是什么。定位能决定人生,定位能改变命运。丑小鸭变成白天鹅,只要一双翅膀;灰姑娘变成美公主,只要一双水晶鞋。

人的命,三分天注定,七分靠打拼,有梦就”会红”,爱拼才会赢。只要不把自己束缚在心灵的牢笼里,谁也束缚不了你去展翅高飞。

现实情况远非他们所想的那样。于是,当优越感逐渐转为失落感甚至挫败感时,当由坚信自己是一块”金子”到怀疑自己是一粒”沙子”时,愤怒、迷茫、自卑就开始与日俱增。

其实,应该仔细掂量一下自己,你是否真是金子?是真金,手中要有绝活,才能上要有过人之处才行。一句话:真金是要靠实力来证明的,只有先把自己的本领修炼好了,才有资格考虑伯乐的事情。 每颗珍珠原本都是一粒沙子,但并不是每一粒沙子都能成为一颗珍珠。

想要卓尔不群,就要有鹤立鸡群的资本。忍受不了打击和挫折,承受不住忽视和平淡,就很难达到辉煌。年轻人要想让自己得到重用,取得成功,就必须把自己从一粒沙子变成一颗价值连城的珍珠。

天气有下雨与日出,人生有高峰与低谷。莫为浮云遮望眼,风物长宜放眼量。只要拂去阴霾,就能亮出朗朗晴空。如果你在工作上有些不如意,要相信自己不 会一直处于人生的低谷期,总有一天能冲破重重云层。告诉自己:我并没有失败,只是暂时没有成功!只要在内心点亮一盏希望之灯,一定能驱散黑暗中的阴霾,迎 来光明。

的确,论资历,他们是不折不扣的职场菜鸟,业务涉及不深,人脉一穷二白,在工作中经常碰壁。他们的压力并不一定都像千钧大石,而是像大雨来临前的天色,灰色低沉,明明有空间,却被灰色填满每个缝隙,只能等待大雨倾盆之后的晴空。

”起得比鸡早,睡得比狗晚,干得比驴多,吃得比猪差。”这是很多刚刚毕业的人喜欢用来调侃自己生活状态的话。虽然有点儿夸张,但是,他们中的很多人 的确一直都被灰色心情所笼罩——心里永远是多云转阴。记得有位哲人曾说:“我们的痛苦不是问题本身带来的,而是我们对这些问题的看法产生的。”换个角度看 人生,是一种突破、一种解脱、一种超越、一种高层次的淡泊与宁静,从而获得自由自在的快乐。

一位哲人说:”人生就是一连串的抉择,每个人的前途与命运,完全把握在自己手中,只要努力,终会有成。”就业也好,择业也罢,创业亦如此,只要奋发努力,都会成功。你是不是准备把生命的承诺全部都交给别人?

毕业后这5年,是改变自己命运的黄金时期。在最能决定自己命运时,如果还不把握,那你还要等到什么时候呢?我的人生我做主,命运由己不由人。

不要活在别人的嘴里,不要活在别人的眼里,而是把命运握在自己手里。

别说你没有背景,自己就是最大的背景。美国作家杰克·凯鲁亚克说过一句话:” 我还年轻,我渴望上路。”在人生的旅途中,我们永远都是年轻人,每天都应该满怀渴望。每个人的潜能都是无限的,关键是要发现自己的潜能和正确认识自己的才 能,并找到一个能充分发挥潜能的舞台,而不能只为舞台的不合适感到不快。要客观公正地看待自己的能力,结合自己的实际情况和爱好冷静选择,尽可能到最需要 自己、最适合自己的地方。

在人力资源管理界,特别流行一个说法,即“骑马,牵牛,赶猪,打狗”理论:人品很好,能力又很强的,是千里马,我们要骑着他;人品很好但能力普通的,是老黄牛,我们要牵着他;人品、能力皆普通的,就是”猪”,我们要赶走他;人品很差能力很强的,那是”狗”,我们要打击他。

我想,刚刚毕业几年的你,一样胸怀大志,一样想成为一匹被人赏识、驰骋沙场的千里马吧?那么,就好好沉淀下来。低就一层不等于低人一等,今日的俯低是为了明天的高就。所谓生命的价值,就是我们的存在对别人有价值。能被人利用是一件好事,无人问津才是真正的悲哀!

能干工作、干好工作是职场生存的基本保障。任何人做工作的前提条件都是他的能力能够胜任这项工作。能干是合格员工最基本的标准,肯干则是一种态度。 一个职位有很多人都能胜任,都有干好这份工作的基本能力,然而,能否把工作做得更好一些,就要看是否具有踏实肯干、苦于钻研的工作态度了。

在能干的基础上踏实肯干。工作中,活干得比别人多,你觉得吃亏;钱拿得比别人少,你觉得吃亏;经常加班加点,你觉得吃亏……其实,没必要这样计较, 吃亏不是灾难,不是失败,吃亏也是一种生活哲学。现在吃点儿小亏,为成功铺就道路,也许在未来的某个时刻,你的大福突然就来了。

能吃亏是做人的一种境界,是处世的一种睿智。

在工作中并不是多做事或多帮别人干点儿活就是吃亏。如果领导让你加加班、赶赶任务,别以为自己吃了大亏,反而应该感到庆幸,因为领导只叫了你,而没叫其他人,说明他信任你、赏识你。吃亏是一种贡献,你贡献得越多,得到的回报也就越多。乐于加班,就是这样的一种吃亏。

舍得舍得,有舍才有得;学会在适当时吃些亏的人绝对不是弱智,而是大智。

给别人留余地就是给自己留余地,予人方便就是予己方便,善待别人就是善待自己。

傻人有傻福,因为傻人没有心计。和这样的人在一起,身心放松,没有太多警惕,就能相互靠近。傻在很多时候意味着执着和忠贞,也意味着宽厚和诚实,让 人不知不觉站到他一边。傻人无意中得到的,比聪明人费尽心机得到的还多。毕业这几年,你的天空中只飘着几片雪花,这样你就满足了吗?成功需要坚持与积累, 与其专注于搜集雪花,不如省下力气去滚雪球。巴菲特说:”人生就像滚雪球,最重要的是发现很湿的雪和很长的坡。”让自己沉淀下来,学着发现”很湿的雪”, 努力寻找”很长的坡”。记住:散落的雪花会很快融化,化为乌有,只有雪球才更实在,才能长久。

在毕业这几年里,你要是能做到比别人多付出一分努力,就意味着比别人多积累一分资本,就比别人多一次成功的机会。

什么是职业化呢?职业化就是工作状态的标准化、规范化、制度化,即在合适的时间、合适的地点用合适的方式说合适的话、做合适的事,使知识、技能、观念、思维、态度、心理等符合职业规范和标准。

”在每个行业里,都有很多出色的人才,他们之所以能存在,是因为比别人更努力、更智慧、更成熟。但是,最重要的是,他们比一般人更加职业化!这就是 为什么我现在能当你老板的原因。一个人仅仅专业化是不够的,只有职业化的人才能飞在别人前面,让人难以超越!”不要以为我们现在已经生存得很安稳了。对于 毕业5年的人来讲,一定要认清即将面临的五大挑战。

一、赡养父母。

二、结婚生子。

三、升职加薪。

四、工作压力。

五、生活质量。

有的人为生存而雀跃,目光总是停在身后,三天打鱼两天晒网,有始无终。有的人为发展而奋斗,目光总是盯在正前方,每天进步一点点,坚持不懈。

毕业这几年,不能没有追求和探索,不能没有理想和目标。人生如逆水行舟,不进则退。甘于现状的生活就是不再前行的船,再也无法追上时代前进的步伐。 一定要抓紧每一秒钟的时间来学习,要明白学习不是学生的专利。小聪明的人最得意的是:自己做过什么?大智慧的人最渴望的是:自己还要做什么?

小聪明是战术,大智慧是战略;小聪明看到的是芝麻,大智慧看到的是西瓜。

在这个世界上,既有大人物,也有小角色,大人物有大人物的活法,小人物有小人物的潇洒,每个人都有自己的生活方式,谁也勉强不了谁。但是,小聪明只能有小成绩和小视野,大智慧才能有大成就和大境界。小企业看老板,中企业看制度,大企业看文化。

小公司与大企业都有生存之道,没有好坏之分,但对一个人不同阶段的影响会不同。

小公司肯定想要发展为大企业,这是一种目标,年轻人也要给自己的职业生涯制定目标。毕业几年的你,是否经常会怯场或者是感到没有底气?居安思危绝对不是危言耸听!此刻打盹,你将做梦;此刻学习,你将圆梦。在竞争激烈的人生战场上,打盹的都是输家!

每个人在年轻的时候似乎都豪情万丈,什么都不怕,可是随着年龄的增长,每天想着房子、工作、养家糊口这些俗事儿,再也没有年轻时那种敢于”上天探 星、下海捞月”的勇气了。是我们改变了生活,还是生活改变了我们?我们的思想越来越复杂,因为有了越来越多的舍不得、越来越多的顾虑,我们总是在徘徊、总 是在犹豫。毕业开始一两年,生活的重担会压得我们喘不过气来,挫折和障碍堵住四面八方的通口,我们往往在压迫得自己发挥出潜能后,才能杀出重围,找到出 路。可是两三年后,身上的重担开始减轻,工作开始一帆风顺,我们就松懈了下来,渐渐忘记了潜在的危险。直到有一天危机突然降临,我们在手足无措中被击 败……毕业这几年,仍然处于危险期,一定要有居安思危的意识,好好打拼,这样才能有一个真正的安全人生!

生于忧患,死于安乐。如果你想跨越自己目前的成就,就不能画地自限,而是要勇于接受挑战。对畏畏缩缩的人来说,真正的危险正在于不敢冒险!

年轻人在社会的重压下,适应能力已变得越来越强,只是他们不自觉地习惯被环境推着走。他们不敢冒险,怕给自己带来终身的遗憾,于是告慰自己:”我对 得起自己、对得起家人,因为我已竭尽全力。”其实,人只有不断挑战和突破才能逐渐成长。长期固守于已有的安全感中,就会像温水里的青蛙一样,最终失去跳跃 的本能。

经历了这几年社会生活,你应该明白:这个世界上有富也有贫,有阴也有亮,有丑也有美,到底看到什么,取决于自己是积极还是消极。在年轻时学会勤勉地工作,用一种光明的思维对待生活,那么,只要张开手掌,你就会发现,里面有一片灿烂的人生。

把感恩刻在石头上,深深地感谢别人帮助过你,永远铭记,这是人生应有的一种境界;把仇恨写在沙滩上,淡淡忘掉别人伤害过你,学会宽容,让所有的怨恨随着潮水一去不复返,这也是一种人生境界。

学会倒出水,才能装下更多的水。从毕业那天开始,学会把每天都当成一个新的起点,每一次工作都从零开始。如果你懂得把”归零”当成一种生活的常态,当成一种优秀的延续,当成一种时刻要做的事情,那么,经过短短几年,你就可以完成自己职业生涯的正确规划与全面超越。

在职业起步的短短道路上,想要得到更好、更快、更有益的成长,就必须以归零思维来面对这个世界。不要以大学里的清高来标榜自己,不要觉得自己特别优 秀,而是要把自己的姿态放下,把自己的身架放低,让自己沉淀下来,抱着学习的态度去适应环境、接受挑战。放下”身段”才能提高身价,暂时的俯低终会促成未 来的高就。

年轻人从校园或者从一个环境进入一个新环境,就要勇于将原来环境里熟悉、习惯、喜欢的东西放下,然后从零开始。我们想在职场上获得成功,首先就要培 养适应力。从自然人转化为单位人是融入职场的基本条件。一个人起点低并不可怕,怕的是境界低。越计较自我,便越没有发展前景;相反,越是主动付出,那么他 就越会快速发展。很多今天取得一定成就的人,在职业生涯的初期都是从零开始,把自己沉淀再沉淀、倒空再倒空、归零再归零,正因为这样,他们的人生才一路高 歌,一路飞扬。

在毕业这几年里,我们要让过去归零,才不会成为职场上那只背着重壳爬行的蜗牛,才能像天空中的鸟儿那样轻盈地飞翔。请好好品味一下杰克·韦尔奇说过 的一句话:”纠正自己的行为,认清自己,从零开始,你将重新走上职场坦途。” 吐故才能纳新,心静才能身凉,有舍才能有得,杯空才能水满,放下才能超越。

归零思维五大表现:心中无我,眼中无钱,念中无他,朝中无人,学无止境。

年轻人难免带着几分傲气,认为自己无所不能、所向披靡,其实不然,初入职场的新人还是个”婴儿”,正处在从爬到走的成长阶段。在毕业这几年里,一定 要让自己逐步培养起学徒思维、海绵思维、空杯思维,具有这样思维的人心灵总是敞开的,能随时接受启示和一切能激发灵感的东西,他们时刻都能感受到成功女神 的召唤。


 

posted @ 2010-03-06 16:21 王吉刚 阅读(1193) | 评论 (0)编辑 收藏

03.06_php学习笔记—CSS02

   

   今天是2010.3.6立春都快有接近一个月左右的时间了,前段时间都30度左右的.接着又下了一个星期的雨.今天开始下雪起来了,海啸,地震,最近大家都在讨论地球怎么了. 2012越来越近了.

     不知道写啥,就聊聊这些废话,以前还写空间的,现在没时间,就偶尔在这边罗嗦几句了.

     css进入第二天的学习,周六,我们也一样是安排有课的. 然后老师没讲什么新内容,就都在做练习,看讲义, 可能是周六的原因,早上都好多人迟到(包括 Mr FANG), 老师讲课听着也犯晕. 然后,把昨天的练习讲解了一遍.介绍了一些常用属性.
    
     讲义还是放在这边 要的  点击(点击)我下载 

posted @ 2010-03-06 15:34 王吉刚 阅读(476) | 评论 (0)编辑 收藏

03.05_php学习笔记—CSS01

    合肥的天气都下了快一个星期的雨了,观望一下外面的天气,雨小了的提前回去了(早上为了省事,没有的带雨伞).
     废话少说,还是想快些和大家分享今天的学习心得.
     昨天,的table布局的demo搞了一下午. 真是惨!不过还好,坚持过来了. 今天开始开始进入到强大的CSS部分的学习了.很是兴奋. 狂热的粉丝... 
     还是来把今天的知识回顾一下吧.(还要早点回呢)
    介绍了一下CSS。
    讲义是这么解释的:CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」
     是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
    语法:  1.选择器 { 属性名:属性值;[属性名:属性值;] } 
           2.选择器 {
                属性名:属性值;
                [属性名:属性值;]
             }
    CSS的三种引用方法:
         1.外部样式表文件引入
<link rel="stylesheet" href="style.css" type="text/css">
         2.内部样式标签定义(写在head部分)
   
1 <style type="text/css">
2 body{
3    background-color:red;
4 }
5 </style>
         3.标签行内定义
<style="font-size:12px;">文本内容</p>

这里要注意的一点就是三种引用的优先级问题. 最接近目标的样式定义优先权越高。
但是在同一CSS定义内容中,用!important提升优先级

接着讲了层容器div 和内嵌块标签span
基本元素选择器和多元素选择器 具体见下载包作业002.html和003.html

最后讲了一部分常见属性.
但明天应该更详细的讲解. 到时候在写具体的

       最后,还是谢谢您的阅读. 这里有提供的学习讲义和练习代码给大家下载,希望认识更多的朋友.交流学习.                                                          点击(惦记)我下载


posted @ 2010-03-05 15:43 王吉刚 阅读(501) | 评论 (0)编辑 收藏

03.04_php学习笔记—HTML03


    抱歉抱歉!!!昨天下午终于有点事做,没闲着(虽然在重复着重复的劳动哈).这边也就没来得及更新..

HTML部分的知识就三天时间,基本上都讲完了.

在这里,我也来总结一下吧.

第一天  1.从html简介,特点,HTML标准,浏览器兼容性,查看源码
        2.html页面的基本结构
        3.html标签
            标签属性,内容,分类,以及常用标签属性的详解head、body、br、hr、center、font、    p、pre.注释标签<!--  ... --> 字符控制标签b、i...标题标签<h1>...<h6>.列表标签:无序列表ul和有序列表ol.
第二天  详细讲解了表格table的属性,超链接a以及图像标签img.
第三天  1.详细讲解了表单form,input输入控件,提交按钮,上传文件...
        2.框架frame.frameset框架集
        3.多媒体标签embed

这些也都是些常用属性的介绍和应用. 结合这些用分别用table布局和框架集做了两个demo,在下载讲义一起.
希望大家拍砖...

好了,还是把讲义也补上吧.  点击(惦记)我下载




posted @ 2010-03-05 12:45 王吉刚 阅读(482) | 评论 (0)编辑 收藏

HTML绝对路径和相对路径测试

HTML初学者会经常遇到这样一个问题,如何正确引用一个文件。比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网页中插入一张图片?......

如果你在引用文件时(如加入超链接,或者插入图片等),使用了错误的文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。

为了避免这些错误,正确地引用文件,更好的理解这些问题,下午的学习测试了一下HTML路径。

HTML有2种路径的写法:相对路径和绝对路径。

文件目录:


HTML相对路径(Relative Path)

同一个目录的文件引用

如果源文件和引用文件在同一个目录里,直接写引用文件名即可。

我们现在建一个源文件a.html,在ab.html里要引用a.html文件作为超链接。

a.html路径是:..\test\a.html

ab.html路径是:..\test\ab.html

在a.html加入ab.html超链接的代码应该这样写:

<href = "ab.html">链接ab.html</a>

如何表示上级目录

../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。

b.html路径是:..\test\test2\b.html

a.html路径是:..\test\a.html

在b.html加入a.html超链接的代码应该这样写:

<href = "../a.html">链接a.html</a>

d.html路径是:..\test\test1\test01\d.html

a.html路径是:..\test\a.html

在d.html加入a.html超链接的代码应该这样写:

<href = "../../a.html">链接a.html</a>

c.html路径是:..\test\test1\c.html

b.html路径是:..\test\test2\b.html

在c.html加入b.html超链接的代码应该这样写:

<href = "../test2/b.html">链接b.html</a>

如何表示下级目录

引用下级目录的文件,直接写下级目录文件的路径即可。

假设b.html路径是:..\test\test2\b.html

假设d.html路径是:..\test\test2\test01\d.html

在b.html加入d.html超链接的代码应该这样写:

<href = "../test1/test01/d.html">链接d.html</a>

假设a.html路径是:..\test\a.html

假设d.html路径是:..\test\test1\test01\d.html

在a.html加入d.html超链接的代码应该这样写:

<href = "..\test\test1\test01\d.html">链接d.html</a>

HTML绝对路径(Absolute Path)

HTML绝对路径(absolute path)指带域名的文件的完整路径。

假设你注册了域名www.a.com,并申请了虚拟主机,你的虚拟主机提供商会给你一个目录,比如www,这个www就是你网站的根目录。

假设你在www根目录下放了一个文件index.html,这个文件的绝对路径就是:

http://www.a.com/index.html。

假设你在www根目录下建了一个目录叫test,然后在该目录下放了一个文件index.html,这个文件的绝对路径就是http://www.a.com/test/index.html。

posted @ 2010-03-03 17:34 王吉刚 阅读(837) | 评论 (0)编辑 收藏

03.03_php学习笔记—HTML02

    hello,郁闷的一天终于结束了!
    html真是够枯燥的内容,向老师问个问题,答案基本上是.这个以后我们不怎么用,都是用css取代实现.
哎!那我不知道讲那些千百年都不用的 属性是干嘛?
    html这部分虽然不是什么新内容,自己也都知道.但还是认认真真的把标签,属性练习了一下.
今天的内容主要讲了表格table,超链接a.锚点链接.img.还有一些应该叫技巧吧
觉得老师补充了一部分关于绝对路径和相对路径的问题.收获蛮多的的
关这个问题我另外写了一篇 叫HTML中的绝对路径和相对路径的异同点

    老师给了给练习.也简单的写了下.我放在讲义一起.如果看了就不要取笑哈.学习阶段.
然后,现在每天空出大量的时间,准备把Javascript提前预习预习,但没毅力.还是要调整自己 哈.....
  晚上回去反省


讲义下载点击(惦记)我

  

posted @ 2010-03-03 16:49 王吉刚 阅读(466) | 评论 (0)编辑 收藏

仅列出标题
共8页: 1 2 3 4 5 6 7 8