html教程与代码.docx

上传人:b****7 文档编号:10148431 上传时间:2023-02-08 格式:DOCX 页数:20 大小:22KB
下载 相关 举报
html教程与代码.docx_第1页
第1页 / 共20页
html教程与代码.docx_第2页
第2页 / 共20页
html教程与代码.docx_第3页
第3页 / 共20页
html教程与代码.docx_第4页
第4页 / 共20页
html教程与代码.docx_第5页
第5页 / 共20页
点击查看更多>>
下载资源
资源描述

html教程与代码.docx

《html教程与代码.docx》由会员分享,可在线阅读,更多相关《html教程与代码.docx(20页珍藏版)》请在冰豆网上搜索。

html教程与代码.docx

html教程与代码

Html教程与特效代码

1.结构性定义

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

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

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

文体(文件本体)

(由浏览器控制的显示风格)

标题

>

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

标题的对齐

ALIGN=LEFT|CENTER|RIGHT>

>

区分

区分的对齐

引文区块

(通常会内缩)

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

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

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

(显示原始码之用)

样本

键盘输入

变数

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

地址

大字

小字

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

加粗

斜体

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

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

下标

上标

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

预定格式

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

预定格式的宽度

>(以字元计算)

向中看齐

(文字与图片都可以)

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

字体大小

>(从1到7)

改变字体大小

>

基本字体大小

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

字体颜色

2.连结与图形

连结

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

(如果锚点目前的档案)

连结到目的视框

设定锚点

图形

图形看齐方式

图形看齐方式

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

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

点选图(需要CGI程式)

N2.0点选图

N2.0地图(描述地图)

N2.0段落

3.0大小(以pixels为单位)N1.0图形边缘

>(以pixels为单位)

N1.0图形边缘空间

VSPACE=?

>(以pixels为单位)

N1.0低解析度图形

N1.1用户端拉

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

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

N2.0内嵌物件大小

3.分隔

段落

