html(二)_属性,超链接

来源:互联网 发布:淘宝导航css代码颜色 编辑:程序博客网 时间:2024/05/29 03:27

适用于大多数 HTML 元素的属性:

属性

 描述class为html元素定义一个或多个类名(classname)(类名从样式文件引入)id定义元素的唯一idstyle规定元素的行内样式(inline style)title描述了元素的额外信息 (作为工具条使用)

HTML 格式化标签

HTML 使用标签<b> 与<i> 对输出的文本进行格式, 如:粗体 or 斜体


通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。

然而,这些标签的含义是不同的:

<b> 与<i> 定义粗体或斜体文本。

<strong> 或者 <em>意味着你要呈现的文本是重要的,所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过,未来浏览器可能会支持更好的渲染效果。

HTML 超链接(链接)

如何使用图片链接。

<p>创建图片链接:<a href="http://www.runoob.com/html/html-tutorial.html"><img src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p><p>无边框的图片链接:<a href="http://www.runoob.com/html/html-tutorial.html"><img border="0" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>

在当前页面链接到指定位置
如何使用书签

<p><a href="#C4">查看章节 4</a></p><h2>章节 1</h2><p>这边显示该章节的内容……</p><h2>章节 2</h2><p>这边显示该章节的内容……</p><h2>章节 3</h2><p>这边显示该章节的内容……</p><h2><a id="C4">章节 4</a></h2><p>这边显示该章节的内容……</p><h2>章节 5</h2><p>这边显示该章节的内容……</p>
跳出框架
本例演示如何跳出框架,假如你的页面被固定在框架之内。

<p>跳出框架?</p> <a href="http://www.runoob.com/" target="_top">点击这里!</a> 


0 0
原创粉丝点击