HTML5代码大全.docx

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

HTML5代码大全.docx

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

HTML5代码大全.docx

HTML5代码大全

一、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上传档案

      输入栏位

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

      当前位置:首页 > 考试认证 > 财会金融考试

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

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