一个结构良好的页面由三部分组成：
结构HTML
表现css
行为js

HTML

  语法宽松，通过标签定义网页结构由浏览器的html解析器解析，及时代码不严格，浏览器也能解析，建议按标准语法来编写代码。语法通过标签的闭合为基础点
`例：<a>内容</a>双标签`，`<input type="text" name="name"/>`
         `<br/>`

属性：属性必须有值，值需要使用" "或' '引起来
html不区分大小写
常用标签：

  标题：<h1>~<h6>由大到小
  段落：<p>,</p>
  换行：<br/>
  无序链表：<ul>
                    <li></li>
                     ...
                    <li></li>
                    </ul>

  语法注释：
        多行注释`<!-- 注释内容--->不会被浏览器解析`

图片：<img alt="图片显示失败提示文字" src=“引用图片的路径”/>
1.图片和页面是同一级：直接引用
2.图片再下一级：先获取图片所在的文件夹，在获取图片
3.图片再上一级目录，使用../退回上一级目录，找到图片
超链接：点击跳转href=“”；地址对应的页面
表格：

    <table border="1" align="left"center" right">
        <tr>
          <td></td>
        </tr>
    </table>

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

form表单：用来收集数据。
action属性：表单提交属性，（以后会提交到java类），method：定义表单提交方式，默认是get，在传递时进行URL进行拼接，不安全；
post方式数据不在url中拼接显示，比较安全

      <form action="提交的地址" method="选取方式">

      </form> 

input标签：可以单独使用，创建一个表单项提交给服务器
name属性：form表单只会收集有name属性值得表单项数据提交给服务器
value属性：用户提交表单的值
type属性：

         text:普通文本
         password：密码框
         button:按钮
         radio：单选按钮
          submit：提交按钮，点击时会提示form表单收集数据
         file：文件表单选项，收集上传文件使用、
         hidden：隐藏表单，用户看不到，主要用于在用户提交数据的时候·                    隐式的提交数据

CSS

层叠样式表，设置网页中元素的样式
语法简单，主要分为两部分选择器和声明语法：{样式名：值}

通常使用外部文件引入<link rel="stylesheet" href="引入文件路径"/>
选择器：
基本选择器：标签选择器：标题名 声明
id选择器：给每个标签提供了id属性
#id 声明
class选择器：给每个标签设置class属性，通过class
可以对一组选择器进行归类
复合选择器：将所有标签归类使用
所有选择：* 声明
RGB三原色，使用了三组两位十六进制来表示