1、元素和属性不会孤立存在,他们是用来标记HTML。创建一个HTML文档,拓展名.html
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 I like <code>apple</code> and Oranges. 9 </body> 10 </html>
- DOCTYPE :html元素的开始标签,告诉浏览器,自此直到html标签结束,所有元素内容都应作为HTML处理。
- <head>...</head> 可包含用于说明HTML文档的元素,还能用来规定文档与外部资源的关系,定义内嵌CSS的样式。放置和载入脚本。
- <meta> 和 <title> 元数据部分可以用来向浏览器提供文档的一些信息。
- <body>...</body> 内容部分
2、元素
- 元素类型
-
- 元数据元素:用来构建HTML文档的基本结构。
- 流元素:规定这些元素可以成为父元素。
- 短语元素:规定这些元素可以成为子元素。
注:流元素是短语元素的超级。这就是说:所有短语元素都是流元素,但并非所有的流元素都是短语元素。
2.父元素,子元素,后代元素和兄弟元素
3、属性
1.局部属性
每种元素都能规定自己的属性。
2.全局属性
用来配置所有元素共有的行为。
accesskey | 可以设定一个或者几个用来选择页面上的元素的快捷键。 |
class | 将元素归类。 |
contenteditable | HTML5新秀,让用户能够修改页面上的内容。 |
contextmenu | 为元素设定快捷菜单 |
dir | 规定元素中文字的方向 |
draggable | 表示元素是否可被拖动 |
dropzone | 与上述属性配合使用 |
hidden | 布尔属性,表示当前元素无需关注。 |
id | 分配一个唯一的标识符 |
lang | 说明元素内容使用的语言 |
spellcheck | 表明浏览器是否应该对元素内容进行拼写检查。 |
style | 定义CSS样式 |
tabindex | 通过按Tab键在各元素之间切换 |
titile | 元素的额外信息 |