1:属性总是以名称/值对的形式出现,比如:name=”dd”。
2;属性总是在 HTML 元素的开始标签中规定。

3属性测试:
accesskey:规定激活元素的快捷键。

注释:以下元素支持 accesskey 属性:<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
 <script type="text/javascript" src="js/test.js"></script> 
</head>
<body>

<a href="http://www.w3school.com.cn/html/" accesskey="h">HTML 教程</a><br />
<a href="http://www.w3school.com.cn/css/" accesskey="c">CSS 教程</a>

<p><b>注释:</b>请使用Alt + <i>accessKey</i> (或者 Shift + Alt + <i>accessKey</i>) 来访问带有指定快捷键的元素。</p>
<p>已经测试: Shift + Alt + h 就跳转到HTML 教程页面, Shift + Alt + c 就跳转到CSS 教程页面
</body>
</html>

</body>
</html>

这里写图片描述

class 规定元素的一个或多个类名(引用样式表中的类)。

注释:class 属性不能在以下 HTML 元素中使用:base, head, html, meta, param, script, style 以及 title
提示:可以给 HTML 元素赋予多个 class,例如:
<span class="left_menu important">。这么做可以把若干个 CSS 类合并到一个 HTML 元素。

dir 规定元素中内容的文本方向。

ltr     默认。从左向右的文本方向。
rtl     从右向左的文本方向。
注释:dir 属性在以下标签中无效:<base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param> 以及 <script>
<body>

<p dir="rtl">1234</p>
<p dir="ltr">1234</p>
</body>

这里写图片描述

lang 规定元素内容的语言。

注释:lang 属性在以下标签中无效:<base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param> 以及 <script>
<body>
<p lang="zh">我爱你</p>
Chinese (Simplified)    zh
Chinese (Traditional)   zh
</body>

这里写图片描述

style 规定元素的行内 CSS 样式。

style 属性将覆盖任何全局的样式设定,例如在 <style> 标签或在外部样式表中规定的样式。
<body>
<p style="color:red">11111</p>
</body>

这里写图片描述

tabindex 属性规定元素的 tab 键控制次序(当 tab 键用于导航时)。

注释:以下元素支持 tabindex 属性:<a>, <area>, <button>, <input>, <object>, <select> 以及 <textarea>
<body>

<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a><br />
<a href="http://www.google.com/" tabindex="1">Google</a><br />
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>

<p><b>注释:</b>请尝试使用键盘上的 "Tab" 键在链接之间进行导航。</p>
</body>

这里写图片描述

说明:使用tab键,会按照 tab 键次序来选择

title 规定有关元素的额外信息。

这些信息通常会在鼠标移到元素上时显示一段工具提示文本(tooltip text)。
提示:title 属性常与 form 以及 a 元素一同使用,以提供关于输入格式和链接目标的信息。同时它也是 abbr 和 acronym 元素的必需属性。
<body>
<p title="Free Web tutorials">W3School.com.cn</p>
</body>

这里写图片描述

posted on 2017-11-12 14:29  2637282556  阅读(129)  评论(0编辑  收藏  举报