HTML代码大全.docx

上传人:b****6 文档编号:7233229 上传时间:2023-01-22 格式:DOCX 页数:12 大小:20.79KB
下载 相关 举报
HTML代码大全.docx_第1页
第1页 / 共12页
HTML代码大全.docx_第2页
第2页 / 共12页
HTML代码大全.docx_第3页
第3页 / 共12页
HTML代码大全.docx_第4页
第4页 / 共12页
HTML代码大全.docx_第5页
第5页 / 共12页
点击查看更多>>
下载资源
资源描述

HTML代码大全.docx

《HTML代码大全.docx》由会员分享,可在线阅读,更多相关《HTML代码大全.docx(12页珍藏版)》请在冰豆网上搜索。

HTML代码大全.docx

HTML代码大全

一、HTML各种命令的代码:

1、文本标签(命令)

         创建预格式化文本

          创建最大的标题

          创建最小的标题

           创建黑体字

           创建斜体字

          创建打字机风格的字体

        创建一个引用,通常是斜体

          加重一个单词(通常是斜体加黑体)

      加重一个单词(通常是斜体加黑体)

>    设置字体大小,从1到7

>    设置字体的颜色,使用名字或十六进制值2、图形(命令)

      添加一个图像

>  排列对齐一个图像:

左中右或上中下

>  设置围绕一个图像的边框的大小


            加入一条水平线

>         设置水平线的大小(高度)

>        设置水平线的宽度(百分比或绝对像素点)

        创建一个没有阴影的水平线

3、链接(命令)

     创建一个超链接

EMAIL"> 创建一个自动发送电子邮件的链接

     创建一个位于文档内部的靶位

    创建一个指向位于文档内部靶位的链接

4、格式排版(命令)

             创建一个新的段落