(通常是两个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使用中的连结

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

    特别符号&#?

    ;(其中?

    代表ISO8859-1的编码)

    <<>>&&''

    注册商标TM?

    N1.0+注册商标TM?

    著作权符号?

    N1.0+著作权符号?

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

    定义表单

    N2.0上传档案

    输入栏位

    栏位名称

    栏位内定值

    已选定(适用於checkboxes与radioboxes)

    栏位宽度

    >(以字元数为单位)

    最长字数

    >(以字元数为单位)

    下拉式选单

    下拉式选单名称

    选单项目数量

    >

    多选式选单(多选)

    选项

    内定选项

    文字输入区

    COLS=?

    >

    输入区名称

    N2.0输入区换行方式

    6.表格

    3.0定义表格

    3.0表格框线(有或没有)

    N1.1表格框线

    >(可以设定数值)

    N1.1储存格左右留白

    >

    N1.1储存格上下留白

    >

    N1.1表格宽度

    >(以pixels为单位)

    N1.1宽度比率(页宽为100%)

    3.0表格列

    3.0表格列内容看齐

    3.0储存格(须与列并用)

    3.0储存格内容看齐

    3.0不换行

    N3.0储存格背景颜色

    3.0储存格横向连接

    >

    3.0储存格纵向连接

    >

    N1.1储存格宽度

    >(以pixels为单位)

    N1.1储存格宽度比率(页宽为100%)

    3.0表格标题(跟一样,不过会对中并加粗)

    3.0表格标题对齐

    3.0表格标题不换行

    3.0表格标题占几栏

    >

    3.0表格标题占几列

    >

    N1.1表格标题宽度

    >(以pixels为单位)

    N1.1表格标题比率宽度(页宽为100%)

    3.0表格抬头

    3.0表格抬头看齐(在表格之上/之下)

    视框(定义与控制萤幕上的特定区域)

    N2.0视框格式总定义(取代)

    N2.0视框行长度分配(pixels或%)

    N2.0视框行长度分配(*=相对大小)

    N2.0视框栏宽度分配(pixels或%)

    N2.0视框栏宽度分配(*=相对大小)

    N2.0定义个别视框(定义个别视框)

    N2.0个别视框内容

    N2.0个别视框名称

    N2.0边缘宽度

    >(「左」与「右」边界)

    N2.0边缘高度

    >(「天顶」与「地底」边界)

    N2.0卷动条

    N2.0不可改变大小

    N2.0无视框时的内容(如果浏览器不提供视框功能的话)

    一些特效代码:

    1:

    贴图:

    2:

    加入连接:

    写上你想写的字

    3:

    在新窗口打开连接:

    写上要写的字

    3-1:

    消除连接的下划线在新窗口打开连接:

    none"target="_blank">写上你想写的字

    4:

    移动字体(走马灯):

    写上你想写的字

    5:

    字体加粗:

    写上你想写的字

    6:

    字体斜体:

    写上你想写的字

    7:

    字体下划线:

    写上你想写的字

    8:

    字体删除线:

    写上你想写的字

    9:

    字体加大:

    写上你想写的字

    10:

    字体控制大小:

    写上你想写的字

    (其中字体大小可从h1-h5,h1最大,h5最小)

    11:

    更改字体颜色:

    写上你想写的字(其中value值在000000与ffffff(16位进制)之间

    12:

    消除连接的下划线:

    none">写上你想写的字

    13:

    贴音乐:

    14:

    贴flash:

    15:

    贴影视文件:

    16:

    换行:


    17:

    段落:

    段落

    18:

    原始文字样式:

    正文

    19:

    换帖子背景:

    20:

    固定帖子背景不随滚动条滚动:

    21:

    定制帖子背景颜色:

    (value值见10)

    22:

    帖子背景音乐:

    23:

    贴网页:

    HTML特效代码1。

    忽视右键 

      

     或 

     

    hidden"> 

    2:

    加入背景音乐 

     IE:

     

     NS:

     

      

     *.mid你的背景音乐的midi格式文件 

    3:

    简单的window.open方法 

     

     onclick="javascript:

    window.open(文件路径/文件名,newwindow, 

     toolbar=no,scrollbars=yes,resizable=no,top=0,left=0, 

     width=400,height=300);">文字或图片 

     参数解释:

     

     js脚本开始; 

     window.open弹出新窗口的命令; 

     文件路径/文件名弹出窗口的文件名; 

     newwindow弹出窗口的名字(不是文件名),非必须,可用空代替; 

     width=400窗口宽度; 

     height=300窗口高度; 

     top=0窗口距离屏幕上方的象素值; 

     left=0窗口距离屏幕左侧的象素值; 

     toolbar=no是否显示工具栏,yes为显示; 

     menubar,scrollbars表示菜单栏和滚动栏。

     

     resizable=no是否允许改变窗口大小,yes为允许; 

     location=no是否显示地址栏,yes为允许; 

     status=no是否显示状态栏内的信息(通常是文件已经打开),yes为允许; 

     js脚本结束 

    4:

    简单的页面加密 

      

     

    -- 

     functionloopy(){ 

      varsWord=""; 

      while(sWord!

    ="login"){sWord=prompt("请输入你的登陆密码");} 

      alert("登陆成功!

    "); 

     } 

     loopy() 

     //--> 

      

    5:

    拉动页面时背景图不动 

      

    6:

    让浏览器在保存页面时保存失败 

      

    7:

    随机替换图片 

      

     图片文件名为0.gif1.gif2.gif3.gif4.gif 

    8:

    窗口定时关闭 

     先将如下代码网页文件的区:

     

      

     functioncloseit(){setTimeout("self.close()",10000)//毫秒} 

      

     然后再在标内加入如:

     

    9:

    网页自动关闭 

      

      

     

     classid="clsid:

    adb880a6-d8ff-11cf-9377-00aa003b7a11"> 

      

      

      

      

     这个窗口会在10秒过后自动关闭,而且不会出现提示. 

      

      

    Html一些按钮代码:

    html另存为/打印/刷新/查看原文件等按钮的代码

    ■打开■

    8856F961-340A-11D0-A96B-00C04FD705A2height=0id=WebBrowserwidth=0>

    ■另存为■

    8856F961-340A-11D0-A96B-00C04FD705A2height=0id=WebBrowserwidth=0>

    ■属性■

    8856F961-340A-11D0-A96B-00C04FD705A2height=0id=WebBrowserwidth=0>

    ■打印■

    8856F961-340A-11D0-A96B-00C04FD705A2height=0id=WebBrowserwidth=0>

    ■页面设置■

    8856F961-340A-11D0-A96B-00C04FD705A2height=0id=WebBrowserwidth=0>

    ■刷新■

    ■导入收藏■

    ■导出收藏■

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

    当前位置:首页 > 表格模板 > 合同协议

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

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