一、概念概述
1.web2.HTML 二、标签学习
1.文件标签2.文本标签3.图片标签4.列表标签5.链接标签6.与CSS结合的标签7.表格标签7.表单标签7.表单项标签 三、案例
1.案例1（做如下图的页面）2.案例二：注册页面
一、概念概述 1.web
javaweb:使用Java语言开发基于互联网的项目软件架构:C/S架构和B/S(详解) 2.HTML
hyper Text Markup Language 超文本标记语言
最基础的网页开发语言
超文本:超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本超链接：点击文字可以跳转到另一个界面标记语言
由标签构成的语言。<标签名称>如html,xml标记语言不是编程语言，没有逻辑 二、标签学习 1.文件标签
构成html最基本的标签
html:html文档的根标签head:头标签，用于去指定html文档的一些属性。引入外部的资源title:定义标题标签body:体标签 html5中定义该文档是html文档 2.文本标签
3.图片标签和文本有关的标签
展示图片
当图片显示失败时，就会显示alt上的内容
src:指定图片的位置
4.列表标签
../退到上一级
有序列
olli
一天的安排
- 上课
- 吃饭
- 睡觉
无序列
ulli
一天的安排
- 上课
- 吃饭
- 睡觉
a：定义一个超链接
属性
href：指定访问资源的URL（统一资源定位符）target:指定打开资源的方式
_self本页面打开_blank空白页面打开 列表标签进入邮箱点击图片进入页面
进入邮箱
联系我们
点击图片进入页面
target:指定打开资源的方式
点我6.与CSS结合的标签
7.表格标签div:每一个div占满一整行。块级标签
span：文本信息在一行展示，行内标签 内联标签
表格的定义只有行
表格：table 行：tr 单元格：td 表头单元格：th
table
width：宽度border：边框cellpadding：定义内容和单元格的距离cellspacing：定义单元格之间的距离。如果为0，则单元格的线会合为一条bgcolor：背景色align：对齐方式
tr
bgcolor：背景色align：对齐方式
td
colspan：合并列rowspan：合并行
caption：表格标题
thead:表示表格的头部分tbody:表示表格的体部分tfoot:表示表格的脚部分（定义在前面，页面上还是在最后） 7.表单标签
用于采集用户输入的数据的。用于和服务器进行交互
用于定义表单，可以定义一个范围，范围代表采集用户数据的范围
包裹到哪，数据存到哪个位置
分类：一共七种(post和get最常用)
表单项中的数据要想被提交：必须指定其name
使用的标签：form
属性:
action:指定提交数据的urlmethod:指定提交方式
post和get的区别（面试常考）
post
请求参数会在地址栏中显示，会封装在请求体中（HTTP协议后讲解）请求参数的长度是有限制的不太安全 get
请求参数不会在地址栏中显示，会封装在请求体中（HTTP协议后讲解）请求参数的长度是没有限制的较为安全 7.表单项标签
input
label：指定输入项的文字描述信息
注意：label的for属性一般会和input的id属性值对应。如果对应了，则点击label区会让input输入框获取焦点。
type（可以通过type属性值，改变元素展示的样式）
text：文本输入框，默认值
placeholder:指定输入框的提示信息，当输入框的内容发生变化，会自动清空提示信息
密码：
password：密码输入框radio：单选框
checked：属性可以指定默认值一般会给每一个单选框提供value属性，指定其被选中后提交的值注意：要想让多个单选框实现单选效果，则多个单选框的那么属性值必须一样。
性别：男
女
性别：男
女
check：复选框
checked：属性可以指定默认值一般会给每一个单选框提供value属性，指定其被选中后提交的值注意：要想让多个单选框实现单选效果，则多个单选框的那么属性值必须一样。
爱好： 逛街
java
游戏
color：取色器
取色器:
date
生日:
生日:
邮箱:
number
年龄:
file:文件选择框
图片：
hidden:隐藏域，用于提交一些信息
隐藏域:
按钮
submit：提交按钮。可以提交表单button：普通按钮image：图片提交按钮。src属性指定图片路径
select
下拉列表子元素：option，指定列表项
省份:
textarea：文本域
cols：指定列数，每一行多少个字符rows：默认多少行
自我描述:
三、案例
1.案例1（做如下图的页面）
分析
确定使用table来完成布局如果某一行只有一个单元格，则使用
链接：代码
提取码：jvcz
链接：代码
提取码：8axm
