1、内容引入
前端：内容呈现，信息收集。
c/s：客户端/服务器的模式
要使用软件,必须先去下载客户端。
特点:一旦更新。每一个用户都要更新。
安全:可以分担给客户端。
b/s：浏览器/服务器模的式
所有的系统只要有浏览器就可以使用。
特点:服务区更新以后，客户端就自动更新。
JavaWeb做的东西更加擅长做BS程序。
2、创建项目
3、语言介绍
ISGML:标准通用置标语言（主要用于实验室用于传送严谨信息的语言）。
|--HTML：预设值了一些标签，注重信息内容的展示。
l—-XML：用户可以自定义标签，注重的格式的约定，数据的传输。
4、HTML组成部分
<!DOCTYPE html><!-- 文档类型声明 -->
<html>
<head><!-- 根标签有且仅有一个 -->
<meta charset="UTF-8"><!--页面的字符编码 -->
<title>Insert title here</title>
</head>
<!-- 内容 -->
<body>
<!-- 注释ctrl+shift+/,学习不同的标签，不同的标签会被解析为不同的效果 -->
<b><u>在天愿作比翼鸟</u></b>
</body>
</html>5、标签
（一）表格标签<table>
<tr>:定义行：
<td>之间用来定义表格内容
属性:让标签具备效果的能力
border:边框
width:宽度--px像素点，百分比%
height:高度--px
表格的作用
1.用户数据的展示2.用来布局
单元格的合并:
colspan:合并列
rowspan:跨行合并，当前的单元格占几行
ex: rowspan="2”当前的单元格占2行
（二）图片标签
<img />:单标签
alt:(无所谓)
src:图片的数据及路径，网络地址，源码
路径：
绝对路径：从盘符开始的路径
相对路径：相对于当前文件的路径
./ 当前目录
../ 上一层
width:可以调整图片的大小
如果只有width属性等比例缩放
如果同时添加height属性，手动的设置图片的高和宽
（三）超链接标签
作 用：页面之间相互跳转
href:导向的目标地址
1.当前项目下面的其它页面
2.网络路径
（四）表单
表格:用于数据的展示
表单:用户收集用户数据,需要用户去填写
<form>不是from
action:表单数据提交的位置
method：提交表单的方式
get:特点
1.会在地址栏后面以?开头 key=value&key=value的形式来拼接数据
2.相对来讲不安全
3.get携带的数据是有上限的
post:特点
1、地址栏不会发生变化，通过隐藏的形式提交数据，不使用f12是看不到提交了那些 数据的
2、携带的数据没用上限
小结：一般get只用于提交一些很小的数据例如 id
定义表单元素
<input>type:决定输入框的类型
text:文本输入
password:密码输入框
radio:单选框
checkbox:多选框
submit:提交表单的按钮
button:按钮(不具备提交数据的功能>
reset:重置表单
file：选择浏览文件的位置
下拉框:<select>
<option>用来定义下拉框里面的选项
（五）div&span
div, span标签没有任何效果
div:行标签,一个div都是以行为单位
span:行内标签
css样式布局的时候，结合div和span
2125
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
