实用博客代码应用.docx

上传人:b****4 文档编号:11791032 上传时间:2023-04-01 格式:DOCX 页数:28 大小:77.27KB
下载 相关 举报
实用博客代码应用.docx_第1页
第1页 / 共28页
实用博客代码应用.docx_第2页
第2页 / 共28页
实用博客代码应用.docx_第3页
第3页 / 共28页
实用博客代码应用.docx_第4页
第4页 / 共28页
实用博客代码应用.docx_第5页
第5页 / 共28页
点击查看更多>>
下载资源
资源描述

实用博客代码应用.docx

《实用博客代码应用.docx》由会员分享,可在线阅读,更多相关《实用博客代码应用.docx(28页珍藏版)》请在冰豆网上搜索。

实用博客代码应用.docx

实用博客代码应用

如何添加特效代码、html代码及标签?

·添加特效代码一般在代码编辑里进行,添加的位置为HEAD区域或BODY区域,具体添加位置要看特效代码的具体要求来定。

具体特效代码的可查看特效代码参考。

·HTML代码在“代码编辑”里可直接进行添加或编辑,您可在代码编辑后直接点“预览”查看效果

·标签可在“可视化编辑”里比较直观,当然您熟悉代码的话,也可在“代码编辑”里直接加入

如何为自己的BLOG建立BLOG内部搜索功能

具体代码如下:

以下内容为程序代码:

function subsearch()

{

with(document.searchbar)

{key.value=key1.value+" site:

"+key2.value};

}

 

    

    

     

     

     

     

     

     

    

   

 

将代码中的"你的用户名ID"部分改为你自己的ID,然后进入摸板编辑里覆盖<#search#>就可以了,如果摸板里找不到<#search#>,那么找到合适的位置放入这段代码就OK,如果你嫌表单太难看,可以在后面加入这段代码:

以下内容为程序代码:

--

input { font-family:

 "Georgia", "Times New Roman", "Times", "serif"; font-size:

 9pt; border:

 1px #CCCCCC solid}

-->

这样,你的BLOG就支持准全文检索了,当然如果你设置了日志的关键字将更容易的被浏览者搜索到了。

HTML标签简明教程

总类(所有HTML文件都有的) 文件类型  (放在档案的开头与结尾) 

文件主题  (必须放在「文头」区块内)  

文头  (描述性资料,像是「主题」)  

文体  (文件本体) 

结构性定义(由浏览器控制的显示风格) 

标题 

 >

 > (从1到6,有六层选择)  

3.0 标题的对齐 

 ALIGN=LEFT|CENTER|RIGHT >

 >  

3.0 区分  

3.0 区分的对齐  

引文区块  (通常会内缩) 

强调  (通常会以斜体显示)  

特别强调  (通常会以加粗显示)  

引文  (通常会以斜体显示) 

码  (显示原始码之用) 

样本   

键盘输入   

变数   

定义  (有些浏览器不提供)  

地址   

3.0 大字   

3.0 小字   

与外观相关的标签(作者自订的表现方式) 

加粗  

斜体   

3.0 底线  (尚有些浏览器不提供)  

3.0 删除线  (尚有些浏览器不提供)  

3.0 下标   

3.0 上标   

打字机体  (用单空格字型显示)  

预定格式  (保留文件中空格的大小)  

预定格式的宽度 

 >(以字元计算)  

N1.0+ 向中看齐  (文字与图片都可以)  

N1.0 闪耀  (有史以来最被嘲弄的标签) 

N1.0 字体大小 (从1到7)  

N1.0 改变字体大小 

 >  

N1.0 基本字体大小 

 > (从1到7; 内定为3)  

N2.0 字体颜色   

连结与图形 

连结  

连结到锚点 (如果锚点在另一个档案) 

 (如果锚点目前的档案) 

N2.0 连结到目的视框   

设定锚点   

图形   

图形看齐方式   

N1.0 图形看齐方式 

ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM >  

取代文字  (如果没有办法显示图形则显示此文字) 

点选图  (需要CGI程式)  

N2.0 点选图  

N2.0 地图 (描述地图)  

N2.0 段落   

3.0 大小 

" HEIGHT="?

" >(以pixels为单位)  

N1.0 图形边缘 

 > (以pixels为单位)  

N1.0 图形边缘空间 

 VSPACE=?

 > (以pixels为单位)  

N1.0 低解析度图形   

N1.1 用户端拉 

; URL=URL" >(使用端自动更新 )  

N2.0 内嵌物件  (将物件插入页面)  

N2.0 内嵌物件大小 

" HEIGHT="?

" >  

分隔 

段落  (通常是两个return)  

3.0 段落  (新定义成容器型标签)  

3.0 文字看齐方式   

换行  (一个return)  

N1.0 文字部份看齐方式(与图形合用时)  

横线   

N1.0 横线对齐   

N1.0 横线厚度 

 > (以pixels为单位)  

N1.0 横线宽度 

 > (以pixels为单位)  

N1.0 横线比率宽度  (以页宽为100%)  

N1.0 实线  (没有立体效果)  

N1.0 不可换行  (不换行)  

N1.0 可换行处  (如果需要,可在此断行) 

列举 (可以巢状列举) 

无次序式列举 

 (

 放在每一项前)  

N1.0 公布式列举 (定义全部的列举项) 

(定义这个及其後的列举项)  

有次序式列举 

 (

 放在每一项前)  

N1.0 数标型态  (定义全部的列举项) 

 (定义这个及其後的列举项)  

N1.0 起始数字 

 > (定义全部的列举项) 

 > (定义这个及其後的列举项)  

定义式列举 项目, 定义)  

表单式列举 

 放在每一项前)  

