html

1,html初始

  一些特殊的符号,有不同的显示效果

2,html规则

  1,html把连续的空格和换行都解析成一个空格,没有缩进的问题

  2,基本标签 

    b  加粗

    i   斜体

    u   下划线

    s 删除线

    p   段落

    br 换行

    hr   水平线

  3,块级标签和行内标签

    块级标签:自己独占一行    p,div,hr,h1~h6

    行级标签:默认都在一行显示  b,i,u,s,span

    div和span标签的特点:没有自带的样式,可以用css调整样式

  4,特殊字符

    空格   

    >    >

    <    &lt;

    &    &amp;

    ¥    &yen;

    版权  &copy;

    注册  &reg;

  5,img标签

    <img  src="图片路径"  alt="图片未加载成功提示"  title="鼠标悬浮式信息"  width="宽"  height="高">

  6,a标签

    target:

      _blank  新的标签页打开

      _self   当前标签页打开

  7,列表

    1,无序列表ul

    2,有序列表ol

    3,标题列表dl

    <dl>

      <dt>标题1</dt>

       <dd>内容1</dd>

    <\dl>

  8,表格

 1 <table>
 2         <thead>
 3         <tr>
 4             <th>序号</th>
 5             <th>姓名</th>
 6             <th>年龄</th>
 7         </tr>
 8         </thead>
 9         <tbody>
10         <tr>
11             <td>1</td>
12             <td>周成</td>
13             <td>24</td>
14         </tr>
15         </tbody>
16 </table>
View Code

    表格属性:

         border: 表格边框.

      cellpadding: 内边距

      cellspacing: 外边距.

      width: 像素 百分比.(最好通过css来设置长宽)

      rowspan: 单元格竖跨多少行

      colspan: 单元格横跨多少列(即合并单元格)

  9,标签支持嵌套

    1,块级标签可以包含行内标签和某些块级标签

    2,p标签不能包含块标签

  10,标签的分类

    1,展示给用户看的标签

    2,获取用户输入的标签     form标签(表单标签)

  11,form标签

    form属性

      action  规定向何处提交表单的地址

      method  提交表单是用的是何种http方法(get,post)

    1,input

      text        单行输入文本

      password      密码

      email

      date

 

      radio        单选框

      checkbox      复选框

 

      button        普通按钮

 

      submit        提交

      reset         重置

    2,select

      1,select

1 <form action="http://127.0.0.1:80" method="post">
2     <select name="city" id="city" multiple=True>
3         <option value="1">北京</option>
4         <option value="2">深圳</option>
5         <option value="3">上海</option>
6         <option selected="selected" value="4" >武汉</option>
7     </select>
8 </form>
View Code

 

    3,textarea

1 <p><label for="t1">简介</label>
2     <textarea id="t1" name="input"  cols="30" rows="10"></textarea>
3 </p>
View Code

 

  

    

posted @ 2018-10-09 17:34  若兮ruoxi  阅读(84)  评论(0编辑  收藏  举报