0 web开发常用技术
前端（界面）：HTML CSS JAVASCRIPT；
前端框架技术：BOOTSTRAP EASYUI JQUERY
服务器端技术：JAVA JAVAWEB 数据库（sqlserver、oracle、mysql）
服务器端框架技术：SSH（Struts+Spring+Hibernate） SSM（Spring+SpringMVC+MyBatis）
项目管理工具：maven
项目版本控制工具：SVN
1 HTML基础
HTML ——将界面上该有的内容放上去
CSS——对界面做美化和修饰
JavaScript——给界面加一些动态交互的效果
1.1 HTML基本标记
- WWW：是World Wide Web的缩写，也可以简写为Web，中文叫作万维网。
- HTML：是Hyper Text Markup Language（超级文本标记语言）的缩写，HTML不是一种程序，只是一种控制网页中数据显示的标识语言。HTML由一组标签组成。
- 标签：HTML用标签来规定元素的属性和它在文档中的位置 。
- 标签的形式：<名称>
- HTML不区分大小写，标签名称同样不区分大小写。
1.1.1 HTML的基本结构
1 <!-- 声明页面中的HTML代码遵循的是html5规范--> 2 <!DOCTYPE html> 3 <html> 4 <!--head是html的子标记--> 5 <head> 6 <!--指定了界面的编码方式--> 7 <meta charset="utf-8" /> 8 <title></title> 9 </head> 10 <!-- body为head的兄弟标记 --> 11 <body> 12 </body> 13 </html>
- HTML代码的运行环境是浏览器，不同浏览器内核一般不同。
1.1.2 HTML标签分类
- 双标记(封闭类型标记)-- 成对出现：<标记名称>标记内容</标记名称>
- p标记—段落标记：独占一行，跟前后内容垂直方向上有空白
- align属性：left|center|right
- hn标记—标题标记：独占一行，跟前后内容垂直方向上有空白（n=1~6）
- sup：上标
- sub：下标
- del：删除线
- font：字体，可以加属性，设置颜色大小等（不建议使用）
- b：加粗（不建议使用）
- i：斜体（不建议使用）
- u：下划线（不建议使用）
- pre：预格式化标记（非重点）
- a：超链接，属性：href(链接跳转)、name(用于锚链接)
- <a href="#">超链接</a>：#代表当前页面
- 形式1：<a href="#">文本</a>
- 形式2：<a href="#">图片</a>
- 形式3：电子邮箱超链接<a href="mailto:电子邮箱地址">联系我们</a>：会启动电脑上发邮件的程序，不会发送邮件（不常用）
- 形式4：锚标记
- 在页面中固定的位置打标识：<a name="标识名称（自定义）">位置内容</a>
- 在点击的位置：<a href="#标识名称">点击内容</a>
- 不同页面的位置：<a href="index.html#cen">回到首页中间</a>
- 单标记(非封闭类型标记)—单个出现：<标记名称/>
- br标记：换行
- hr标记：水平线，独占一行。属性：color，align，width，size（线粗细）
- img标记：只给一个宽度，则按比例缩放，宽高都给则按给定缩放
- 属性src：图片路径
- 属性title：鼠标移到图片上的提示信息
- 属性width、height：图片宽高，设置其中一个时等比例缩放，两个都设置时，按设置的缩放
- 属性align：top|middle|bottom|left|right，表示图片和文字的对齐方式，前三个只与一行对齐
- 建议：p hn hr三个标记不要嵌套使用
- 属性：属于标记的，是对标记的进一步修饰和说明
- 格式：<标记名称 属性名称=”属性值” 属性名称1=”属性值1”>标记内容</标记名称>
- 背景属性：bgcolor---背景颜色，background---背景图片
- 注意： <body background="img/0154.jpg" bgcolor="aqua">中，背景图片的优先级高于背景色。
1.2 特殊符号
- 空格：
- <：<
- >：>
- &：&
- ©：©
1.3 列表标记
1.3.1 无序列表
- 无序列表标签<ul>用于页面中没有顺序的列举项。
- 格式：<ul type=""></ul>
- type设置标号的类型，值可以取：
- disc ：实心圆点
- circle ：空心圆点
- square ：实心方块
1.3.2 有序列表
- 有序列表<ol>用于说明页面中的某些成分需要按特定的顺序排列。
- 有序列表的每项都有连续的编号。
- 格式：<ol type="" start="">
- type设置标号的类型，值可以取：
- 1：显示数字
- A：显示大写字母
- a：显示小写字母
- I：显示大写罗马数字
- i：显示小写罗马数字
- start取值：数字
2018年7月4日——Rainy