HTML5代码大全精编版.docx
- 文档编号:23927505
- 上传时间:2023-05-22
- 格式:DOCX
- 页数:16
- 大小:22.32KB
HTML5代码大全精编版.docx
《HTML5代码大全精编版.docx》由会员分享,可在线阅读,更多相关《HTML5代码大全精编版.docx(16页珍藏版)》请在冰豆网上搜索。
HTML5代码大全精编版
一、HTML各种命令的代码:
1、文本标签(命令)
vfontsize=?
> > > > > > 3、链接(命令) EMAIL"x/a> 4、格式排版(命令) >
> 二、HTML基本语法 创建预格式化文本 创建最大的标题 创建最小的标题 创建黑体字 创建斜体字 创建打字机风格的字体 创建一个引用,通常是斜体 加重一个单词(通常是斜体加黑体) 加重一个单词(通常是斜体加黑体) 设置字体大小,从1到7 设置字体的颜色,使用名字或十六进制值2、图形(命令)添加一个图像 排列对齐一个图像: 左中右或上中下 设置围绕一个图像的边框的大小 加入一条水平线 设置水平线的大小(高度) 设置水平线的宽度(百分比或绝对像素点)创建一个没有阴影的水平线 创建一个超链接 创建一个自动发送电子邮件的链接创建一个位于文档内部的靶位创建一个指向位于文档内部靶位的链接 创建一个新的段落 将段落按左、中、右对齐 插入一个回车换行符 从两边缩进文本 创建一个定义列表放在每个定义术语词之前放在每个定义之前 创建一个标有数字的列表 放在每个数字列表项之前,并加上一个数字创建一个标有圆点的列表 放在每个圆点列表项之前,并加上一个圆点 一个用来排版大块HTML段落的标签,也用于格式化表 文件格式(文件的开头与结尾)主题
文头区段
(描述文件的信息)内文区段
(放此文件的内容)标题 x/h>(? =1~6,改变标题字的大小) 标题对齐
字加大
字变小
粗体字
斜体字
底线字
上标字
下标字
居中
居左
居右
基本字体大小
改变字体大小 >(? =1~7) 字体颜色 指定字型 x/font>(? =宋体,楷体等) 网址链结 设定锚点 "x/a>(? 以容易记为原则) 链结到锚点 ">(同一份文件) "x/A>(锚点不同文件) 显示图形 图形位置 右的位置) 图形取代文字 >(无法显示图形时用) 图形尺寸 height=? >(? 以像素为单位) 连结图形边线 >(? 以像素为单位) 图形四周留白 vspace=? >(? 以像素为单位) 段落 断行 横线 横线厚度 >(? 以像素为单位) 横线长度 >(? 以像素为单位) 横线长度 %>(? 与页宽相比较) 实横线 背景图案 背景颜色 未链结点颜色 已链结点颜色 、具体在做html文件前,我们还有哪些需要做的: 1网页图象一般有什么要求? 受网络传输速度制约,图象要尽量小。 一般每幅最大不要20K。 图象格式一般为gif和jpg两种。 通常单调的可以考虑使用gif压缩。 用jpg处理照片比较 合适,因为里面包含许多色彩的缓和变化。 不管是哪种,做好后都应压缩以给图片减肥,但 不要压得太多而失真。 压缩可用JPEGOptimizer或ImageOptimizer两种工具,若用 photoshop5.5做的图象,保存时直接用SaveForWeb可进行压缩。 另外,Gif格式可作成 动画。 2、选择图片的网络存储空间 建议各位卖家们事先可以找一个稳定的空间来存放你的图片,以确保你的买家随时可以 看到精美漂亮的商品。 注意: 不要把图片存放在免费相册里,因为这些相册的路径一般都是虚拟的,每一次浏览的URL都会改变,这对我们卖家来说是非常不好的。 另外要注意的一点是: 有一些买家反映看到的卖家商品的图片是小叉叉,这是因为一些卖家 在用HTML粘贴图片的时候把自己电脑中C盘或者D盘(也就是本地路径)的图片的路径直接 直接复制在命令中,这样就会造成卖家自己可以看到这些图片而你的买家们看到的则是叉叉! 所以卖家们在用HTML制作图片的时候一定要注意不要用本地路径直接粘贴图片! 四、练习的例子: (红色字体部分即可修改成你自己的自定义) 第一: 用HTML来插入一个图片, //www.cyberhome.cn/images/girl/PLMM_A.jpg"> Key: 第二: 用HTML来插入一个URL, Key: 点击我进入 第三: 插入url的同时,插入图片,点击图片就可以进入这个url,如做一个插入网园淘艺 坊的图片链接代码: //www.cyberhome.cn/images/girl/PLMM_C.jpg"> Key: 图片链接点击我进入 第四: 插入一段音乐 高山流水: //www.cyberhome.cn/images/hill-water.mid"width="72"height="25"autostart="false"loop="1"align="absmiddle" controls="smallconsole/playbutton/pausebutton/stopbutton"> 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上传档案 输入栏位 栏位名称 栏位内定值 已选定vINPUTCHECKED>(适用於checkboxes与radioboxes) 栏位宽度VNPUTSIZE=? >(以字元数为单位) 最长字数VNPUTMAXLENGTH=? >(以字元数为单位) 下拉式选单 下拉式选单名称 选单项目数量 > 多选式选单 选项 内定选项 文字输入区 COLS=? > 输入区名称 N2.0输入区换行方式 6.表格 3.0定义表格 3.0表格框线 N1.1表格框线 > N1.1储存格左右留白 > N1.1储存格上下留白 > N1.1表格宽度 >(以pixels为单位) N1.1宽度比率 3.0表格列 3.0表格列内容看齐 3.0储存格 3.0储存格内容看齐 3.0不换行 N3.0储存格背景颜色 3.0储存格横向连接 > 3.0储存格纵向连接 > N1.1储存格宽度 >(以pixels为单位) N1.1储存格宽度比率 3.0表格标题 3.0表格标题对齐 3.0表格标题不换行 3.0表格标题占几栏 > 3.0表格标题占几列 > N1.1表格标题宽度 >(以pixels为单位) N1.1表格标题比率宽度 3.0表格抬头 3.0表格抬头看齐 视框 (定义与控制萤幕上的特定区域) N2.0 视框格式总定义 N2.0 视框行长度分配 vFRAMESETROWS=,”>pixels或%) N2.0 视框行长度分配 vFRAMESETROWS=*>*=相对大小) N2.0 视框栏宽度分配 vFRAMESETCOLS=,,,> N2.0 视框栏宽度分配 vFRAMESETCOLS=*> N2.0 定义个别视框(定义个别视框) N2.0 个别视框内容vFRAMESRC="URL"> N2.0 个别视框名称vFRAMENAME="***"|_blank|_self|_parent|_top> N2.0 边缘宽度vFRAMEMARGINWIDTH=? (「左」与「右」边界) N2.0 边缘高度vFRAMEMARGINHEIGHT=? >(「天顶」与「地底」边界) N2.0 卷动条vFRAMESCROLLING="YES|NO|AUTO"> N2.0 不可改变大小vFRAMENORESIZE> N2.0 无视框时的内容vNOFRAMESx/NOFRAMES如果浏览器不提供视框功能的话) 2.连结与图形 连结 连结到锚点 vAHREF="#***">v/A>(如果锚点目前的档案) 连结到目的视框 设定锚点 图形 图形看齐方式 图形看齐方式 ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM> 取代文字 点选图 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文字看齐方式 换行 N1.0文字部份看齐方式 横线 N1.0横线对齐 N1.0横线厚度 >(以pixels为单位) N1.0横线宽度 >(以pixels为单位) N1.0横线比率宽度 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 为滚动条两端箭头颜色设定。 >跑馬燈 普通捲動 vmarqueebehavior=slide>...滑動 vmarqueebehavior=scroll>...預設捲動 vmarqueebehavior=alternate>...來回捲動 vmarqueedirection=down>...向下捲動 vmarqueedirection=up>...向上捲動 vmarqueedirection=right>向右捲動 vmarqueedirection='left'>向左捲動 vmarqueeloop=2>...捲動次數 vmarqueewidth=180>...設定寬度 vmarqueeheight=30>..(须与列并用) (跟
(一个return)(
(
(
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML5 代码 大全 精编