zoukankan      html  css  js  c++  java
  • body 标签

     <b>你好 字体加粗    <i>  我好 斜体      <u>她也好 下划线         <s>大家都好 横线

    标签分类两类:        html标签:超文本标记语言,就是标记用的。

        内敛标签(行内标签):不独占一行 ,内敛标签只能嵌套内敛标签    <b>    <i>    <u>    <s>   button   span   img

        块级标签(行外标签):自己独占一行,可以嵌套内敛标签和某些块级标签     h1--h6    br     hr(横线隔开)  <p>(段落标签) div

        p标签:不能嵌套p标签,也不能嵌套块级标签

    换行标签    <br>

    <div>    不占一行,没有任何其它效果    白纸上画画

    <span>     不占一行,没有任何效果

    <img src="12.jpg" alt="sdadsas">   
    img标签:
        属性 src=‘图片路径’ 网络地址的绝对路径本地相对路径
            alt=‘xxx’ 描述当图片没有下载下来的时候显示的描述
            title=‘xxx’ 当鼠标停留的时候显示描述
            width=‘xx’ 宽度为多少像素
            height=‘xx’ 高度为多少像素
                <img src="1.jpg" alt="sdadsas" title="美女" width="200" height="200">
    a标签:       <a href="https://www.baidu.com" target="_blank">百度</a    属性   href  : 超链接地址
            target:是否新建窗口   _blank (新窗口)   _self(当前窗口)
    列表标签 ul 无序列表
        属性
          disc 实心圆点 默认值
          circle 空心圆圈
          square 实心方块
          none 无样式
           
    1     <ul type="circle">
    2         <li>太白</li>
    3         <li>alex</li>
    4         <li>景女神</li>
    5     </ul>
        ol  有序列表
            属性 type 1数字列表,默认值
                      A大写字母
                      a小写字母
                      I 大写罗马
                      i小写罗马
          start=‘1’ 起始位置从几开始
    1     <ol type="A">
    2         <li>大壮</li>
    3         <li>wusir</li>
    4         <li>alex</li>
    5     </ol>
    标题列表
    1 <dl>
    2         <dt>菜单</dt>
    3         <dd>b哥炒鸡蛋</dd>
    4         <dt>菜单2</dt>
    5         <dd>水煮李帅</dd>
    6 
    7     </dl>

    空格: 1 <dt>&nbsp;&nbsp;</dt> 

    大于号小于号: 1 <dd>b哥&lt;&gt;鸡蛋</dd> 

    表格标签
          
     1 <table border="1" cellpadding="10" cellspacing="20">
     2         <thead>
     3             <tr>
     4                 <td>姓名</td>
     5                 <td>年龄</td>
     6                 <td>爱好</td>
     7             </tr>
     8         </thead>
     9         <tbody>
    10         <tr>
    11             <td>B哥</td>
    12             <td>40</td>
    13             <td>炒鸡蛋</td>
    14         </tr>
    15         <tr>
    16             <td>大壮</td>
    17             <td>38</td>
    18             <td>抽烟喝酒烫头</td>
    19         </tr>
    20         <tr>
    21             <td>雪飞</td>
    22             <td>18</td>
    23             <td>大壮</td>
    24         </tr>
    25         </tbody>
    26     </table>

        cellpadding: 文字和内边框的距离

        cellspacing: 内边框和外边框的距离

        border: 边框的宽度

    input标签:用户输入

        type 属性:控制输入框的样式的

        name属性:分组,携带数据的key     key:value

        value:选择框提交数据的值,输入框的默认值

        submit:提交按钮     value改按钮的名字      button按钮也可以

        date:日期输入框

        CheckBox:复选框

        radio:单选框

        reset:重置按钮

        hidden:隐藏输入框

        file:文本选择框

      checked默认选中

    1     <input type="radio" name="sex" value="male" checked>2     <input type="radio" name="sex" value="female">3     <input type="checkbox" name="hobby" value="1">喝酒
    4     <input type="checkbox" name="hobby" value="2">抽烟
    5     <input type="checkbox" name="hobby" value="3">烫头

      readonly设置为只读   针对的是输入框   text   password

      disabled   不允许操作   所有的input都可以设置

      设置了readonly的标签,它的数据可以被提交到后台,设置了disabled的数据,是不能提交到后台

    1     用户名:<input type="text" name="user" value="admin" readonly>
    2     密码:<input type="password" name="password" disabled>

         select 标签:放在form标签里面使用

    1 <select name="city" multiple>   多选
    2         <option value="1" selected >上海</option>
    3         <option value="北京">北京</option>
    4     </select>

        属性:multiple   :  布尔属性,设置后为多选下拉框,否则默认单选

           disabled : 禁用

           selected : 默认选中该项

           value : 定义提交时的选项值

    label标签:

    1     <label for="username">用户名</label>
    2     用户名:<input id="username" type="text" name="user" value="admin" readonly>
    3     <label>
    4         密码:<input type="password" name="password" disabled>
    5     </label>

    两种方式。   for:执行对哪个标签进行标识             效果:点击lable标签中的字,就能让标识的标签获得光标

    textarea:  多行文本

        属性:name:名称

           rows:行数    相当于文本框的高度设置

           cols : 列数    相当于文本框长度设置

           disabled : 禁用

    form   表单    form表单触发提交数据的操作:submit     button    必须卸载表单的里面

     1 <form action="http://127.0.0.1:8001">
     2     用户名:<input type="text" name="user">
     3     密码:<input type="password" name="password">
     4     <input type="radio" name="sex" value="male"> 5     <input type="radio" name="sex" value="female"> 6     <input type="checkbox" name="hobby" value="1">喝酒
     7     <input type="checkbox" name="hobby" value="2">抽烟
     8     <input type="checkbox" name="hobby" value="3">烫头
     9     <input type="submit">
    10 </form>

    action  指定数据提交路径

  • 相关阅读:
    BZOJ 2120 数颜色
    BZOJ 3289 Mato的文件管理
    BZOJ 2038 小Z的袜子
    BZOJ 1878 HH的项链
    洛谷P2709 小B的询问
    6491: Daydream
    问题 L: An Invisible Hand
    HDU-2177 取(2堆)石子游戏 (威佐夫博奕)
    (POJ-3279)Fliptile (dfs经典---也可以枚举)
    问题 J: Palindromic Password ( 2018组队训练赛第十五场) (简单模拟)
  • 原文地址:https://www.cnblogs.com/ch2020/p/12938599.html
Copyright © 2011-2022 走看看