整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML基础的 <i> 标签

<p>He named his car <i>The lightning</i>, because it was very fast.</p>


浏览器支持

所有主流浏览器都支持 <i> 标签。


标签定义及使用说明

<i> 定义与文本中其余部分不同的部分,并把这部分文本呈现为斜体文本。

<i> 标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。

在没有其他适当语义的元素可以使用时,请使用 <i> 元素。其他语义的元素如下:

  • <em> (被强调的文本)

  • <strong> (重要的文本)

  • <mark> (被标记的/高亮显示的文本)

  • <cite> (作品的标题)

  • <dfn> (一个定义项目)


HTML 4.01 与 HTML5之间的差异

在 HTML 4.01 中,<i> 标签呈现斜体的文本。然而,在 HTML5 中没有必要这么做,可以使用样式表来格式化 <i> 元素中的文本。


全局属性

<i> 标签支持 HTML 的全局属性。


事件属性

<i> 标签支持 HTML 的事件属性。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

本格式标记

以下HTML标记用于格式化网页上文本的外观。这可以使网页变得更加生动,但是,文本格式的太多变化也会使人不快。

标题 - <head> </head>

head标记有6个级别可用,从h1用于最大和最重要的标题,到h6是最小的标题。

粗体 - <b> </b>

b标记之间的文本以粗体显示,与周围的文本相对突出。

斜体 - <i> </i>

i标记以一个小角度显示文本。

下划线 - <u> </u>

u标记在文本正文添加一条线,请注意,链接已经有下划线,不需要额外的标记。

删除线 - <strike> </strike>

strike标记在文本的正中间画一条线,通常用来表示文本是旧的,不再相关,删除。也可以用<s></s>代替。

预格式化文本 - <pre> </pre>

pre标记之间的任何文本,包括空格、回车符和标点符号,都将像在文本编辑器中一样显示在浏览器中(通常浏览器会忽略多个空格)

源代码 - <code> </code>

code标记之间的文本以固定宽度字体显示,通常在显示源代码时使用。

打字机文本 - <tt> </tt>

tt标记之间的文本就像是用打字机打出了一个固定宽度的文字。

Block Quote - <blockquote> </blockquote>

blockquote标记定义一个块引用,并且在块的左右添加额外的边距。

小号字 - <small> </small>

small标记让你无需设置字体大小,就可以使文本呈现比周围稍小的外观。

字体颜色 - <font color="#??????"> </font>

font标记的color属性改变几个字或一段文字的颜色。属性使用十六进制颜色代码。

字体大小 - <font size="?"> </font>

font标记的size属性改变字体的大小,值范围从1到7,1是最小,7是最大。

字体大小变化 - <font size="+/-?"> </font>

font标记的size属性还可以相对于其前面的字体大小的作即时更改,此用法将按你指定的数字增减字体大小。例如:<font size="-1">一些文本</font>

字体 - <font face="?"> </font>

font标记的face属性以指定的字体显示文本,值为字体名称,如“Helvetica”、“Arial”或“Courier”。

居中 - <center> </center>

center标记之间的所有内容都居中。

强调 - <em> </em>

em标记用于强调文本,文本通常以斜体显示,可能会根据浏览器的不同而有所不同。

着重强调 - <strong> </strong>

strong标记用于着重强调文本,通常以粗体显示,可能会根据浏览器的不同而有所不同。

例子

下面是以上标记的示例:

浏览器显示内容如下所示:

一下html中文件标签和文本标签的使用

目的是学会使用,所以借助工具可以省好多时间

1.文件标签:构成html最基本的标签

html:html文档的根标签

head:头标签。用于引入html文档的一些属性。引入外部的一些资源

title:标题标签

body:体标签

<!DOCTYPE html>:html5中定义该文档是html

2.文本标签:和文本有关的标签

注释:<!-- 注释内容 –->

<h1> 到<h6>:标题标签自带换行的效果

<p>:表示段落的标签

<br>:换行标签<br/>和<br>的写法都不会报错

<hr>:显示一条水平线(也是一个自闭和标签)水平线有一些属性我们可以控制它的样式。hr里面表示高度是size而不是height.对齐方式默认是居中的。

<b>:字体加粗

<i>:斜体

<font>:字体标签(通过属性来修改字体的字号,大小,颜色,以及字体的样式)

<center>:文本居然标签

这里讲下网页下面的版权标签是如何写出来的。

3.图片标签:用来展示图片的(图片也是一个自闭合标签)

属性:src:用来指定图片的位置

什么都不写默认就是./的形式

../表示上一级目录

4.列表标签:

有序列表:ol,li(li表示的是列表的每一项)

无序列表:ul,li

5.链接标签:

a:定义一个超链接

属性:

href:指定访问资源的URL(统一资源定位符,就是路径的表示形式)

target:(是目标的意思)指定打开资源的方式

_self:在当前页面打开

_blank:在空白页面打开

6.表格标签:在HTML中的表格只有行的概念,没有列的概念,将表格以行的形式进行分割,然后再对行进行操作。

table:定义表格

width:表格的宽度

border:边框

cellpadding:单元格内容左对齐(定义内容和单元格的距离)

cellspacing:边框合并(定义单元格之间的距离,如果指定为0,单元格的线会合为一条)

bgcolor:背景色

align:表格的对齐样式

tr:定义行

bgcolor:背景色

align:表格的对齐样式(是用来修改文本的对齐方式的)


td:定义单元格

colspan:合并列

rowspan:合并行

th:定义表头单元格

<caption>:表格标题

<thread>:表示表格的头部分

<tbody>:表示表格的体部分

<tfoot>:表示表格的脚部分

7.块标签:div和span是结合css使用的

span:文本信息在一行显示,行内标签,内联标签(意思就是它不会换行)

div:是会换行的。每一个div占满一整行。块级别的标签

8.语义化标签:html5中为了提高程序的可读性,提高了一些标签

<header>

<footer>