1
2
3
4
5
6
7
8
9
10
11
12
					HTML部分
html基础：
1.html基本结构
<html>
<head>头部信息 head标签中的所有内容不会再网页上进行展示
<title>标题</title>
</head>
<body bgcolor="red">
<p>网页主体内容</p>
<hr/><!--水平线-->
</body>
</html>

2.文档声明和META标签

用于声明文档类型

网页编码设置 3.文字和段落 标题标签：h1到h6依次减小 段落标签：p 标签内的所有文字代表一个段落的文字，段落标签有align属性 left左对齐内容，right右对齐内容，center居中对齐内容，justify对行进行伸展，这样每行都有相等的长度
标签为单标签 换行作用，但是不会分段 原来是一段的文字 使用br后还是同一段文字 在编辑器中手动敲入的空格都是不起做用的，需要使用空格代码&nbps; 
预格式化标签 在标签内输入的文字是什么样子的，在浏览器展示就是什么样子的
4.修饰标签


水平线
和标签效果一样，使文字倾斜
和效果一样，使文字加粗
上标: 下标:


5.列表标签
无序列表
    中间的每项内容使用

  • 在ul标签中有type属性可以用来修改无序列表每项前面的标志,disc:圆点,square:正方形,circle空心圆。写法

      有序列表
       同样有type属性，1数字，a小写字母，A大写字母，i小写罗马数字，I大写罗马数字 写法

      定义列表
      

      定义列表项
      

      列表描述
      

      
每个dl中可以有多个dt，每个dt中可以有多个dd，dt和dd是同级标签，三个标签要同时使用


      6.图像标签
      img标签为单标签,两个基本属性width height，alt：当用户无法查看图像时，alt属性可以代替图像，显示在浏览器中。
      代替内容
      

      7.超链接

      空链接：
      a标签属性： target链接的目标窗口，默认情况是在当前窗口打开页面，self默认，blank新的窗口。title链接提示文字，name链接命名。
      

      8.锚链接
      锚链接可以实现在单页面内不同位置的跳转
      跳转到的位置：
      寻找锚的链接：
      不同页面锚的使用：
      寻找锚的链接: 网页1.html：
      跳转到的位置：网页2.html：
      

      html表格：
      

      9.基础表格
      
行
单元格

      

      

      
例：创建一个两行三列的表格,创建之后不会显示，要设置border

      

      




      

      




      

      


      10.表格操作
      
表格头，内容居中，加粗显示
给表格添加标题
当表格很复杂时，表格加载需要长时间，影响用户体验，把表格划分结构，让它加载一部分，显示一部分。表格结构划分为：表头放在thead、主体放在tbody、脚注放在tfoot，即可


      11.表格属性4
      table属性：width规定表格的宽度，align表格相对周围元素的对齐方式，border规定表格外边框的宽度，Bgcolor表格的背景颜色，cellpadding单元边沿与内容之间的空白，cellspacing单元格之间的空白，frame规定外侧边框的哪个部分是可见的，rules规定内侧边框哪个部分是可见的
      tr属性：align行内容的水平对齐，valign行内容的垂直对齐，bgcolor行的背景颜色
      td和th的属性：align行内容的水平对齐，valign行内容的垂直对齐，bgcolor行的背景颜色，width单元格宽度，height单元格高度
      thead,tbody,tfoot和td一样
      

      12.表格跨行 跨列
      跨列属性：colspan，值表示需要跨列的数值
      跨行属性：rowspan，值表示需要跨行的数值
      

      13.表格嵌套
      嵌入的表格要有完整的表格结构，嵌入的表格要放在td标签中
      

      14.表格布局
      布局原则，由外向里布局。尽量少使用表格嵌套和跨行跨列
      

      html表单
      

      15.表单介绍
      <input type=”类型属性” name=”名称” …/> 单标签   text文字域，password密码域，file文件域，CheckBox复选域，radio单选域，button按钮，submit提交按钮，reset重置按钮，hidden隐藏域，image图片域
      

      16.input标签
      text文本域属性：name文字域的名臣，Maxlength用户输入的最大字符长度，size文本框的宽度以字符个数为单位，value文本框的默认值，placeholder用户填写输入字段的提示
      radio单选框：如果需几个中只能选择一个，则name要一样，默认选中转态在input标签内添加checked
      CheckBox复选框：一组数据复选框name最好一样，服务器方便确认。
      按钮：有三种1.button普通按钮 2.submit提交按钮 3.reset重置按钮
      图像域（图像提交按钮）： 和submit一样 有提交按钮的功能
      隐藏域：有些信息不让用户看到，却需要传递给服务器，就使用隐藏域。
      

      17.select标签
      下拉菜单语法：
      select属性：name设置下拉菜单和列表的名称，multiple设置可选择多个选项，size设置列表中可见选项的数目
      option属性:selected设置选项初始选中状态，value定义发往服务器的选项值
      textarea多行文本域： ，placeholder用户填写输入字段的提示,rows可见行数，cols可见宽度
      

      18.表单属性
      form标签：action值url提交表单时向何处发送表单数据。method值get，post 设置表单以何种方式发送到指定页面，get会暴露信息，一般用于信息获取，post更有保密性，一般用于修改服务器上的资源。target以何种方式打开action url
      

      搭建网页结构：
      

      19.div和span
      div是一个区块容器标记，
      之间是一个容器，可以包含段落表格图片等等元素
      每一个div需要占一行。span在一行内展示内容，放不下则自动换行。
      

      20.标签嵌套
      块级标签：占据一行，换行
      

      、