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