Web应用开发技术(1)-html

Web应用开发技术

一个完整的Web应用需要通过前段开发技术和后端开发技术一起联合实现

最重要的前段开发技术：HTML、CSS、JavaScript

后端开发技术：Python、Java、PHP、ASP.NET、Node.js

 

Web项目开发技术团队构成：项目经理、产品经理(Product Manager，简称PM)、UI设计师或美工、前端工程师、后端工程师、测试工程师、运维工程师

 

前端开发技术

负责制作网页

HTML：Hyper Text Markup Language，超文本标记语言，也是浏览器遵守的技术，定义了组织网页内容的一系列元素及这些元素的含义

CSS：Cascading Style Sheet，层叠样式表，通过样式表格控制网页呈现在用户眼前的外貌

JavaScript：简称JS，运行在浏览器上的脚本编程语言，操作HTML元素，响应用户的操作

 

HTML

标记语言，W3C负责制定的技术标准，HTML5是HTML技术标准的最新版本

W3C：World Wide Web Consortium，万维网联盟

HTML5是不仅仅是指HTML的5.0版本，更是一系列开发现代富内容网页的技术的总称

HTML是XML的子集，但其格式没有XML严格

一个HTML文档是由文档声明，若干个HTML元素构成

HTML文档就是所谓的网页，其文件后缀名为.html或.htm，可以使用浏览器打开

HTML文档是文本文件，可以使用任何文本编译器编写

 

世界主流浏览器：

Google Chrome

Mozilla Firefox

Opera

Apple Safari

Microsoft Internet Explorer

 

常用HTML元素(标签)：

head元素的子元素定义的是网页的元数据，即网页的各种描述信息

body元素的内容会显示在浏览器窗口客户区中

p：paragraph，段落

img：image，表示图像，常用属性src，width，height，border(边框）等

a：超级链接，常用属性href，target等，即可以跳转到另一个网页，也可以跳转到同一个网页内部的不同位置(锚点链接)

hr：分隔线

h1-h6：不同级别的标题(注意：这是用来组织内容结构的，不是用来调整字的大小的)

pixel：像素点

 

扩展

1. 前端编写可以使用软件HBuilder X

2. HTML5相对于HTML4，增加和修改了一些元素

3. 富内容：即内容丰富，不仅仅是文本内容，还有视频音频等

4. JavaScript和Java没有任何关系，之所以叫 JavaScript是因为当时 Java很火，想蹭下 Java的热度

5. 位图在放大的时候会出现马赛克，而矢量图保持不变

6. a和img在网页中显示时一行可以有多个，而块级元素会占一行

7. 单标签可以省略后面的斜线

8. target=“_blank” 可以让超级链接的网页新开一个窗口，而不是覆盖

9. HTML只要负责网页的内容，CSS负责样式

10. pip install 模块名 -i https://pypi.douban.com/sample