2017.11.23知识点整理

 内容容器：

        <h1>--<h6> 标题标签，其中h1是最大号字体，h6是最小号的字体

        <p> 段落标签   。专门写文章，换行有间距
        <div> 默认占一行，放任何内容
        <span> 大小取决于内容，放文字性的东西
        <ol><li> 有序列表   type可以更改前置序号样式
        <ul><li> 无序列表   type可以更改前置序号样式

 

常用标签：
    <a> 超链接标签
    两个要素：内容，指向
    href属性：超链接的指向
额外功能：
指向文件
   打开文件：是浏览器可以打开的文件，txt 图片 网页
   下载文件：浏览器打不开，word excel 压缩包
做锚点
    定点：<a name="one"></a>
    跳到锚点位置：<a href="#名字">内容</a>  #代表当前页 后面加要跳转的点
 <img /> 图片标签
    src：图片的来源地址
    width：图片的宽度
    height：图片的高度
    alt：当图片挂掉之后，给出的提示
    title：当鼠标放上显示标题

<img src="back01.jpg" width="500" height="70"/ title="图片">

 

表格：
展示数据
<table> 代表表格
   width：表格宽度
   border：边框粗细
   cellspacing：单元格的边距
   cellpadding：单元格的间距
<tr> 代表行
<td> 代表单元格
width：单元格的宽度
align：水平对齐方式，left左 right右 center居中
height：单元格的高度
valign：垂直对齐方式 top上 bottom下 middle中间
bgcolor：背景色
clospan：合并列
rowspan：合并行

<th> 相当于 <td> 用来做标题的，会自动加粗居中
<tbody> 代表表格主体

 

表单：
<form> 代表表单
action：提交给谁,页面的地址
method：提交的方式 get post
文本类：
       <input type="text" /> 单行文本框
       name：表单元素名字
       value：文本框的值
       disabled="disabled" 不可用
       readonly="readonly" 只读
       <input type="password" /> 密码框
       name：表单元素名字
       value：密码框的值
       <input type="hidden" /> 隐藏域
       name：表单元素名字
       value：隐藏域的值
      <textarea></textarea> 文本域  值不是写在value属性里的，是写在开始结束标签之间的 在中间输入内容调整文本框大小用rows。

      name：文本域的名字
      rows：行数
按钮类：
     <input type="button" /> 普通按钮
     value：按钮里面显示的内容
     <input type="submit" /> 提交按钮
     value：按钮里面显示的内容
     <input type="image" /> 图片按钮，可以提交
     src：图片的来源地址
     <input type="reset" /> 重置按钮
      value：按钮里面显示的内容
选择类：
     <input type="radio" /> 单选按钮
     name：单选按钮的名字，用来分组 如果想做出互斥效果必须相同名称
     value：单选按钮的值
     checked="checked" 选中
    <input type="checkbox" /> 复选框
     name：复选框的名字
     value：复选框的值
     checked="checked" 选中
     <select> 下拉列表
     name：下拉列表的名字
     multiple="multiple" 将下拉列表变为多选