• HTML5进阶段内联标签汇总(小篇)


    HTML5进阶段内联标签汇总(小篇)

     

    内联元素,与别人公用一行,但是设置宽高无效。其特点:

      ①和其他元素都在一行上;
      ②高,行高及外边距和内边距不可改变;
      ③宽度就是它的文字或图片的宽度,不可改变
      ④内联元素只能容纳文本或者其他内联元素
    代码如下:
    复制代码
     1 <!doctype html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>标签基础2</title>
     6 </head>
     7 <body>
     8     <!-- 内联元素 与别人公用一行 但是设置宽高无效 -->
     9 
    10     <!-- 无语义 -->
    11     <span>无语义</span>
    12 
    13     <!-- 图片 alt图片加载失败显示-->
    14     <img src="d" alt="加载失败">
    15 
    16     <!-- 超链接 -->
    17     <a href="http://www.baidu.com">跳转</a>
    18 
    19     <!-- 斜体强调 -->
    20     <var>斜体强调作用</var>
    21     <!-- em和i经常用于制作小图标 -->
    22     <em>斜体强调作用</em>
    23     <i>斜体强调作用</i>
    24 
    25     <!-- 加粗强调 -->
    26     <strong>加粗强调</strong>
    27 
    28     <!-- 表单 提交数据-->
    29     <form action="">
    30         <!-- 输入框 -->
    31         <input type="text">
    32         <!-- 密码输入框 -->
    33         <input type="password">
    34         <!-- 按钮 -->
    35         <input type="button" value="按钮">
    36         <!-- 提交表单 -->
    37         <input type="submit" value="提交表单">
    38 
    39         <!-- 日期 年月日-->
    40         <input type="date">
    41         <!-- 日期 年周 -->
    42         <input type="week">
    43         <!-- 日期 年月 -->
    44         <input type="month">
    45         <!-- 日期 当前时间 -->
    46         <input type="time">
    47 
    48         <!-- 选择文件 -->
    49         <input type="file" value="打开文件">
    50         <!-- 只能输入数字 -->
    51         <input type="number">
    52         <!-- 颜色选择器 -->
    53         <input type="color">
    54         <!-- 重置 -->
    55         <input type="reset">
    56         <!-- 复选框 -->
    57         <input type="checkbox">我爱你
    58         <input type="checkbox">你爱我
    59         <!-- 单选框 name 同名字为一组-->
    60         <input type="radio" name="sex" checked="checked">61         <input type="radio" name="sex">62     </form>
    63 
    64     <!-- 多行文本 cols宽度 rows高度 -->
    65     <textarea name="" id="" cols="30" rows="10"></textarea>
    66 
    67     <!-- 选择列表 默认第一个选项的值为初始值-->
    68     <select name="" id="">
    69         <option value="">选项1</option>
    70         <option value="">选项2</option>
    71         <option value="">选项3</option>
    72     </select>
    73 </body>
    74 </html>
  • 相关阅读:
    10. 分离链接散列表
    9. avltree
    8.二叉查找树
    socket listen参数中的backlog 的意义!
    TCP 三次握手和四次挥手中的ACK 为什么总是SYN + 1 或者 FIN +1 而不是+ 其他数值?
    eclipse 快捷键
    内部类
    rabbitmq AmqpClient 使用Topic 交换机同一个channel 同时多个队列 ,多个交换机,C++代码示例
    rabbitMQ 问题
    rabbitmq AmqpClient 使用Topic 交换机投递与接收消息,C++代码示例
  • 原文地址:https://www.cnblogs.com/wangli-66/p/5766837.html
Copyright © 2020-2023  润新知