zoukankan      html  css  js  c++  java
  • 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

      

        

  • 相关阅读:
    C#字符串的比较
    C#字符串分割
    [Android] Android 卡片式控件CardView的优雅使用
    [Android] Android Studio 使用config.gradle统一管理项目的依赖库
    [Android] Android Studio 修改Gradle使用国内源
    [Android] Sqlite 数据库操作 工具封装类
    [Android] Android 去掉界面标题栏的方法
    [Android] Android RecycleView和ListView 自定义Adapter封装类
    [Android] Android 让UI控件固定于底部的几种方法
    [Android] Android读取Asset下文件的最简单的方法总结(用于MediaPlayer中)
  • 原文地址:https://www.cnblogs.com/ruoxiruoxi/p/9761705.html
Copyright © 2011-2022 走看看