web页面化工作的前期基础学习（二）——HTML标签属性

最新推荐文章于 2022-04-20 21:11:14 发布

雪狐狼

最新推荐文章于 2022-04-20 21:11:14 发布

阅读量351

点赞数

分类专栏：基础学习

本文链接：https://blog.csdn.net/redvesper/article/details/50559936

版权

10 篇文章 0 订阅

订阅专栏

属性	描述
accesskey	规定激活元素的快捷键。
class	规定元素的一个或多个类名（引用样式表中的类）。
contenteditable	规定元素内容是否可编辑。
contextmenu	规定元素的上下文菜单。上下文菜单在用户点击元素时显示。
data-*	用于存储页面或应用程序的私有定制数据。
dir	规定元素中内容的文本方向。
draggable	规定元素是否可拖动。
dropzone	规定在拖动被拖动数据时是否进行复制、移动或链接。
hidden	规定元素仍未或不再相关。
id	规定元素的唯一 id。
lang	规定元素内容的语言。
spellcheck	规定是否对元素进行拼写和语法检查。
style	规定元素的行内 CSS 样式。
tabindex	规定元素的 tab 键次序。
title	规定有关元素的额外信息。
translate	规定是否应该翻译元素内容。

上述14属性，8个是HTML5，在web2.0中最常用的 class,id,style,tabindex,title.

二、实例操作

建立一个HTML页面代码：

<!DOCTYPE html>

<html>

<head>

<title>文档的标题</title>

</head>

<body>

<div id="id1" >我是每一个标签都在这儿写一遍，在<span title="关键字" style="font-size:16px;color:#00FF00">Macromedia Dreamweaver MX 2004 </span>里，按F12 进行每个标签浏览效果！</div>

</body>

</html>

效果图：（IE8浏览器，在浏览页面时可以按F12，出现下面的工具栏，IE6 需要安装小工具（也有第三方其他的工具），IEDevToolBar）

暂时没有涉及样式，所有没有编写样式文件。后期讲述。

关注