分享html代码的博客,简单实用的HTML代码分享
一、HTML各种命令的代码:
1、文本标签(命令)
创建预格式化文本 创建最大的标题 创建最小的标题
创建黑体字
创建斜体字
创建打字机风格的字体
创建一个引用,通常是斜体
加重一个单词(通常是斜体加黑体)
加重一个单词(通常是斜体加黑体)
size=?>
设置字体大小,从 1 到 7
color=?>
设置字体的颜色,使用名字或十六进制值
2、图形(命令)
添加一个图像
排列对齐一个图像:左中右或上中下
border=?> 设置围绕一个图像的边框的大小
加入一条水平线
size=?> 设置水平线的大小(高度)
设置水平线的宽度(百分比或绝对像素点)
创建一个没有阴影的水平线
3、链接(命令)
href="URL">
创建一个超链接
href="mailto:EMAIL">
创建一个自动发送电子邮件的链接
name="NAME">
创建一个位于文档内部的靶位
href="#NAME">
创建一个指向位于文档内部靶位的链接
4、格式排版(命令)
创建一个新的段落
将段落按左、 中、
右对齐
插入一个回车换行符
从两边缩进文本 创建一个定义列表 放在每个定义术语词之前 放在每个定义之前 创建一个标有数字的列表
放在每个数字列表项之前,并加上一个数字
放在每个圆点列表项之前,并加上一个圆点
段落的标签,也用于格式化表
二、HTML基本语法
文件格式(文件的开头与结尾)
主题
(放在文件的开头)
文头区段
(描述文件的信息)
内文区段
(放此文件的内容)
标题(?=1~6,改变标题字的大小)
标题对齐
align=right,left,center>
字加大
字变小
粗体字
斜体字
底线字
上标字
下标字
居中
居左
居右
基本字体大小
size>(取值范围从1到7,默认值为3)
改变字体大小
size=?>
(?=1~7)
字体颜色
color=#rrggbb>
(RGB色码)
指定字型
face=?>
(?=宋体,楷体等)
网址链结
href="URL">
设定锚点
name="?">
(?以容易记为原则)
链结到锚点
href="#?">
(同一份文件)
href="URL#?">
(锚点不同文件)
显示图形
src="URL">
图形位置
align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)
图形取代文字
src="URL"alt=?>(无法显示图形时用)
图形尺寸
height=?>(?以像素为单位)
连结图形边线
src="URL"border=?>(?以像素为单位)
图形四周留白
vspace=?>(?以像素为单位)
段落
断行
横线
横线厚度
(?以像素为单位)
横线长度
(?以像素为单位)
横线长度
(?与页宽相比较)
实横线
(无立体效果)
背景图案
background=图形文件名>(图形文件格式为gif和jpg)
背景颜色
bgcolor=#rrggbb>(RGB色码)
背景文字颜色
text=#rrggbb>(RGB色码)
未链结点颜色
link=#rrggbb>(RGB色码)
已链结点颜色
vlink=#rrggbb>(RGB色码)
正在链结点颜色
三、具体在做html文件前,我们还有哪些需要做的:
1、网页图象一般有什么要求?
受网络传输速度制约,图象要尽量小。一般每幅最大不要20K。
图象格式一般为gif和jpg两种。通常单调的可以考虑使用gif压缩。用jpg处理照片比较合适,因为里面包含许多色彩的缓和变化。不管是哪种,做好后都应压缩以给图片减肥,但不要压得太多而失真。压缩可用JPEG
Optimizer或Image Optimizer两种工具,若用photoshop5.5做的图象,保存时直接用Save For
Web可进行压缩。另外,Gif格式可作成动画。
2、选择图片的网络存储空间
建议各位卖家们事先可以找一个稳定的空间来存放你的图片,以确保你的买家随时可以看到精美漂亮的商品。注意:不要把图片存放在免费相册里,因为这些相册的路径一般都是虚拟的,每一次浏览的URL都会改变,这对我们卖家来说是非常不好的。
另外要注意的一点是:有一些买家反映看到的卖家商品的图片是小叉叉,这是因为一些卖家在用HTML粘贴图片的时候把自己电脑中C盘或者D盘(也就是本地路径)的图片的路径直接直接复制在命令中,这样就会造成卖家自己可以看到这些图片而你的买家们看到的则是叉叉!所以卖家们在用HTML制作图片的时候一定要注意不要用本地路径直接粘贴图片!
四、练习的例子:(红色字体部分即可修改成你自己的自定义)
第一:用HTML来插入一个图片,
src="http://www.cyberhome.cn/images/girl/PLMM_A.jpg">
Key:
第二:用HTML来插入一个URL,
href="http://www.cyberhome.cn/images/girl/PLMM_F.jpg">点击我进入
Key:点击我进入
第三:插入url的同时,插入图片,点击图片就可以进入这个url,如做一个插入网园淘艺坊的图片链接代码:
href="http://taobao.cyberhome.cn/">
src="http://www.cyberhome.cn/images/girl/PLMM_C.jpg">
Key:
第四:插入一段音乐
高山流水:
src="http://www.cyberhome.cn/images/hill-water.mid"
width="72" height="25" loop="1" align="absmiddle"
controls="smallconsole/playbutton/pausebutton/stopbutton">
Key:
何日君再来:
href="http://202.108.23.172/m?ct=134217728&tn=baidumt,
何日君再来 &word=mp3,
http://lib.jiutai.org/longresdemo/fWJjZGVmZ2hhYmVlbWhpbjE$.mp3,,
[%BA%CE%C8%D5%BE%FD%D4%D9%C0%B4]&si =
%BA%CE%C8%D5%BE%FD%D4%D9%C0%B4;;
%B5%CB%C0%F6%BE%FD&lm =
16777216">何日君再来
Key:何日君再来
分享html代码的博客,简单实用的HTML代码分享相关推荐
- 经验分享:10个简单实用的 jQuery 代码片段
尽管各种 JavaScirpt 框架和库层出不穷,jQuery 仍然是 Web 前端开发中最常用的工具库.今天,向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段. 您可能感兴趣的相 ...
- 博客园 页面定制CSS代码
更新时间:2019-02-18 花了一点时间修改自己的博客背景设置,现在分享一下代码.希望对大家有帮助.我的比较简单,主要代码模板来源于另外一个博主,然后我在基础上进行了部分修改.原博主的连接:htt ...
- activiti高亮显示图片_第 09 篇:让博客支持 Markdown 语法和代码高亮
作者:HelloGitHub-追梦人物 文中涉及的示例代码,已同步更新到HelloGitHub-Team 仓库[1] 为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法 ...
- markdown引入代码_第 09 篇:让博客支持 Markdown 语法和代码高亮
作者:HelloGitHub-追梦人物 文中涉及的示例代码,已同步更新到HelloGitHub-Team 仓库[1] 为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法 ...
- 程序员的黑科技_用代码回复博客
本文讲述了如何使用代码模拟HTTP请求来实现数据爬取.点赞.评论回复等功能. 内容包括: 1.抓包软件WireShark的简单使用方法 2.Python库requests的基本使用 3.一个用代码回复 ...
- 如何零基础零费用的在30分钟内用hugo+github pages创建一个专属于你的个人博客 - 简单快捷到建议人手一个
写这篇文章的原因是在网上看了很多的教程,踩了不少的坑,更多的白费了很多功夫,也没找到一篇从头到尾完整有效的个人建站方法. 有些教程年代久远,有些教程极为繁琐,有些教程压根跑不通. 为了方便自己,做个记 ...
- WordPress博客里面放谷歌广告代码
申请谷歌广告很久了,但一直都没怎么管理,也没有啥收入,今天想放一个google adsense广告代码在文章单页的右上角,由于不太懂代码,自己搞了半天,最后还是按照网上说的方法才放上来. 这里是分享的 ...
- html博客代码 看视频教程,【博客教程】认识HTML代码
HTML是一种用来制作超文本文档的简单标记语言,与普通文档不同,它可以加入文字.图片.声音.动画.影视等内容,可以从一个文件跳转到另一个文件,与世界各地主机的文件连接,通过WWW浏览器显示出效果.它的 ...
- 博客园页面定制html代码,你要的博客园主题都有!!!
基于最近很多小伙伴加我微信想要我的博客园主题,那我就把博客园主题整理一下,送给喜欢的小伙伴,园友们喜欢可以收藏,关注,博客园主题仅供参考,博主顺便再多说一句,虽然我可以分享给你们,但是我更愿意你们加我 ...
最新文章
- marlin固件烧录教程_小白穿越机教程-刷固件 | 穿越机如何刷最新的betaflight固件教程...
- 北京/上海内推 | 字节跳动AI Lab招聘NLP算法模型优化方向实习生
- SqueezeNet
- iptables 防火墙(上)
- 关于iframe嵌套、动态获取iframe内的url、父页面重定向-2
- android uinput 按键_android 使用uinput模拟输入设备的方法
- Spring Data JPA 从入门到精通~默认数据源的讲解
- 地址随机化 linux,GOT覆盖和Linux地址随机化
- php公司共享 管理,php – 管理几个共享重叠函数和类的代码库
- Java HttpUtils 请求工具类
- t检验的显著性p值python_Python P值
- 印度人在接管硅谷的时候,中国人在做什么?
- 数据分析:OLS回归分析
- 自控力之意志力的本能:人生来就能抵制奶酪蛋糕的诱惑
- 计算机二级两个控件之间求偶,求,全国计算机等级考试二级java历年试题及答案合集,还有上机考试真题?...
- VB.net学习笔记(六)VB.net的对象
- 血气方刚的年轻小伙竟去做家政小哥,是怎样成功逆袭转行的
- python 获取国内期货_获取和讯期货数据(Python版本).md
- 海底捞市值超大多数上市房企,火锅是怎么做到比卖房还赚钱的?
- 清华大学公开课线性代数2——第7讲:工程中的矩阵
热门文章
- 虹科干货 | 仅需3步!教你如何基于Windows系统操作使用RELY-TSN-KIT评估套件
- 扫码枪回车键条码_条码扫描枪怎么设置换行?
- Frames : 一个特殊的窗口类型
- 使用IDEA编译之配置文件出现乱码(properties、yml、xml)
- 树莓派 Pico Clion开发
- 跨专业计算机考研难度,跨专业考研难度比较大的专业有哪些
- MFC实现交通图导航系统
- [网络安全课程实验]:基于nmap 的网络扫描和信息分析
- 404 网站服务器错误怎么解决,网站404错误页面是什么意思,它有什么用?
- AHBA| 如何建立Null模型控制富集分析中的假阳性偏差