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三原色,使用了三组两位十六进制来表示

你可能感兴趣的:(javaweb之html,css)