目录式列举 

 (

 放在每一项前)  

背景与颜色  

3.0 重复排列的背景   

N1.1+ 背景颜色  (依序为红、绿、蓝)  

N1.1+ 文字颜色   

N1.1+ 连结颜色   

N1.1+ 看过的连结   

N1.1 使用中的连结   

特殊字元(以下标签需用小写) 

特别符号 &#?

; (其中 ?

 代表 ISO 8859-1 的编码) 

< < > > & & " "  

注册商标TM ®  

N1.0+ 注册商标TM ®  

著作权符号 ©  

N1.0+ 著作权符号 ©  

表单 (通常需要与CGI程式配合) 

定义表单   

N2.0 上传档案   

输入栏位   

栏位名称   

栏位内定值   

已选定  (适用於checkboxes与 radio boxes)  

栏位宽度 

 > (以字元数为单位)  

最长字数 

 > (以字元数为单位)  

下拉式选单   

下拉式选单名称   

选单项目数量 

 >  

多选式选单  (多选)  

选项   

内定选项   

文字输入区 

10分钟搞定HTML

HTML是 HyperText Tarkup Language的缩写,即超文本标记语言,是在WWW上建立超文本文件的语言,它通过标记和属性对一段文本的语言进行描述,它提供超文本连接,可以指向网络中另一台计算机的文件,HTML还支持在文本中镶入图象,声音,动画等不同格式的文件,HTML还具有强大的排版功能,利用HTML可以制作出任意版面的主页。

  

HTML有什麽特点?

  

HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是WWW盛行的原因之一,其主要特点如下:

  

1 简易性,HTML版本升级采用超集方式,从而更加灵活方便。

  

2 可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。

  

3 平台无关性。

虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上,这也是WWW盛行的另一个原因。

  

用什麽可以编辑HTML?

  

HTML其实是文本,它需要浏览器的解释,HTML的编辑器大体可以分为三种,  

1 基本编辑软件,使用WINDOWS自带的记事本或写字版都可以编写,当然,如果你用WPS来编写,也可以。

不过存盘是请使用.htm或.html作为扩展名,这样浏览器就可以解释执行了。

  

2 半所见即所得软件,这种软件能大大提高开发效率,它可以使你在很短的时间内做出HOMEPAGE,且可以学习HTML,这种类型的软件主要有HOTDOG,还有国产的软件网页作坊(不过新版本好象较HTML SHOP),你可以到软件麦当劳去下载。

  

3 所见即所的软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,不过它也有一个缺点,使人懒惰(玩笑),这类软件主要有FRONTPAGE98,DREAMWEAVER,如果你还没有装,请到软件麦当劳去下载。

  

下面简单介绍一下HTML的标签:

  

总类(所有HTML文件都有的)  

文件类型  (放在档案的开头与结尾)  

文件主题  (必须放在「文头」区块内)  

文头  (描述性资料,像是「主题」)  

文体  (文件本体)  

结构性定义(由浏览器控制的显示风格)  

标题 

>

> (从1到6,有六层选择)  

3.0 标题的对齐 

 ALIGN=LEFT|CENTER|RIGHT>

>  

3.0 区分 

  

3.0 区分的对齐 

  

引文区块 

 (通常会内缩)  

强调  (通常会以斜体显示)  

特别强调  (通常会以加粗显示)  