>         将段落按左、中、右对齐


            插入一个回车换行符

  从两边缩进文本

          创建一个定义列表

            放在每个定义术语词之前

            放在每个定义之前

              创建一个标有数字的列表

  1.             放在每个数字列表项之前,并加上一个数字

                创建一个标有圆点的列表

    •             放在每个圆点列表项之前,并加上一个圆点

      >        一个用来排版大块HTML段落的标签,也用于格式化表

      二、HTML基本语法

      文件格式(文件的开头与结尾)

      主题(放在文件的开头)

      文头区段(描述文件的信息)

      内文区段(放此文件的内容)

      标题

      >(?

      =1~6,改变标题字的大小)

      标题对齐

      字加大

      字变小

      粗体字

      斜体字

      底线字

      上标字

      下标字

      居中

      居左

      居右

      基本字体大小(取值范围从1到7,默认值为3)

      改变字体大小

      >(?

      =1~7)

      字体颜色(RGB色码)

      指定字型

      >(?

      =宋体,楷体等)

      网址链结

      设定锚点

      ">(?

      以容易记为原则)

      链结到锚点

      ">(同一份文件)

      ">(锚点不同文件)

      显示图形

      图形位置(分别为上、下、中、左、右的位置)

      图形取代文字

      >(无法显示图形时用)

      图形尺寸

      height=?

      >(?

      以像素为单位)

      连结图形边线

      >(?

      以像素为单位)

      图形四周留白

      vspace=?

      >(?

      以像素为单位)

      段落

      断行

      横线


      横线厚度

      >(?

      以像素为单位)

      横线长度

      >(?

      以像素为单位)

      横线长度

      %>(?

      与页宽相比较)

      实横线(无立体效果)

      背景图案(图形文件格式为gif和jpg)

      背景颜色(RGB色码)

      背景文字颜色(RGB色码)

      未链结点颜色(RGB色码)

      已链结点颜色(RGB色码)

      正在链结点颜色

      三、具体在做html文件前,我们还有哪些需要做的:

      1、网页图象一般有什么要求?

        受网络传输速度制约,图象要尽量小。

      一般每幅最大不要20K。

      图象格式一般为gif和jpg两种。

      通常单调的可以考虑使用gif压缩。

      用jpg处理照片比较合适,因为里面包含许多色彩的缓和变化。

      不管是哪种,做好后都应压缩以给图片减肥,但不要压得太多而失真。

      压缩可用JPEGOptimizer或ImageOptimizer两种工具,若用photoshop5.5做的图象,保存时直接用SaveForWeb可进行压缩。

      另外,Gif格式可作成动画。

      2、选择图片的网络存储空间

        建议各位卖家们事先可以找一个稳定的空间来存放你的图片,以确保你的买家随时可以看到精美漂亮的商品。

      注意:

      不要把图片存放在免费相册里,因为这些相册的路径一般都是虚拟的,每一次浏览的URL都会改变,这对我们卖家来说是非常不好的。

      另外要注意的一点是:

      有一些买家反映看到的卖家商品的图片是小叉叉,这是因为一些卖家在用HTML粘贴图片的时候把自己电脑中C盘或者D盘(也就是本地路径)的图片的路径直接直接复制在命令中,这样就会造成卖家自己可以看到这些图片而你的买家们看到的则是叉叉!

      所以卖家们在用HTML制作图片的时候一定要注意不要用本地路径直接粘贴图片!

      四、练习的例子:

      (红色字体部分即可修改成你自己的自定义)

      第一:

      用HTML来插入一个图片,

      Key:

      第二:

      用HTML来插入一个URL,

      Key:

      点击我进入

      第三:

      插入url的同时,插入图片,点击图片就可以进入这个url,如做一个插入网园淘艺坊的图片链接代码:

      Key:

      图片链接点击我进入

      第四:

      插入一段音乐

      高山流水:

      Key:

      音乐链接点击我进入

      1.结构性定义

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

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

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

      文体(文件本体)

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

      标题

      >

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

      标题的对齐

      ALIGN=LEFT|CENTER|RIGHT>

      >

      区分

      区分的对齐

    • 引文区块

      (通常会内缩)

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

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

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

      (显示原始码之用)

      样本

      键盘输入

      变数

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

      地址

      大字

      小字

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

      加粗

      斜体

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

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

      下标

      上标

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

      预定格式

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

      预定格式的宽度

      >(以字元计算)

      向中看齐

      (文字与图片都可以)

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

      字体大小

      >(从1到7)

      改变字体大小

      >

      基本字体大小

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

      字体颜色

      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无视框时的内容(如果浏览器不提供视框功能的话)

      2.连结与图形

      连结

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

      (如果锚点目前的档案)

      连结到目的视框

      设定锚点

      图形

      图形看齐方式

      图形看齐方式

      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用户端拉(使用端自动更新)

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

      N2.0内嵌物件大小

      "HEIGHT="?

      ">

      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使用中的连结

      7.杂项

      说明

      --***-->(浏览器不会显示)

      --修改滚动条-->

      body{

      scrollbar-face-color:

      #330033;

      scrollbar-shadow-color:

      #FFFFFF;

      scrollbar-highlight-color:

      #FFFFFF;

      scrollbar-3dlight-color:

      #FFFFFF;

      scrollbar-darkshadow-color:

      #FFFFFF;

      scrollbar-track-color:

      #330033;

      scrollbar-arrow-color:

      #FFFFFF;

      }

      --修改滚动条结束-->

      将上面的代码放在叶子代码的之间,颜色可根据自己的需要修改。

      滚动条的代码意思如下:

      Scrollbar-Face-Color为滚动条表面颜色设定;

      Scrollbar-Track-Color为滚动条底板颜色设定;

      Scrollbar-Darkshadow为滚动条下边和右边边沿颜色设定;

      Scrollbar-Highlight-Color为滚动条上斜面和左斜面颜色设定;

      Scrollbar-Shadow-Color为滚动条下斜面和右斜面颜色设定;

      Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜色设定;

      Scrollbar-Arrow-Color为滚动条两端箭头颜色设定。

      >跑马灯

      ...普通卷动

      ...滑动

      ...预设卷动

      ...来回卷动

      ...向下卷动

      ...向上卷动

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

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

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

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