例
对文档中的文本进行格式化:
<code>一段电脑代码</code>
浏览器支持
所有主流浏览器都支持 <code> 标签。
标签定义及使用说明
<code> 标签是一个短语标签,用来定义计算机代码文本。
提示:我们并不反对使用这个标签,但是如果您只是为了达到某种视觉效果而使用这个标签的话,我们建议您使用 CSS ,这样可能会取得更丰富的效果。
所有短语标签:
| 标签 | 描述 |
|---|---|
| <em> | 呈现为被强调的文本。 |
| <strong> | 定义重要的文本。 |
| <dfn> | 定义一个定义项目。 |
| <code> | 定义计算机代码文本。 |
| <samp> | 定义样本文本。 |
| <kbd> | 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。 |
| <var> | 定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。 |
HTML 4.01 与 HTML5之间的差异
无。
全局属性
<code> 标签支持 HTML 的全局属性。
事件属性
<code> 标签支持 HTML 的事件属性。
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!
TML标签
基本标签
HTML页面中内容是由HTML标签组织起来的,如页面中的文本、图像、Flash视频文件等都是通过HTML标签合理地显示在页面的各个位置。
1 标题标签<h1>~<h6>
标题标签表示一段文字的标题(主题),并且支持多层次的内容结构。HTNL.共提供了6级标题,分别为<h1>~<h6>,并赋予了标题一定的外观,所有标题字体加粗,其中山<h1>字号最大,<h6>字号最小.
2.图像标签<img>
在网页中常用的图像格式有4种,即JPG、GIF、BMP.PNG,其中使用比较多的是JPG、GIF和PNG,大多数浏览器都可以显示这些图像。
显示图像的语法:
< img src="ur1" alt="文本" width="x" height="y"/>
在语法中:
a、SrC属性:表示显示图像的地址。
b、alt属性:指定图像的替代文本,当图像无法显示时(如图片路径错误或网速太慢等)替代显示的文本,这样,即使图像无法显示,用户还可以看到网页丢失的信息,所以为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好地显示信息,并且对于那些使用纯文本浏览器的人来说是非常有帮助的。
c、width属性:表示图像宽度.
d、height属性:表示图像高度。
3.段落标签<p>
顾名思义,段落标签表示将一段文字组成一系列段落内容,这样做的目的是内容应用某些格式和布局,使各个段落的逻辑更清晰明了。在HTML文档中,段落通过<p>标签定义。段落标签<p>表示段落的开始,</p >表示段落的结束。
4.换行标签<br/>
在希望不产生一个新段落的情况下进行换行,则使用<br>标签。<br>是一个空的HTML标签,由于关闭标签没有任何意义,因此它没有结束标签。
注意:
使用<b>和<br>的结果一样,在XHTML以及未来的HTML版本中,根据W3C规范,不允许使用没有结束标签的HTML元素,因此使用<br>页面更规范,有更长远的保障。
5.水平线标签<hr/>
水平线标签表示一条水平线,注意该标签与<br>标签一样,没有结束标签,直接使用<hr/>表示标签的开始和结束。
使用以上讲解的基本标签,就可以进行网页内容排版了。
览器支持
所有主流浏览器都支持 <a> 标签。
标签定义及使用说明
<a> 标签定义超链接,用于从一个页面链接到另一个页面。
<a> 元素最重要的属性是 href 属性,它指定链接的目标。
在所有浏览器中,链接的默认外观如下:
未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的
提示和注释
提示:如果没有使用 href 属性,则不能使用 hreflang、media、rel、target 以及 type 属性。
提示:通常在当前浏览器窗口中显示被链接页面,除非规定了其他 target。
提示:请使用 CSS 来改变链接的样式。
HTML 4.01 与 HTML5之间的差异
在 HTML 4.01 中,<a> 标签既可以是超链接,也可以是锚。在 HTML5 中,<a> 标签是超链接,但是假如没有 href 属性,它仅仅是超链接的一个占位符。
HTML5 有一些新的属性,同时不再支持一些 HTML 4.01 的属性。
属性
New :HTML5 中的新属性。
| 属性 | 值 | 描述 |
|---|---|---|
| charset | char_encoding | HTML5 不支持。规定目标 URL 的字符编码。 |
| coords | coordinates | HTML5 不支持。规定链接的坐标。 |
| downloadNew | filename | 指定下载链接 |
| href | URL | 规定链接的目标 URL。 |
| hreflang | language_code | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 |
| mediaNew | media_query | 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。 |
| name | section_name | HTML5 不支持。规定锚的名称。 |
| rel | alternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag | 规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 |
| rev | text | HTML5 不支持。规定目标 URL 与当前文档之间的关系。 |
| shape | defaultrectcirclepoly | HTML5 不支持。规定链接的形状。 |
| target | _blank_parent_self_topframename | 规定在何处打开目标 URL。仅在 href 属性存在时使用。 |
| typeNew | MIME_type | 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。注:MIME = Multipurpose Internet Mail Extensions。 |
全局属性
<a> 标签支持 HTML 的全局属性。
事件属性
<a> 标签支持 HTML 的事件属性。
创建超级链接
本例演示如何在 HTML 文档中创建链接。
将图像作为链接
本例演示如何使用图像作为链接。
在新的浏览器窗口打开链接
本例演示如何在新窗口打开一个页面,这样的话访问者就无需离开您的站点了。
创建电子邮件链接
本例演示如何链接到一个邮件。(本例在安装邮件客户端程序后才能工作。)
创建电子邮件链接 2
本例演示更加复杂的邮件链接。
使用锚跳转到同一个页面的不同位置
本例演示如何使用锚的 id 属性跳转到页面的不同位置( HTML5 不支持 name 属性)
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!
*请认真填写需求信息,我们会在24小时内与您取得联系。