引文  (通常会以斜体显示)  

码  (显示原始码之用)  

样本   

键盘输入   

变数   

定义  (有些浏览器不提供)  

地址 

  

3.0 大字   

3.0 小字   

与外观相关的标签(作者自订的表现方式)  

加粗   

斜体   

3.0 底线  (尚有些浏览器不提供)  

3.0 删除线  (尚有些浏览器不提供)  

3.0 下标   

3.0 上标   

打字机体  (用单空格字型显示)  

预定格式 

 (保留文件中空格的大小)  

预定格式的宽度 

>(以字元计算)  

N1.0+ 向中看齐 

 (文字与图片都可以)  

N1.0 闪耀  (有史以来最被嘲弄的标签)  

N1.0 字体大小 (从1到7)  

N1.0 改变字体大小 

>  

N1.0 基本字体大小 

> (从1到7; 内定为3)  

N2.0 字体颜色   

连结与图形  

连结   

连结到锚点 (如果锚点在另一个档案)  

 (如果锚点目前的档案)  

N2.0 连结到目的视框   

设定锚点   

图形   

图形看齐方式   

N1.0 图形看齐方式 

ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>  

取代文字  (如果没有办法显示图形则显示此文字)  

点选图  (需要CGI程式)  

N2.0 点选图   

N2.0 地图 (描述地图)  

N2.0 段落   

3.0 大小 

" HEIGHT="?

">(以pixels为单位)  

N1.0 图形边缘 

> (以pixels为单位)  

N1.0 图形边缘空间 

 VSPACE=?

> (以pixels为单位)  

N1.0 低解析度图形   

N1.1 用户端拉 

; URL=URL">(使用端自动更新 )  

N2.0 内嵌物件  (将物件插入页面)  

N2.0 内嵌物件大小 

" HEIGHT="?

">  

分隔  

段落 

 (通常是两个return)  

3.0 段落 

 (新定义成容器型标签)  

3.0 文字看齐方式 

  

换行 

 (一个return)  

N1.0 文字部份看齐方式(与图形合用时)  

横线 


  

N1.0 横线对齐   

N1.0 横线厚度 

> (以pixels为单位)  

N1.0 横线宽度 

> (以pixels为单位)  

N1.0 横线比率宽度  (以页宽为100%)  

N1.0 实线  (没有立体效果)  

N1.0 不可换行  (不换行)  

N1.0 可换行处  (如果需要,可在此断行)  

列举 (可以巢状列举)  

无次序式列举 

 (

 放在每一项前)  

N1.0 公布式列举 (定义全部的列举项)  

(定义这个及其後的列举项)  

有次序式列举 

 (

 放在每一项前)  

N1.0 数标型态  (定义全部的列举项)  

 (定义这个及其後的列举项)  

N1.0 起始数字 

> (定义全部的列举项)  

> (定义这个及其後的列举项)  

定义式列举 

项目, 
定义)  

表单式列举 

 放在每一项前)  

目录式列举 

 (

 放在每一项前)  

背景与颜色  

3.0 重复排列的背景   

N1.1+ 背景颜色  (依序为红、绿、蓝)  

N1.1+ 文字颜色   

N1.1+ 连结颜色   

N1.1+ 看过的连结   

N1.1 使用中的连结   

特殊字元(以下标签需用小写)  

特别符号 &#?

;

META标签的奥妙

META 标签,是 HTML 语言 head 区的一个辅助性标签。

在几乎所有的网页里,我们都可以看到类似下面这段 html 代码:

  

----------------------------------------------- 

< head> 

< META http-equiv="Content-Type" content="text/html; charset=gb2312"> 

< /head> 

----------------------------------------------- 

   这就是 META 标签的典型运用。

 META 标签有多少参数,有什么作用,为什么我们要特别重视它呢?

让我们一起来发掘 META 标签的奥妙 !

  

   根据 HTML 语言标准注释:

 META 标签是对网站发展非常重要的标签,它可以用于鉴别作者,设定页面格式,标注内容提要和关键字,以及刷新页面等等。

  

   META 标签分两大部分:

 HTTP-EQUIV 和 NAME 变量。

  

   ● HTTP-EQUIV 类似于 HTTP 的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。

常用的 HTTP-EQUIV 类型有:

  

   1.expires( 期限 

  

  说明:

可以用于设定网页的到期时间。

一旦网页过期,必须到服务器上重新调阅。

  

  用法:

 < META HTTP-EQUI

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 教学研究 > 教学计划

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1