• 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: 外边距.

           像素 百分比.(最好通过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

      

        

  • 相关阅读:
    RabbitMQ消息队列 基本订阅/发布Demo(PHP版)
    Docker安装部署RabbitMQ
    CentOS Docker 基本操作
    new worker
    JavaScript避坑
    如何开启MySQL慢查询日志
    kinshard
    Linux shell
    Linux shell
    Linux shell
  • 原文地址:https://www.cnblogs.com/ruoxiruoxi/p/9761705.html
Copyright © 2020-2023  润新知