前端简介
我们先来了解以下什么是前端: 前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5、CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,合适的动效设计,给用户带来极高的用户体验
前端能够解决以下问题:
- 解决GUI人机交互问题
- 跨终端
-
- PC/移动浏览器
-
- 客户端小程序
- VR/AR等
- Web技术栈
前端应该关注哪些方面
- 功能
- 美观
- 无障碍
- 安全
- 性能
- 兼容
- 体验
HTML
HTML是什么?
HTML全称:Hyper Text Markup Language
HTML语法:
HTML练习实例
HTML 标题
HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的。
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
HTML 段落
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
HTML 链接
<a href="https://www.runoob.com">这是一个链接</a>
提示:在 href 属性中指定链接的地址。
HTML 图像
<img src="/images/logo.png" width="258" height="39" alt="转存失败,建议直接上传图片文件">
知识扩展:
超文本标记语言(HyperText Markup Language,HTML),是为”网页创建和其他可在网页浏览器中看到的信息“设计的一种标记语言。
XHTML
可扩展超文本标记语言(eXtensible HyperText Markup Language) 与 HTML 4.01 几乎是相同的,是一种更纯洁、更严格、更规范的HTML代码。
从HTML面世开始他就显得“很不正规”,1991年年底推出HTML,但最早的HTML并没有任何严格的定义。直到1993年,IETF(Internet Engineering Task Force,互联网工程工作小组)才开始发布HTML草案。在HTML语言的发展历史中,大致经历了如下过程:
HTML(第一版):
1993年6月由互联网工程工作小组发布的HTML工作草案。这个版本没有标准版本,主要是因为当时有很多版本的HTML,没有形成一个统一的标准,所以没有正式的HTML1.0.
HTML2.0:
1995年11月作为RFC(Request For Comments 一系列以编号排定的文件)1866发布。
HTML3.2:
1996年1月14日,由W3C组织发布,是HTML文档第一个被广泛使用的标准。由于该版本年代较早,很多东西都已经过时,在2018年3月15日被取消作为标准。
HTML4.0:
1997年12月18日,由W3C组织发布,是HTML文档另一个重要的、广泛使用的标准。
HTML4.01:
1999年12月24日,W3C组织发布。这也是另一个被广泛使用的标准。
XHTML1.0:
2000年1月26日,W3C组织推荐标准。后来经过修订于2002年8月日重新发布。
XHTML1.1:
XHTML最后的独立标准,2.0止于草案阶段。XHTML5则是属于HTML5标准的一部分,且名称已改为“以XML序列化的HTML5”,而非“可扩展的HTML”。
HTML5:
HTML5 技术结合了 HTML4.01 的相关标准并革新,符合现代网络发展要求,在 2008 年正式发布。
在HTML3.2之前,HTML的发展极为混乱,各软件厂商经常自行增加HTML标记,而各浏览器厂商为了保持最好的兼容性,总是尽力支持各种HTML标记。在HTML发展历史中,最广为人知的是HTML3.2和HTML4.01