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

  ①和其他元素都在一行上;
  ②高,行高及外边距和内边距不可改变;
  ③宽度就是它的文字或图片的宽度,不可改变
  ④内联元素只能容纳文本或者其他内联元素
代码如下:
 <!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. Over:窗口函数(滑动聚合)

    Over 窗口函数在Select 子句中,对查询的结果集进行“滑动-聚合”运算:如果使用count,那么基于滑动窗口的聚合语义同 base+1 累加:如果使用sum,那么基于滑动窗口的聚合语义等同于数 ...

  2. 把w3schools英文版的所有属性扒下来了,免费分享。

    为了方便查手册等,把w3schools上的所以属性弄成json版的了,到时候再修改一下,查起来就比较方便了,这里免费分享一下.一共为两份,一份为选择器部分,还有一部分是属性. 选择器部分json 属性 ...

  3. MVC4做网站后台:模块管理1、修改模块信息

    网站可能会包含一些模块:像文章.产品.图片.留言等. 栏目模块主要实现功能,启用或禁用模块,模块权限设置,模块上传设置等. 权限设置和上传设置以后专门考虑,先来显示或禁用模块. 1.在顶部导航栏添加管 ...

  4. MVC实用架构设计(三)——EF-Code First(3):使用T4模板生成相似代码

    前言 经过前面EF的<第一篇>与<第二篇>,我们的数据层功能已经较为完善了,但有不少代码相似度较高,比如负责实体映射的 EntityConfiguration,负责仓储操作的I ...

  5. iOS开发之多线程技术(NSThread、OperationQueue、GCD)

    在前面的博客中如果用到了异步请求的话,也是用到的第三方的东西,没有正儿八经的用过iOS中多线程的东西.其实多线程的东西还是蛮重要的,如果对于之前学过操作系统的小伙伴来说,理解多线程的东西还是比较容易的 ...

  6. iOS 7 tabbar 透明的问题

    在某种特定情景中,ios的tabbar会出现完全透明的情况,出现这种情况的原因是ios7 默认的view因为IOS7默认是全延伸,也就是说controller是延伸到tabbar下面,并且在windo ...

  7. Unity之Animation动画

    Unity之Animation绘制动画 这篇文章做最简单的动画,让一个立方体从左边移动到右边. 1.创建一个Unity的新工程,名为TestAnimation,点击Create And Open按键, ...

  8. CSS中position的4种定位详解

    大家都知道,css中的position有4种取值,分别是static.fixed.relative.absolute. 详细解释: static:相当于没有定位,元素会出现在正常的文档流中. fixe ...

  9. Service实现文件下载

    首先在Activity中声明Intent对象,启动Service: //生成Intent对象 Intent intent = new Intent(); //将文件名对象存入到intent对象当中 i ...

  10. 【集合框架】JDK1.8源码分析之ArrayList(六)

    一.前言 分析了Map中主要的类之后,下面我们来分析Collection下面几种常见的类,如ArrayList.LinkedList.HashSet.TreeSet等.下面通过JDK源码来一起分析Ar ...