1.软件架构
c/s
客户端和服务器
优点:效果好,响应速度快
缺点:要维护两个内容,成本高,需求量少
b/s(我们学习的方向)
浏览器和服务器
优点:维护一个服务器端就可以了, 需求量比较大
缺点:效果不是很好 ---->可以通过css3,html5来美化效果
2.资源分类
静态
html--->搭建基础网页, 展示一些数据而已!!!!
css --->美化
js ---->增强客户体验
动态(重要!!!!!!) --->先翻译成静态资源,然后在给浏览器!!!!
servlet
jsp
注意:浏览器只能解析静态资源
3.html
超文本标记语言
超文本 --->将多个页面链接在一起的技术
标记语言 --->由标签组成的语言(html,xml)例如: <student>梅军建</student>
4.html的语法
1.后缀名.html或者.htm
2.标签分类
围堵 : 由开始标签和结束标签组成: 例如: <student>梅军建</student>
自闭合: 开始标签和结束标签在一起 : 例如: <br/>
3.他不区分大小写
4.属性的值建议用引号引起来(单双都可以)
5.文本标签
<p> --->段落
<h1> - <h6> ---> 从1开始逐渐减小, 自带换行
<hr> ---> 水平线
<br> ---> 换行
<i> ---> 斜体
<b> --->加粗
<u> --->下划线
<font>
color
RGB(255,255,255)
建议使用: #值1值2值3 ----> 99 ---> 9 * 10 + 9 : FF ---> 15个16 + 15 --->255
width
以px为单位,像素
以%比方式
size
设置字体的大小, 100 --->7
<center> ----> 可以让内容居中!!!!!
6.图片标签
<img/>
属性: src ---->指向要展示的图片的路径,这个路径大部分用的相对路径,(./(当前路径)和../(上一级目录)的区别)
不是太重要: width ,height
7.超链接标签
<a></a>
属性:
href --->指定要跳转的路径
target
_self --->在当前页面打开资源
_blank --->新开页面打开资源
8. div和span ---->没有任何样式的,必须通过结合css来控制其样式
块级标签: 默认独占一行 ---->比如: h1,div, font,p
行内标签: 默认不独占一行--->比如: span
9. 语义化 ---->没有任何样式的,必须通过结合css来控制其样式
<header>
<footer>
10.表格
<table>
属性：
border:可以加边框
cellspacing: 控制单元格和单元格之间的距离
cellpadding: 控制单元格内容和单元格的距离
align: center,left,right
bgcolor:背景颜色
<tr> ---> 定义行
bgcolor,align
<td> --->定义单元格
colspan ---> 合并列
rowspan ---> 合并行
<th> --->定义单元格, 只不过里面的内容默认居 |
|
收藏
淘帖
踩
