什么是列表：
用于显示并列关系的点
比如现在就是一个列表
1 2 3 显示的是有序列表
. . . . 显示是是无序列表
列表可以嵌套使用
列表嵌套：
Java 课程：
- Java 语法基础
- 变量和数量类型
- 运算符
- 流程控制
- Java SE 核心API
- 字符串
- 集合
- WEB 全栈
- HTML
- CSS
- 框架和互联网架构
- 就业冲刺
列表原理：
无序列表 List
- 用于显示并列关系
- 现在就是一个列表
- 1 2 3 开头是有序列表
- . . . 开头是无序列表
- 列表可以嵌套
有序列表
- Java基础
- Java核心API
- Web 全栈
- 框架和互联网架构
嵌套列表原理：
图片列表嵌套
- Java基础
- 变量数据类型
- 运算符
- 流程控制
- Java API
- 字符串
- 集合
- Web
- img 标签用来显示图片
- src属性用于指定图片来源：
- 绝对路径, 例如：http://tmooc.cn/img/logo.png
- 相对路径：
- 与当前网页在同一个目录下：直接写文件名
- 当前网页同级目录里面：目录名/文件名
- 上级目录 …/文件名
- 混合上述情况
- alt属性，没有照片时候显示的文字，很少用了
- title属性，鼠标在图片上显示的文字
- 设置宽高
- width: 设置图片宽度
- height：设置图片的高度
- 单位：像素点/百分比
- 设置一个属性，另外一个按比例缩放。当前容器宽度
- 设置两个属性，图片被拉伸
显示照片
显示当前目录中的照片
显示子目录中的照片
a网页链接显示照片
显示上层目录中的照片
显示上层目录中子目录的照片
设置宽度
同时设置宽高
- href 链接目标
- 绝对路径： http://tmooc.cn
- 如果是自己的网站，就使用相对路径 : table2.html
- 如果没有这个属性，显示纯文本效果
- 可以配合img，实现照片链接
- target="_blank" 在新空白（blank）窗口中打开页面
超链接
Hello World! Table Demo
网页内部锚点功能
表单锚点演示
Java文档 Spring文档Hello
... ...Hello
Java文档
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Hello Java
... ...Hello Java
Spring文档
TopHello Spring
... ...Hello Spring
- 表单用于将用户数据发送到服务器
- 常见的表单：登录表单，注册表单 … - 表单标签 form，一般都有form标签
- 文本框
- 密码框
- 按钮
- 单选按钮
同一组单选按钮，其name属性值要一样 - 多选按钮
同一组多选按钮，其name属性值要一样 - 下拉列表
- 多行文本
- 按钮/提交按钮
和标签表单演示
和标签并没有特别的意义，在设计网页时，通常用作其他网页元素或者文字的容器，可以使用CSS样式灵活地定义它们的位置，或者使用Javascript来动态地修改其中的内容。
是分区或分节的意思。标签是一个块级标签，该标签中的内容会独占一段，其基本语法为div中的其他网页元素和其他HTML标签一样，也可以为标签指定id、class和style属性，标签的这几个属性通常用于设置其样式。标签中不仅可以包含文字、图像、音视频等HTML元素，也可以包含，这样就形成了图层之间的嵌套，以实现复杂的网页布局设计。
标签是行内标签（行内元素），标签之间的内容不会单独占用一行，也就是说，标签的前后不会自动换行。通常用标签来实现动态显示的效果。
标签的基本语法格式如下：
设计网页时，我们可以把一个标签的display的样式设置为none,实现隐藏，在需要显示的时候，再把display设置为inline,即可实现动态显示标签之间内容的效果。
