书签分享收藏举报版权申诉 / 12

立即下载加入VIP,免费下载

当前位置：首页 > 法律文书 > 调解书 > HTML5代码大全.docx

HTML5代码大全.docx

文档编号：4789564
上传时间：2022-12-09
格式：DOCX
页数：12
大小：20.82KB

HTML5代码大全.docx

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

HTML5代码大全.docx

HTML5代码大全

一、HTML各种命令的代码：

1、文本标签（命令）

　　　　　　　　　创建预格式化文本

　　　　　　　　　　创建最大的标题

　　　　　　　　　　创建最小的标题

　　　　　　　　　　　创建黑体字

　　　　　　　　　　　创建斜体字

　　　　　　　　　　创建打字机风格的字体

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

　　　　　　　　　　加重一个单词（通常是斜体加黑体）

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

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

　　　　　　添加一个图像

>　　排列对齐一个图像:

左中右或上中下

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

　　　　　　　　　　　　加入一条水平线

>　　　　　　　　　设置水平线的大小（高度）

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

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

3、链接（命令）

　　　　　创建一个超链接

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

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

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

4、格式排版（命令）

　　　　　　　　　　　　　创建一个新的段落

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

　　　　　　　　　　　　插入一个回车换行符

　　从两边缩进文本

　　　　　　　　　　创建一个定义列表

　　　　　　　　　　　　放在每个定义术语词之前

　　　　　　　　　　　　放在每个定义之前

　　　　　　　　　　创建一个标有数字的列表

　　　　　　　　　　　　放在每个数字列表项之前，并加上一个数字

　　　　　　　　　　创建一个标有圆点的列表

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

>　　　　　　　　一个用来排版大块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.连结与图形

连结

连结到锚点（如果锚点在另一个档案）

（如果锚点目前的档案）

连结到目的视框

设定锚点

图形

图形看齐方式

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

点选图（需要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为滚动条两端箭头颜色设定。

>跑馬燈

...普通捲動

...滑動

...預設捲動

...來回捲動

...向下捲動

...向上捲動

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：: 如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
特殊限制：: 部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
关键词：: HTML5 代码大全

冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。

关于本文

本文标题：HTML5代码大全.docx
链接地址：https://www.bdocx.com/doc/4789564.html

HTML5代码大全.docx

热门标签