HTML技术基础 课件2.4 HTML标记的全局属性_第1页
HTML技术基础 课件2.4 HTML标记的全局属性_第2页
HTML技术基础 课件2.4 HTML标记的全局属性_第3页
HTML技术基础 课件2.4 HTML标记的全局属性_第4页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

2.4HTML标记的全局属性全局属性可用于任何HTML标记,都是可选属性,可以根据设计需要进行设置。HTML中常用的全局属性如表2.3所示。属性属性值(含义)说明nameHTML标记的name名称idHTML标记的Id名称classHTML标记的class类名称style元素的行内CSS样式contenteditabletrue(可编辑)false(不可编辑)元素文本内容是否可编辑dirltr(从左向右)rtl(从右向左)元素文本内容的排列方向draggabletrue(可拖动)false(不可拖动)元素是否可拖动hiddenhidden(隐藏)元素不显示。可以只写属性不写属性值title元素的额外提示信息on……onclick、onchange等元素的事件属性2.4HTML标记的全局属性例如,下面的语句描述了一个段落及其部分属性。段落标记<p>描述了一个段落。在<p>和</p>之间的是段落的内容。用name属性设置了段落名称为a。用id属性设置id名为b。用class属性设置类名为c。用样式属性style设置了段落的样式效果,其中用文字颜色样式color设置文字显示为红色。用contenteditable属性设置段落可在网页上编辑。用title设置段落提示信息为“example”。用dir属性设置段落内容排列从右向左。<pname="a"id="b"class="c"style="color:red;"contenteditable="true"title="example"dir="rtl">这是一个段落!</p>2.4HTML标记的全局属性例2-5HTML标记全局属性示例。示例代码(2-5.html)如下。<html><head><title>例2-5HTML标记全局属性示例</title></head><body><pname="a"id="b"class="c"style="color:red;"contenteditable="true"title="example"dir="rtl">hello!world!</p></body></html>2.

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论