第一篇:个人推荐的DIV+CSS选项卡html代码(共)
/*TAB布局*/
#tab * {font-size:12px;}
#tab h3 a {display:inline-block;}
#tab h3 a {display:block;}
#tab {position:relative;}
#tab h3,#tab ul,#tab div,#tab li {margin:0;padding:0;list-style-type:none;}
#tab ul li {position:absolute;left:0;top:0;float:left;display:block;width:100px;height:30px;font-size:0;} #tab ul li#tab2 {left:100px;}
#tab ul li#tab3 {left:200px;}
#tab ul li#tab4 {left:300px;}
#tab ul li div {position:absolute;clear:both;}
#tab ul li div#oDIV2 {left:-100px;}
#tab ul li div#oDIV3 {left:-200px;}
#tab ul li div#oDIV4 {left:-300px;}
/*TAB-标题修饰*/
#tab,#tab ul li div,#tab ul li div li {width:450px;}/* 设置总宽度[width] */
#tab {height:200px;background:#ccc;overflow:hidden;}/* 设置总高度[height]、标题背景颜色
[background] */
#tab ul li h3 a {height:18px;padding:5px 0 2px;margin:5px 0px 0px 5px;text-align:center;border:solid #ccc 1px;border-bottom:none;color:#333;}/* 标题默认状态 */ #tab ul li h3 a:hover {background-color:#ddd;border-color:#fff;}/* 鼠标经过状态 */
#tab ul li.up h3 a {background:#999;border-color:#fff #999 #999 #fff;color:#fff;}/* 当前窗口状态 */
#tab ul li div {border:solid #999;border-width:1px 0;background:#f7f7f7;height:167px;}/* 设置内容高度[height]、背景颜色[background]、上下分割线[border] */
/*TAB1效果[ol/li]*/
#tab ul li #oDIV1 ol {margin:8px;padding:0;}
#tab ul li #oDIV1 ol li {position:static;float:none;font-size:0;height:auto;}
#tab ul li #oDIV1 ol li a {font-size:12px;display:block;padding:5px 0 1px;}
/*TAB2效果[img]*/
#tab ul li #oDIV2 img {margin:8px;border:none;}
/*TAB3效果[iframe]*/
#tab ul li #oDIV3 iframe {border:none;width:440px;height:157px;margin:5px;}
第二篇:HTML代码个人简历
粘贴相片 | 姓名: | |||
---|---|---|---|---|
年龄: | ||||
性别: | ||||
学历 | ||||
中学阶段 | 起止时间 | 学校名字 | ||
大学阶段 | 起止时间 | 学校名字 | 院系 | |
职历 | ||||
起止时间 | 单位名称 | 职位 | ||
第三篇:html个人简历的代码
个人简历
第四篇:网站建设基础HTML代码总结
网站建设基础HTML代码总结
1、title
“擒贼先擒王”而这个王就是网站的title,网站最关键的就是一个页面中的TITLE,注意,在我们自己一个网站上所有的TITLE不要一模一样,如果是一个栏目,就让TITLE是你的栏目名,如果是文章,就让你的TITLE是你的文章名,千万不要有太多的页面TITLE相同。TITLE是 SEO的重中之重,搜索引擎主要是靠TITLE来索引你的页面。要在TITLE的前面十来个字符,放上最能标志你这个页面内容的主题词。TITLE的优化,在这个CMS中,有一个TITLE标签,这个标签,能设置首页,内容页,栏目页显示不同的内容,首页显示为网站名字,栏目名,自动取栏目的内容,内容页自动取文章的标题,还可以另外设置特定的前缀或后缀,作得非常到位。
2、链接和路径
对于链接就要看我们自己怎么去看待这些链接,特别是内部链接,这对于网站也是非常重要的,而对于有条件的组织网站的连接,让网站的所有页面,都通过URL连接,合理有效的交织在一起,让搜索引擎的蜘蛛程序,能从一个入口,寻着你的URL,收录完所有的页面。但是,有时间网站的路径太长也会影响蜘蛛的爬行,就像我们的网站在我刚做这个网站时间基本上每天根本就没有蜘蛛的爬行,这个原因就是网站的路径过长造成蜘蛛爬行时不能识别路径,最终导致网站的收录很少,这就需要我们对路径进行优化,我们可以利用二级域名来减短路径的长度,这样会对收录起到很好的作用。全站的交错连
接 保证搜索引擎能检索到,还自动生成了网站地图。保证搜索引擎能检索到网站中的每一个页面。
3、死链接
作为站长,我想我们大家都应该做一个有心的站长,站长应注意每天坚持检查网站的所有链接,尽量避免自己网站里面有死连接,因为做外链一定要有一定的效果,不能只一味地去做链接也不管它有没有效果,如果这样下去网站的排名也不会上去的。而在我们做外链时间也要十分注意,千万不要链那种搜索引擎中的黑名单网站,比如法律禁止的网站,或是有SEO作弊的网站,像这样的站他们现在虽然是存在的而且访问量也比较高,但是我们要去想一想他能持续多久,死链我们要注意,而这样的站也要我们去多关注,尽量不要招惹这些站。
4、Keywords 和 Description
这两个就相当于一个网站灵魂了,Keywords是我们搜索时所要输入的词,而Description 却是你搜索到你想要的内容时第一眼看到,从这里你就可以看出它们的重要性了,其实现在在这凭空的说也不容易理解就举个例子吧!在我工作时间曾经做过这航模培训类的网站,这个网站优的的关键词是航模培训,当我接到这个词后我做了一个分析:
首先Keywords选定 我要去做培训这个词,这是我第一时间想到的,如果能把这个词做上去就会达到很好的效果。但是问题又出来了,当我去在百度上去搜这个词时间做百度推广的基本上已经占了全
部的位置,做这个词是不可能的,所以我选择了几个其它的关键词。在以后的工作中我就在这些关键词上下功夫,最后也达到了不错的效果,这些词在百度的排名基本上都在首页的位置,这就是对关键词选定要多考虑。
再次就是Description 在我看来描述就像是一篇好的文章的中心思想,我们在做的时间一定要把握中心,然后就是再加上自己的一点点的创新,写出吸引人的网站描述。
最后就是 KeywordsDescription自动优化,系统有一个专门的SEO标签,首页的可以手工设置这个,栏目页的系统会自动取栏目中设置好的关键字和简介,如果没有设置,可以设置为取特定编写的字符,在内容页时,会自动取文章的关键字,自动过滤文章内容的HTML后,取前150个字符作Description。当然,如果觉得程序自动取提不优化,深圳网站建设公司建设你要手工设置这些也是可以的。这一下,系统就自动给我们搞好了所有的KeywordsDescription了,无须我们劳神,而这个是对于那些seo新手有很好的参考作用。推荐阅读:深圳网站建设http:///website/
第五篇:HTML个人总结
HTML 网站开发的主要原则是:
– 用标签元素HTML描述网页的内容结构; – 用CSS描述网页的排版布局;
– 用JavaScript描述网页的事件处理,即鼠标或键盘在网页元素上的动作后的程序 HTML(Hyper Text Mark-up Language 超文本标记语言)的缩写,是最基础的网页语言。Html是通过标签来定义的语言,代码都是由标签所组成。Html代码不用区分大小写。Html代码由开始结束。里面由头部分
和体部分