TML 文本格式化
加粗文本
斜体文本
电脑自动输出
这是 下标 和 上标
HTML 格式化标签
HTML 使用标签<b> 与<i> 对输出的文本进行格式, 如:粗体 or 斜体
这些HTML标签被称为格式化标签(请查看底部完整标签参考手册)。
通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。然而,这些标签的含义是不同的:<b> 与<i> 定义粗体或斜体文本。<strong> 或者 <em>意味着你要呈现的文本是重要的,所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过,未来浏览器可能会支持更好的渲染效果。 |
在线实例
文本格式化
此例演示如何在一个 HTML 文件中对文本进行格式化
预格式文本
此例演示如何使用 pre 标签对空行和空格进行控制。
"计算机输出"标签
此例演示不同的"计算机输出"标签的显示效果。
地址
此例演示如何在 HTML 文件中写地址。
缩写和首字母缩写
此例演示如何实现缩写或首字母缩写。
文字方向
此例演示如何改变文字的方向。
块引用
此例演示如何实现长短不一的引用语。
删除字效果和插入字效果
此例演示如何标记删除文本和插入文本。
HTML 文本格式化标签
标签 | 描述 |
---|---|
<b> | 定义粗体文本 |
<em> | 定义着重文字 |
<i> | 定义斜体字 |
<small> | 定义小号字 |
<strong> | 定义加重语气 |
<sub> | 定义下标字 |
<sup> | 定义上标字 |
<ins> | 定义插入字 |
<del> | 定义删除字 |
HTML "计算机输出" 标签
标签 | 描述 |
---|---|
<code> | 定义计算机代码 |
<kbd> | 定义键盘码 |
<samp> | 定义计算机代码样本 |
<var> | 定义变量 |
<pre> | 定义预格式文本 |
HTML 引文, 引用, 及标签定义
标签 | 描述 |
---|---|
<abbr> | 定义缩写 |
<address> | 定义地址 |
<bdo> | 定义文字方向 |
<blockquote> | 定义长的引用 |
<q> | 定义短的引用语 |
<cite> | 定义引用、引证 |
<dfn> | 定义一个定义项目。 |
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!
段时间亚马逊日本站出公告称卖家不能在详情页面上使用HTML代码后,多位其他站点的亚马逊卖家就开始了一连串的问候:为什么美国站并没有这个news?为什么欧洲站并没有这个news?是不是新规只针对日本站?
时间给出答案:欧洲站以及美国站卖家也即将不能使用HTML标签了。
欧美站发出通知:将不再支持在详情页面上使用HTML标记
据了解,亚马逊一直不建议卖家在详情页面上使用任何HTML内容,这一点在商品详情页面规则中早已经阐明,即使如此还是有不少亚马逊卖家在商品描述页面使用HTML。
近日,亚马逊欧洲站和美国站相继发出通知明确表示,将不再支持在详情页面上使用HTML标记。
从图中内容可以看出,为了向消费者提供安全性以及在非HTML设备上列出产品的多功能性,2021年7月17日之后,亚马逊将停止支持在产品详细信息页面上的产品说明中使用HTML标签。美国站卖家需要按照平台的产品详细信息页面规则中的规定。
亚马逊建议卖家在上述日期之前使用HTML标签更新商品详情页面,卖家可以使用卖方中心或通常的渠道进行此类更新。
2021年7月17日之后,不支持在产品详细信息页面中包含HTML标记的所有产品描述将停止显示HTML格式。例如,如果卖家在产品说明的一行中使用HTML标记,则该行可能会被删除或不使用HTML格式显示,这取决于标记的用法。
除了美国站,欧洲站卖家也即将不能使用HTML标记了。
从中可以看出,亚马逊对欧洲站卖家的要求和美国站卖家大差不差,只是新规生效日期不同,暨从2021年6月19日开始,如果欧洲站卖家在产品说明的任何行中使用HTML标签,则该行将被删除或不使用HTML格式显示。
卖家:怎么换行?怎么加粗字体?
小编了解到,很多亚马逊卖家一直以来都是用HTML代码来编辑详情页,现在亚马逊不让卖家使用HTML了,多位卖家异常惆怅:还有什么办法实现换行和段落功能吗?
一位手工卖家表示,这个政策对手工卖家来说很糟糕,因为直到最近,我们还在大量使用HTML,现在我们不得不接受重新编辑所有这些列表的重大噩耗!
另一位亚马逊卖家同样抱怨连连:这太可怕了!我仍在处理白色背景图片,并在更新照片时重新修改了我的描述,现在即使是我遵循的规则,我也必须重新更改所有内容,因为它们再次更改了规则!
实际上,这个政策也再次把品牌话题带动了起来,用某位亚马逊卖家自己的话说就是,亚马逊是在逼着卖家注册品牌,换A+,这是大势所趋。以美国站卖家为例,亚马逊Listing描述从7.17后不再支持HTML tags, 也就是说还不备案品牌的卖家,以后描述的页面可能就是一堆堆的样子,这实在是没眼看。
小编发现,从今年4月份开始,就陆续有卖家表示用不了HTML了:
卖家A:最近英国站不能用可视化编辑器了,我最近都是手打<b>,一用那个可视化编辑器就提示无效值。
卖家B:4月份上传了几个产品,美国站用可视化编辑器的代码也显示不了分行了……
值得注意的是,政策出来后卖家在以后能否用HTML换行的问题上纠结了起来。对此政策,一位卖家认为以后详情页描述里面,常用的换行<br>,换段落<p>,加粗<b>这些标签都不准再用了,趁早批量用模板更新移除,否则可能会影响listing的完整显示。
但是也有卖家表示,政策生效后仍可以用</br>换行,因为亚马逊表示,在特殊情况下,卖家可以在描述中根据需要使用换行符 (</br>)。
小编想说,不管怎样,卖家还是早做准备,弄清楚亚马逊所说的特殊情况是什么意思,以免政策生效后亡羊补牢为时已晚。
商品详情页面规则
除了亚马逊将停止支持在产品详细信息页面上的产品说明中使用HTML标签这个新闻值得卖家关注,广大亚马逊卖家还需仔细研读商品详情页面规则。
买家通过商品详情页面了解卖家的商品,亚马逊也对商品详情页面进行了严格规定,亚马逊要求卖家确保每个商品详情页面包含单一商品,这有助于为买家提供清晰且一致的购买体验。一般来说,卖家需要遵守以下规定:
1、遵守任何相关的风格指南,避免使用HTML、JavaScript或其他代码。
2、排除不适宜的内容,如淫秽或攻击性材料、链接或联系信息、情节剧透、评论或评论请求以及广告。
避免为已有详情页面的商品创建重复页面。
3、准确地分类和描述商品。
4、为新商品或新版本创建新的详情页面。
5、仅创建与主要商品相关的有效“变体”。
在编写商品信息时,亚马逊方面表示商品详情页面的商品名称、描述、要点或图片中不允许出现以下任何内容:
电话号码、地址、电子邮件地址或网站URL;
供货情况、商品价格或状况详情;
评论、引用或推荐内容;
请求买家发布正面评价的言辞;
用于下订单的其他网站链接或备选配送服务(如免费配送);
在图片、照片或视频上加印广告、宣传资料或水印;
时效性信息,如宣传活动、研讨会或讲座的日期;
在属性中全部使用大写字母,这适用于商品名称、要点和/或商品描述,据了解,亚马逊允许卖家仅对每个单词的开头使用大写字母。
此外,卖家还需注意的是,商品名称不得超过200个字符(包括空格,此上限适用于所有分类,某些分类的字符数可能更少。
一句话总结就是,在亚马逊上销售的任何商品均应遵守亚马逊商品信息标准,如果卖家未遵守这些标准,则会导致负面买家体验,并可能会导致卖家的销售权限被暂时或永久取消。
TML是超文本标记语言。
web标准是由W3C和其它标准化组织制成集合。
结构(对网页元素进行整理和分类-HTML)
表现(设置网页元素的版式,颜色,大小等外观样式-CSS)
行为(模型的定义及交互的表现-JS)
加粗:<strong>和<b>
倾斜:<em>和<i>
删除线:<del>和<s>
下划线:<ins>和<u>
<div>分割分区<span>跨度跨距
图片标签<img/>
属性: src图片路径
alt替换文本,图片无法正常显示
title提示文本,鼠标放到图像显示
width宽度,height高度(只需要修改其中一个)
border边框(无需单位直接写数值)
注意:
①图像标签可以拥有多个属性,必须写在标签名后面
②属性之前不分先后顺序,标签名与属性,属性与属性之间需要空格分开
③属性采取键值对的格式
相对路径:以引用文件所在位置为参考基础
(同一级路径,下一级路径/,上一级路径../)
绝对路径:从盘符开始的路径(\)
常用属性
img ——vspace垂直边距 ,hspace水平边距 align对齐
details,summary,鼠标点击时显示或隐藏
mark 文本中高亮显示,和strong相似
cite 用于引用标记,斜体显示
draggable true选中后可以拖动操作
font定义 font-style font-weight font-size/line-height font-family 顺序不能改变
word-wrap break-word长单词或url地址自动换行
letter-spacing字间距
word-spacing单词间距
line-height行间距
text-decorantion文本装饰unline下划线,overline上划线,line-through删除线
text-indent 2em 首行缩进两个字符
white-space空白符处理 pre
box-sizing:content-box当widthh和height的时候不包括margin和panding
更换图层位置,z轴偏移z-index:-10
align-items:center居中对齐
align-self:center
超链接标签<a>
href链接目标地址
target链接页面打开的方式(_self当前窗口打开,_blank新窗口中打开方式)
外部链接,内部链接,空链接,下载链接,网页元素链接,锚点链接(快速定位到页面的某个位置- 添加id属性)
去除超链接样式:text-decoration:none
特殊字符
空格符
小于号< 大于号>
表格标签
align对齐方式
bolder表格边框
cellpadding单元格与内容之间空白
cellspacing单元格与单元格之前空白
合并单元格:rowspan colspan
列表标签
无序列表:ul li
有序列表:ol li
自定义列表:dl dt dd
表单标签
完整表单:表单域<form>,表单控件,提示信息
<form>
——action(指定接受并处理表单数据的服务器程序的url地址)
——method(get/post设置表单数据的提交方式)
——name(指定表单名称)
<input>输入元素
type属性:button(点击按钮)checkbox(复选框)file(输入字段和“浏览”按钮)hidden(隐藏输入字段)image(图片形式提交按钮)password(密码字段)radio(单选按钮)reset(重置按钮)sumbit(提交按钮)text(单行输入字段,默认20个字符)
name属性:(相同的名字——单选框和复选框)区别不同表单元素
value属性:定义input元素值
checked属性:页面首次加载是否选中
maxlength属性:输入字段的最大值
<lable>标签
用于绑定一个表单元素,当点击<lable>标签内的文本时,浏览器会自动将焦点转到或者选择对应的表单元素上,用来增加用户体验。
<lable>标签的for属性与相关元素的id属性相同
<select>下拉列表元素
-<option>
-selected="selected"默认选中
<textarea>文本域
-cols rows (每行每列字数)
*请认真填写需求信息,我们会在24小时内与您取得联系。