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

  ①和其他元素都在一行上;
  ②高,行高及外边距和内边距不可改变;
  ③宽度就是它的文字或图片的宽度,不可改变
  ④内联元素只能容纳文本或者其他内联元素
代码如下:
 <!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. Screeps ———— A MMO Strategy Sandbox Game for Programmers

    At the beginning, let's see three of this game's captures. Yes, As what you see in these pictures, y ...

  2. 事务复制5: Transaction and Command

    事务复制使用 dbo.msrepl_transactions 和 dbo.MSrepl_commands 存储用于数据同步的Transaction和Command.在replication中,每个co ...

  3. lua中的string类型

    在lua中用union TString来表示字符串类型 lobject.h: 其中结构体tsv中 reserved字段表示字符串是不是保留关键字,hash是其哈希值,len是其长度.我们在TStrin ...

  4. c数组与字符串

    原文链接:http://www.orlion.ga/913/ 一.数组 定义数组: int count[9]; 赋值: int count[4] = { 3, 2, }; 未赋初值的元素用0初始化.如 ...

  5. 【原创】开源Math.NET基础数学类库使用(15)C#计算矩阵行列式

                   本博客所有文章分类的总目录:[总目录]本博客博文总目录-实时更新  开源Math.NET基础数学类库使用总目录:[目录]开源Math.NET基础数学类库使用总目录 上个月 ...

  6. 【开源】OSharp框架解说系列(2.1):EasyUI的后台界面搭建及极致重构

    OSharp是什么? OSharp是个快速开发框架,但不是一个大而全的包罗万象的框架,严格的说,OSharp中什么都没有实现.与其他大而全的框架最大的不同点,就是OSharp只做抽象封装,不做实现.依 ...

  7. Javascript之一切皆为对象1

    在javascript的世界里,有这么一句话,一切皆为对象. 但是这个对象,应该怎么理解呢? OMG,难道值类型也是对象?!! 当然,不是. 准确地讲是对于“引用类型”而言. 那,在JavaScrip ...

  8. iOS开发之窥探UICollectionViewController(四) --一款功能强大的自定义瀑布流

    在上一篇博客中<iOS开发之窥探UICollectionViewController(三) --使用UICollectionView自定义瀑布流>,自定义瀑布流的列数,Cell的外边距,C ...

  9. Notepad++使用小结

    还是那句话“工欲善其事必先利其器”用Notepad++也有一段时间了,也积累了一些东西,写篇博文与大家分享一下使用Notepad++的一些心得.  简单的说一下Notepad++是什么东西吧,Note ...

  10. MySQL Range Optimization

    8.2.1.3 Range Optimization MYSQL的Range Optimization的目的还是尽可能的使用索引 The range access method uses a sing ...