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

  ①和其他元素都在一行上;
  ②高,行高及外边距和内边距不可改变;
  ③宽度就是它的文字或图片的宽度,不可改变
  ④内联元素只能容纳文本或者其他内联元素
代码如下:
 <!doctype html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>标签基础2</title>
 </head>
 <body>
     <!-- 内联元素 与别人公用一行 但是设置宽高无效 -->

     <!-- 无语义 -->
     <span>无语义</span>

     <!-- 图片 alt图片加载失败显示-->
     <img src="d" alt="加载失败">

     <!-- 超链接 -->
     <a href="http://www.baidu.com">跳转</a>

     <!-- 斜体强调 -->
     <var>斜体强调作用</var>
     <!-- em和i经常用于制作小图标 -->
     <em>斜体强调作用</em>
     <i>斜体强调作用</i>

     <!-- 加粗强调 -->
     <strong>加粗强调</strong>

     <!-- 表单 提交数据-->
     <form action="">
         <!-- 输入框 -->
         <input type="text">
         <!-- 密码输入框 -->
         <input type="password">
         <!-- 按钮 -->
         <input type="button" value="按钮">
         <!-- 提交表单 -->
         <input type="submit" value="提交表单">

         <!-- 日期 年月日-->
         <input type="date">
         <!-- 日期 年周 -->
         <input type="week">
         <!-- 日期 年月 -->
         <input type="month">
         <!-- 日期 当前时间 -->
         <input type="time">

         <!-- 选择文件 -->
         <input type="file" value="打开文件">
         <!-- 只能输入数字 -->
         <input type="number">
         <!-- 颜色选择器 -->
         <input type="color">
         <!-- 重置 -->
         <input type="reset">
         <!-- 复选框 -->
         <input type="checkbox">我爱你
         <input type="checkbox">你爱我
         <!-- 单选框 name 同名字为一组-->
         <input type="radio" name="sex" checked="checked">男
         <input type="radio" name="sex">女
     </form>

     <!-- 多行文本 cols宽度 rows高度 -->
     <textarea name="" id="" cols="30" rows="10"></textarea>

     <!-- 选择列表 默认第一个选项的值为初始值-->
     <select name="" id="">
         <option value="">选项1</option>
         <option value="">选项2</option>
         <option value="">选项3</option>
     </select>
 </body>
 </html>

HTML5进阶段内联标签汇总(小篇)的更多相关文章

  1. 块级标签与预格式化文本标签----------大多数XHTML可以表示为两种类型的标签:块标签(block tag)和内联标签(inline tag)

    <html> <head> <meta charset="utf-8"> <title>块级标签</title> < ...

  2. 内联标签------------大多数XHTML可以表示为两种类型的标签:块标签(block tag)和内联标签(inline tag)

    内联标签 <em> 强调,大部分浏览器渲染为斜体. <strong> 强调,大部分浏览器渲染为黑体. <sub> 下标 <sup> 上标 内联标签通常用 ...

  3. 前端1-----HTML了解,内联标签(图片,超链接锚点,超链接邮箱)

    前端1-----HTML了解,内联标签(图片,超链接锚点,超链接邮箱) 一丶自定制B/S # -*-coding:utf-8-*- # Author:Ds import socket IP_PORT= ...

  4. html5 区块与内联div 与span html块级元素

    HTML <div> 和 <span> HTML 列表 HTML 类 可以通过 <div> 和 <span> 将 HTML 元素组合起来. HTML 块 ...

  5. [HTML5]块和内联元素的嵌套

    块元素可以包含块或内联元素,但是内联元素只能包含其他内联元素. <!-- 无效代码! :-( --> <strong> <p>你不应该把p元素放在 "st ...

  6. HTML5 Canvas、内联 SVG、Canvas vs. SVG

    canvas 元素用于在网页上绘制图形. 什么是 Canvas? HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像. 画布是一个矩形区域,您可以控制其每一像素. canv ...

  7. HTML5 学习03——内联 SVG

    什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺 ...

  8. 【HTML5】SVG内联

    什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺 ...

  9. HTML常用标签-<body>内基本标签(块级标签和内联标签)

    HTML常用标签-<body>内基本标签(块级标签和内联标签) 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.<hn>系列标签 n的取值范围是1~6,从 ...

随机推荐

  1. Neutron 架构 - 每天5分钟玩转 OpenStack(67)

    前面我们讨论了 Neutron 的基本概念,今天我们开始分析 Neutron 的架构. Neutron 架构 与 OpenStack 的其他服务的设计思路一样,Neutron 也是采用分布式架构,由多 ...

  2. [CUDA] CUDA to DL

    又是一枚祖国的骚年,阅览做做笔记:http://www.cnblogs.com/neopenx/p/4643705.html 这里只是一些基础知识.帮助理解DL tool的实现. “这也是深度学习带来 ...

  3. [c++] Operator overloading

    c++的操蛋属性:自己为一档,空一档,其他随意. UB_stack a; UB_stack b = a; // copy auto c = a; auto d {a}; // (or auto d = ...

  4. 解决 android 高低版本 webView 里内容 自适应屏幕的终极方法

    转载请声明出处(http://www.cnblogs.com/linguanh/) 一,先说下我的情况,大家可以对号入座(嫌无聊请跳过) 我的项目要求是这样的,先从数据库里面拿出来html标签,因为加 ...

  5. 使用canvas截图或者改变灰度

    简述 html5新添加的canvas API可以让我们对画布进行开发应用,典型的是可以使用canvas截图或者 手工绘制“迷你图”(即嵌入在文本中的高清小图片). 实现截图的方法很简单,就是创建一个c ...

  6. php插入式排序的两种写法。

    百度了下插入式排序,百度百科中php版本的插入式排序如下: function insert_sort($arr) { // 将$arr升序排列 $count = count($arr); for ($ ...

  7. [Java 基础]数据类型

    基本类型和引用类型 Java中的数据类型有两类: l  基本类型(又叫内置数据类型,或理解为值类型) l  引用类型 基本类型和引用类型的区别 1.  从概念方面来说 基本类型:变量名指向具体的数值 ...

  8. webControls与客户端脚本路径

    网上有用的资料不多,在一本电子书中摘抄了内容如下 webControls配置节只有一个clientScriptsLocation属性,此属性用于指定ASP.NET客户端脚本的默认存放路径.这些文件是包 ...

  9. 解决.NET WebService引用后添加HTTP Header的问题

    麻蛋,搜索了好久,找到的都是对soap header的操作,不是对WebService的HTTP Header的操作,这是两种不同的概念,平常我们发起的WebService请求走的都是http通信协议 ...

  10. C#基础-文件夹复制与删除

    代码来源:http://blog.163.com/u_tommy_520/blog/static/20406104420147493933662/ 最近做MVC网站时刚好用到,用以提供一个完整的文件夹 ...