java html css_javaweb之html，css

一个结构良好的页面由三部分组成：

结构HTML

表现css

行为js

HTML

语法宽松，通过标签定义网页结构由浏览器的html解析器解析，及时代码不严格，浏览器也能解析，建议按标准语法来编写代码。语法通过标签的闭合为基础点

`例：内容双标签`，``

`
`

属性：属性必须有值，值需要使用" "或' '引起来

html不区分大小写

常用标签：

标题：

~

由大到小

段落：

,

换行：

无序链表：

• ...

语法注释：

多行注释`不会被浏览器解析`

图片：

1.图片和页面是同一级：直接引用

2.图片再下一级：先获取图片所在的文件夹，在获取图片

3.图片再上一级目录，使用../退回上一级目录，找到图片

超链接：点击跳转href=“”；地址对应的页面

表格：

单元格合并：上下关系：rowspan=“number”

左右关系：colsapan=“number”

form表单：用来收集数据。

action属性：表单提交属性，(以后会提交到java类)，method：定义表单提交方式，默认是get，在传递时进行URL进行拼接，不安全；

post方式数据不在url中拼接显示，比较安全

input标签：可以单独使用，创建一个表单项提交给服务器

name属性：form表单只会收集有name属性值得表单项数据提交给服务器

value属性：用户提交表单的值

type属性：

text:普通文本

password：密码框

button:按钮

radio：单选按钮

submit：提交按钮，点击时会提示form表单收集数据

file：文件表单选项，收集上传文件使用、

hidden：隐藏表单，用户看不到，主要用于在用户提交数据的时候· 隐式的提交数据

CSS

层叠样式表，设置网页中元素的样式

语法简单，主要分为两部分选择器和声明语法：{样式名：值}

通常使用外部文件引入

选择器：

基本选择器：标签选择器：标题名 声明

id选择器：给每个标签提供了id属性

#id 声明

class选择器：给每个标签设置class属性，通过class

可以对一组选择器进行归类

复合选择器：将所有标签归类使用

所有选择：* 声明

RGB三原色，使用了三组两位十六进制来表示