1、web开发=前端+后端；
1.1 web开发是什么？
前端就是那些在客户端上的应用，通常指的就是我们的浏览器。最常用于前端开发的技术是HTML+CSS+JavaScript（三剑客），前端开发人员通常综合使用这些技术进行开发；
后端开发就是编写那些运行在服务器上的代码，通常来说，这部分的工作需要和数据库打交道，比如读写数据、文件、实现业务逻辑等；
1.2 web发展史：（万维网：Word Wide Web）--Mosaic--IE---W3C
HTML发展史
CSS发展史
1.3 用什么编辑器进行Web开发才是最好的？
现阶段用普通的文本编辑器就可以了（有些编辑器可以实现代码补全、语法高亮、多行筛选、自动索引等功能，提高开发效率），但学习阶段就是让大脑和手指记住代码的节奏；
1.4 第一个程序：
html文件.jpg
结果.jpg
HTML是用来描述网页的一种语言，官方指的是超文本标记语言（Hyper Text Markup Language）；
HTML中是以一对一对的标签描述网页的的，第一个称作开始标签，第二个称作为结束标签，结束标签多了个/，开始标签和结束标签之间的内容称作为元素，关键字成为元素的名称，标签之间的内容为文本内容；
第一行为声明；html元素描述整个网页的所有内容；head元素是所有头部元素的容器；body元素是包含了所有网页里面可见的内容；h1表示标题的尺寸，最大，比其小的有h2，h3.....h6，p表示的是一个段落；
1.5 基础标签：
<!DOCTYPE html>是一个声明，表示该文档是由HTML5进行编写的；
<!--...-->用来源文档中插入注释。注释不会在浏览器中显示；条件注释：<!--[if IE 8]>....some HTML here......<![end if]-->，只针对IE浏览器；HTML中使用JavaScript经常使用这种注释:
<script type="text/javascript">
<!--xxxxxxxxxne内容xxxxxx//-->
</script>
<body>标签定义文档的主体，body元素包含文档的所有内容（比如文本。超链接、图像、表格和列表等等）；
<h1>-<h6>标签可定义标题，<h1>定义最大的标题，<h6>定义最小的标题，由于h元素拥有确切的语义，因此需要慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小；
h1-h6
<html>元素用于告诉浏览器其自身是一个HTML文档，<html>与</html>标签限定了文档的开始点与结束点，在它们之间是文档的头部和主体，而文档的头部由<head>标签定义，而主体由<body>标签定义；
注意：即使html元素是文档的根元素，它也不包含doctype元素。doctype元素必须位于html元素之前。
<head>标签用于定义文档的头部，它是所有头部元素的容器，<head>中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。下面这些标签可用在head部分：<base> <link> <meta> <script> <style> <title>；
注意：<tiitle>是head部分中唯一必需的标签。
<p>标签用于定义一个段落，p元素会自动在其前后创建一些空白，浏览器会自动添加这些空间，自己也可以通过样式表进行约束；
<p>
<title>标签用于定义文档的标题，浏览器通常将其内容显示在浏览器窗口的标题或状态栏上；
注意：<titile>标签必须位于<head>标签内部，如果把网页加入用户的链接列表或者收藏夹、书签列表，title元素的内容将成为该网页链接的默认名称。
1.6 Requirement：用<img>标签显示成电校徽；用 <a>标签增加一个超链接跳转到论坛
<img>标签用于向网页中嵌入一幅图像。从技术上讲，<img>标签并不会在网页中插入图像，而是从网页上链接图像。<img>标签创建的是被引用的图像的占位空间，img无结束标签--空标签；
注意：<img>标签有两个必需的属性：src属性和alt属性。
<img>标签的属性表
<a>标签用于定义超链接，超链接可以让用户从一个网页跳转到另一个网页。
注意：<a>标签最重要的属性是href属性，它指定了链接目标的URL
注意事项
<a>标签的属性
html文件，插入图片和超链接
已被访问，超链接紫色
增加属性target到论坛
网友评论