1、初识HTML
前端就是写一些基本的页面,HTML即超文本标记语言:Hyper Text Markup Language,超文本包括,文字、图片、音频、视频、动画等,HTML5,提供了一些新的元素和一些有趣的新特性,同时也建立了一些新的规则。这些元素、特性和规则的建立,提供了许多新的网页功能,如使用网页实现动态渲染图形、图表、图像和动画,以及不需要安装任何插件直接使用网页播放视频等。
-
HTML的优势
- 世界知名浏览器厂商对HTML5的支持,微软、Google、苹果、Opera、Mozilla
- 市场的需求,在HTML5之前,由于各个浏览器之间的不统一,光是修改Web浏览器之间的那些兼容性就非常头疼了,而HTML5就是将Web这个时代变成了非常成熟的技术,在HTML5上所有的视频、音频、图像等所有的跟电脑之间的交互都形成了一个标准化。
- 跨平台,Java的跨平台使用了JVM的虚拟机,而HTML5依托浏览器就自带跨平台
-
W3C标准(如此重要的HTML5必然会交给一个组织来做这件事情,这个组织就是W3C)
-
W3C:World Wide Web Consortium(万维网联盟),成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机构
-
W3C标准包括
-
结构化标准语言(HTML、XML)
HTML超文本标记语言
XML配置文件都会用这文件
-
表现标准语言(CSS)
让我们的HTML变得好看
-
行为标准(DOM、ECMAScript)
DOM:文档对象模型
ECMAScript:就是JavaScript需要遵守的规范
-
-
-
常见IDE
- 记事本
- Dreamweaver:可以直接绘制网页
- IDEA
- WebStorm:目前最主流的工具,前端工程师都在用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
- HTML基本结构
<body></body>等成对的标签,分别叫开放标签和闭合标签。
单独呈现的标签(空元素)如<hr/>;意为用/来关闭空元素
<meta charset="UTF-8">这种只有一个标签的成为自闭合标签,他没有另外一个标签给他关闭