目录
1. HTML概述
1.1 HTML的基本结构
HTML的基本结构如下:
<!DOCTYPE html>
<html>
<head>
<title>标题</title>
</head>
<body>
文档主体
</body>
</html>
标签名 | 定义 | 说明 |
<html></html> | HTML标签 | 页面中最大的标签,称为根标签 |
<head></head> | 文档的头部 | 注意在head标签中我们必须要设置title标签 |
<title></title> | 文档的标题 | 让页面拥有一个属于自己的网页标题 |
<body></body> | 文档的主体 | 元素包含文档的全部内容 |
1.2 HTML的常用开发工具
★NotePad++是一款文本编辑器,软件小巧高效,且支持多种编程语言,如C、C++、Java、C#、XML、HTML、PHP、JavaScript等。
https://notepad-plus-plus.org/
★Visual Studio Code,是针对编写现代Web和云应用的跨平台源代码编辑器。
https://code.visualstudio.com/
★Sublime Text是一个轻量级的编辑器,支持各种编程语言
http://www.sublimetext.com/
★WebStorm是JetBrains公司旗下的一款JavaScript开发工具,现常用于开发HTMK5
https://www.jetbrains.com/webstorm/
★Atom是GitHub专门为程序员推出的一个跨平台文本编辑器
https://atom.io/
★HBuilder是一款国产的前端开发工具
http://www.dcloud.io/
2 HTML的全局属性
2.1 HTML的全局标准属性
全局标准属性适用于大多数元素。在HTML规范中,规定了8个全局标准属性。
●class:用于定义元素的类名。class属性通常用在<body>元素内部。
●id:用于指定元素的唯一id。在整个HTML文档中要具有唯一性。主要作用是可以通过JavaScript和CSS为指定的id改变或者添加样式、动作等。
●style:用于指定元素的行内样式。使用该属性后会覆盖任何全局的样式设定。
●title:用于指定元素的额外信息。通常会在鼠标移到元素上时显示定义的提示文本。
●accesskey:用于指定激活某个元素的快捷键。支持accesskey属性的元素有<a>、<area>、<button>、<input>、<label>、<legend>、<textarea>。
●dir:用于指定元素中内容的文本方向。dir的属性值只有left to right和right to left两种。不生效的元素有<base>、<br>、<frame>、<frameset>、<hr>、<iframe>、<param>、<script>。
●lang:用于指定元素内容的语言。由于涉及元素内容的语言,自然与dir属性一样。