HTML5代码大全.docx
- 文档编号:10677158
- 上传时间:2023-02-22
- 格式:DOCX
- 页数:14
- 大小:21.67KB
HTML5代码大全.docx
《HTML5代码大全.docx》由会员分享,可在线阅读,更多相关《HTML5代码大全.docx(14页珍藏版)》请在冰豆网上搜索。
HTML5代码大全
一、HTML各种命令的代码:
1、文本标签(命令)
〈h1>
〈b>
〈i〉〈/i〉 创建斜体字
〈/tt> 创建打字机风格的字体
〈strong〉〈/strong〉 加重一个单词(通常是斜体加黑体)
〉
〉〈/font〉 设置字体的颜色,使用名字或十六进制值2、图形(命令)
添加一个图像
〉 排列对齐一个图像:
左中右或上中下
〉 设置围绕一个图像的边框的大小
〈hrsize=?
> 设置水平线的大小(高度)
〈hrwidth=?
> 设置水平线的宽度(百分比或绝对像素点)
〈hrnoshade〉 创建一个没有阴影的水平线
3、链接(命令)
〈ahref="URL”〉
EMAIL”〉 创建一个自动发送电子邮件的链接
〈aname="NAME”〉 创建一个位于文档内部的靶位
〈ahref=”#NAME">〈/a〉 创建一个指向位于文档内部靶位的链接
4、格式排版(命令)
〈p> 创建一个新的段落
〈palign=?
> 将段落按左、中、右对齐
插入一个回车换行符〈blockquote>〈/blockquote〉 从两边缩进文本
〈dl〉〈/dl> 创建一个定义列表
〈dd〉 放在每个定义之前
- 放在每个数字列表项之前,并加上一个数字
〈ul>〈/ul> 创建一个标有圆点的列表
〈li> 放在每个圆点列表项之前,并加上一个圆点
〈divalign=?
〉 一个用来排版大块HTML段落的标签,也用于格式化表
二、HTML基本语法
文件格式〈/html>(文件的开头与结尾)
主题〈title〉
文头区段〈head>(描述文件的信息)
内文区段
标题〈h?
〉(?
=1~6,改变标题字的大小)
标题对齐〈halign=right,left,center〉
字加大
字变小〈/small>
粗体字〈b>〈/b>
斜体字〈i>
底线字〈/u>
上标字〈sup>〈/sup>
下标字〈sub〉
居中〈center〉〈/center〉
居左
〈/left〉 居右
基本字体大小
(取值范围从1到7,默认值为3) 改变字体大小〈fontsize=?
〉〈/font>(?
=1~7)
字体颜色
指定字型
>〈/font>(?
=宋体,楷体等)
网址链结〈ahref=”URL">〈/a〉
设定锚点
">〈/a>(?
以容易记为原则)
链结到锚点
”〉〈/a〉(同一份文件)
”〉(锚点不同文件)
显示图形〈imgsrc="URL”>
图形位置〈imgsrc=”URL”align=top,bottom,middle,left,right〉(分别为上、下、中、左、右的位置)
图形取代文字
〉(无法显示图形时用)
图形尺寸〈imgsrc=”URL”width=?
height=?
>(?
以像素为单位)
连结图形边线〈imgsrc=”URL”border=?
>(?
以像素为单位)
图形四周留白〈imgsrc="URL"hspace=?
vspace=?
〉(?
以像素为单位)
段落
断行
〈/br〉横线〈hr〉
横线厚度
〉(?
以像素为单位)
横线长度〈hrwidth=?
>(?
以像素为单位)
横线长度
%>(?
与页宽相比较)
实横线〈hrnoshade>(无立体效果)
背景图案
背景颜色
(RGB色码) 背景文字颜色〈bodytext=#rrggbb>(RGB色码)
未链结点颜色〈bodylink=#rrggbb>(RGB色码)
已链结点颜色〈bodyvlink=#rrggbb>(RGB色码)
正在链结点颜色
三、具体在做html文件前,我们还有哪些需要做的:
1、网页图象一般有什么要求?
受网络传输速度制约,图象要尽量小。
一般每幅最大不要20K。
图象格式一般为gif和jpg两种。
通常单调的可以考虑使用gif压缩。
用jpg处理照片比较合适,因为里面包含许多色彩的缓和变化。
不管是哪种,做好后都应压缩以给图片减肥,但不要压得太多而失真。
压缩可用JPEGOptimizer或ImageOptimizer两种工具,若用photoshop5.5做的图象,保存时直接用SaveForWeb可进行压缩。
另外,Gif格式可作成动画.
2、选择图片的网络存储空间
建议各位卖家们事先可以找一个稳定的空间来存放你的图片,以确保你的买家随时可以看到精美漂亮的商品。
注意:
不要把图片存放在免费相册里,因为这些相册的路径一般都是虚拟的,每一次浏览的URL都会改变,这对我们卖家来说是非常不好的。
另外要注意的一点是:
有一些买家反映看到的卖家商品的图片是小叉叉,这是因为一些卖家在用HTML粘贴图片的时候把自己电脑中C盘或者D盘(也就是本地路径)的图片的路径直接直接复制在命令中,这样就会造成卖家自己可以看到这些图片而你的买家们看到的则是叉叉!
所以卖家们在用HTML制作图片的时候一定要注意不要用本地路径直接粘贴图片!
四、练习的例子:
(红色字体部分即可修改成你自己的自定义)
第一:
用HTML来插入一个图片,
〈imgsrc=”http:
//www.cyberhome。
cn/images/girl/PLMM_A.jpg">
Key:
第二:
用HTML来插入一个URL,
〈ahref=”
Key:
点击我进入
第三:
插入url的同时,插入图片,点击图片就可以进入这个url,如做一个插入网园淘艺坊的图片链接代码:
//taobao.cyberhome。
cn/”〉〈imgsrc="http:
//
Key:
图片链接点击我进入
第四:
插入一段音乐
高山流水:
Key:
音乐链接点击我进入
1.结构性定义
文件类型(放在档案的开头与
文件主题〈TITLE>〈/TITLE〉(必须放在「文头」区块内)
文头〈HEAD〉(描述性资料,像是「主题」)
文体〈BODY>