1 软件的结构划分:
1) C/S结构:Client->Server之间的交互
典型特点:1)客户端的软件必须升级才能使用服务器端高版本的功能
应用:阿里巴巴 QQ,飞秋…
2) B/S结构:Browser-Server:浏览器端和服务器端之间的交互
特点:浏览器端的软件不需要特定的升级就可以访问服务器的网站
应用:大型游戏网站,网易新闻….
JavaWeb/EE —>都是基于B/S结构的…
2 什么是网站
将基于B/S的应用都叫网站.一个网站是由什么组成的/span>一个网站是有很多的html标签组成;
3 HTML
HTML:全称:hyper Text Markup Language:超文本标记语言
超文本标记:
针对字体的颜色,大小
针对图片,动画,音频,视频等等进行操作!
4 HTML语言的结构
<html>
<head> 编码规范的(gbk/utf-8) -à头文件标签
<title>标题标签</title>
</head>
<body>
html主体部分:这些内容最终会在浏览器中显示
</body>
</html> -à有标签体的标签
5 HTML结构的解释
html:根标签–à标签体中会很多子标签
head:头文件
body:网页的主体部分,会显示内容
6 文本标签
标题标签: h1~h6
水平线标签:hr
换行标签<br/>
段落标签:p
段落缩进:blockquote
上下标标签:sup和sub
原样输出标签:pre
字体标签:font
居中标签:center
图像标签:
|
图像标签:img 空标签体 <img/> 属性: src:链接到的资源图片 width:图片的宽度 两种方式:一种指定px(像素) 第二种:百分比 title:悬停状态,会显示文字 alt:当图片失效的时候,用来解释说明该图片 height:图片的高度 |
转义字符:
空格: 注意事项(分号一定要带上)
<: < ; (letter than)
>:>(greater than)
<h1></h1>
注册商标:/p>
版权所有:
表格标签
表单标签
作用:就是采集用户输入的数据
应用场景:
登录:–à用户输入用户的基本信息(用户名,密码,邮箱等等)–à点击登录—>提交到系统后台—à后台校验是否存在该用户–à存在,登录成功,否则,给提示,用户名或者密码.其他错误!
注册:–à采集用户输入的数据–à提交后台–à服务器数据库查看是否有当前用户名,有表示,注册失败;否则注册成功!
CSS:
前端知识:
w3c组织:规范了html,css,javascript(js)写法
html:结构化标准
css:网页的样式(美化网页的)
javascript:行为化标准
CSS:全称:Cascading style sheet:层叠样式表
CSS的使用有三种方式:
1) 行内样式
标签 style属性:指定样式
弊端:style属性它和html标签混合使用,不利于后期维护
2) 内部样式
书写格式:
选中某个标签名{
书写样式;
}
讲课使用的是内部样式
3) 外部方式
a) 创建css文件:指定标签的样式
标签选择器{
书写样式;
}
b) 需要外部导入该css文件
rel属性:关联层叠样式表
<link href=”需要被导入的css文件” ref=”stylesheet”>
总结:
1 :软件结构的划分:
两种:C/S B/S
2 html语言:
熟练掌握几个常用的标签:
段落标签:p
原样输出:pre
字体标签:font
上下标 和转义字符(注册商品和版权所有):sup和sub /span>
有序列标签
ol li列表项
无序列标签
ul li列表项
超链接标签
1) 连接到某个资源文件或者资源地址(URL)
2) 作为锚连接来使用
在同一个html页面下:
1) 打锚点:
<a name=”锚点名称”></a>
2) 创建跳转
<a href=”#锚点名称”>开始跳转</a>
不同页html页面下:
1)打锚点:
<a name=”锚点名称”></a>
3) 创建跳转标记
4) <a href=”资源文件或者资源地址#锚点名称”>开始跳转</a>
表格标签:
table标签
属性:border 表格的边框 width 表格的宽度 height表格的高度
align:标签在浏览器中的对齐方式 bgColor:背景色
tr:行标签
td:列(单元格)
th:表头标签(居中,加粗)
行合并:rospan
列合并:colspan
图片标签:
<img src=”图片资源文件” alt=”图片的失效的时候替代文本” title=”悬浮状态显示当前文字” width=”宽度”/>
表单标签:重点
form表单中的action提交的地址
method属性:提交方式: get/post
表单项中必填name属性:作为后台标记
文本输入框
密码输入框
单选框
复选框
提交
来源：静之若安浮之若失
声明：本站部分文章及图片转载于互联网，内容版权归原作者所有，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！