一、架构简介
1、软件主要分为两种架构C/S和B/S
C/S——Customer(客户端）/Server(服务器）
B/S——Browser（浏览器）/Server
Browser:html、css、javaScript、jquery、ajax
Server:java、jsp、servlet、filter、list、ener、spring、spring mvc、mybatis
2、W3C标准
网页主要由3部分组成：结构—HTML用于描述页面的结构、表现—CSS控制页面中元素的样式、行为—JavaScript负责页面的行为
二、HTML（Hypertext Markup Language)超文本标记语言
元素：也称标签
父元素：（父标签）和子元素直接上下级关系
祖先元素：包含父元素
兄弟元素：例如header和body
子元素：和父标签有直接上下级关系
后代元素：后代元素包含子元素
三、常用标签
1、标题标签
这是一级标题
这是二级标题
这是三级标题
这是四级标题
这是五级标题
这是六级标题
2、段落标签
锄 禾日当午，
汗滴禾下土。 谁知盘中餐， 粒粒皆辛苦。
3、换行标签
锄禾日当午， 汗滴禾下土。 谁知盘中餐， 粒粒皆辛苦。
4、特殊符号
空格：
<：<
5、分割线
我是分割线
6、无序列表
ul:unordered list 无序列表
li:list item 具体表单项
- 张三
- 极速
- 23
- 极其
7、有序列表
ol:ordered list 有序列表
li:list item 具体表单项
- 张三
- 极速
- 23
- 极其
8、img标签
img标签用于加载图片
alt:表示图片未正常加载的时候需要显示的信息
src:图片的路径
相对路径:表示的是相对于当前文件所在目录的路径
1）和当前文件在同一个目录下
2）图片据在的目录和当前文件在同一个文件夹
3）图片所在的目录是当前文件的上一级或上级 e.g ../img/im.gif或../../img/im.gif
绝对路径:
互联网资源:http://
本地资源:file:///
9、iframe框架
| 1 2 3 4 5 6 | < body > 这是iframe页面 < iframe src="img.html" width="300" heigth="500"></ iframe > </ body > |
8、a标签
a标签中的属性：
href="":代表要跳转的地址
target="",规定在何处打开目标页面
四、表格
| 姓名 | 年龄 | 性别 | 籍贯 |
| 张三 | 32 | 男 | 河北 |
| 李三 | 25 | 女 | 重庆 |
| 张三1 | 22 | ||
五、 表单
六、CSS
1、样式表
1）行内样式表
id：identifier属性在整个html页面中必须是唯一
什么颜色？
2）内部样式表
3）外部样式表
2、选择器
<style type="text/css">
#sss{ <!-- id选择器，优先级最高 -->
color:red;
backgroud-color:yellow;
}
P{ <!-- 标签选择器 ，优先级最低-->
color:red
}
.ab{ <!-- 类选择器 ，优先级次之-->
font-size:30px;
}
</style>
<head>
<style type="">/*一个并集选择器*/
h1,h2,h3,p{ font-size:12px; color:green; } /*并集选择器内依次有交集选择器(h2.special)、类选择器(special)、ID选择器(#one)*/ h2.special,.special,#one{ text-decoration: underline; color: red; }/*交集选择器*/ h2.special{ color:blue; font-size: 30px } 示例文字000
这是一段文字
这是一段文字
这是一段文字
这是一段文字
< /body> 注意
i标签倾斜 b标签加粗<