首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 HTML / CSS

HTML5进阶段内联标签汇总（小篇）

Posted in HTML / CSS onJuly 13, 2016

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

①和其他元素都在一行上

　②高，行高及外边距和内边距不可改变；

　③宽度就是它的文字或图片的宽度，不可改变

　④内联元素只能容纳文本或者其他内联元素

代码如下：

XML/HTML Code复制内容到剪贴板
  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.     <span>无语义</span>  
  11.     <!-- 图片 alt图片加载失败显示-->  
  12.     <img src="d" alt="加载失败">  
  13.     <!-- 超链接 -->  
  14.     <a href="http://www.baidu.com">跳转</a>  
  15.     <!-- 斜体强调 -->  
  16.     <var>斜体强调作用</var>  
  17.     <!-- em和i经常用于制作小图标 -->  
  18.     <em>斜体强调作用</em>  
  19.     <i>斜体强调作用</i>  
  20.     <!-- 加粗强调 -->  
  21.     <strong>加粗强调</strong>  
  22.     <!-- 表单 提交数据-->  
  23.     <form action="">  
  24.         <!-- 输入框 -->  
  25.         <input type="text">  
  26.         <!-- 密码输入框 -->  
  27.         <input type="password">  
  28.         <!-- 按钮 -->  
  29.         <input type="button" value="按钮">  
  30.         <!-- 提交表单 -->  
  31.         <input type="submit" value="提交表单">  
  32.         <!-- 日期 年月日-->  
  33.         <input type="date">  
  34.         <!-- 日期 年周 -->  
  35.         <input type="week">  
  36.         <!-- 日期 年月 -->  
  37.         <input type="month">  
  38.         <!-- 日期 当前时间 -->  
  39.         <input type="time">  
  40.         <!-- 选择文件 -->  
  41.         <input type="file" value="打开文件">  
  42.         <!-- 只能输入数字 -->  
  43.         <input type="number">  
  44.         <!-- 颜色选择器 -->  
  45.         <input type="color">  
  46.         <!-- 重置 -->  
  47.         <input type="reset">  
  48.         <!-- 复选框 -->  
  49.         <input type="checkbox">我爱你   
  50.         <input type="checkbox">你爱我   
  51.         <!-- 单选框 name 同名字为一组-->  
  52.         <input type="radio" name="sex" checked="checked">男   
  53.         <input type="radio" name="sex">女   
  54.     </form>  
  55.     <!-- 多行文本 cols宽度 rows高度 -->  
  56.     <textarea name="" id="" cols="30" rows="10"></textarea>  
  57.     <!-- 选择列表 默认第一个选项的值为初始值-->  
  58.     <select name="" id="">  
  59.         <option value="">选项1</option>  
  60.         <option value="">选项2</option>  
  61.         <option value="">选项3</option>  
  62.     </select>  
  63. </body>  
  64. </html>  

以上所述是小编给大家介绍的HTML5进阶段内联标签汇总，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

HTML5进阶段内联标签汇总（小篇）

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

HTML / CSS 相关文章推荐
css3绘制百度的小度熊
Oct 29 HTML / CSS
IE滤镜与CSS3效果(详细整理分享)
Jan 25 HTML / CSS
css3中新增的样式使用示例附效果图
Aug 19 HTML / CSS
css3实现六边形边框的实例代码
May 24 HTML / CSS
浅析CSS3 中的 transition，transform，translate之间区别和作用
Mar 26 HTML / CSS
HTML5 Canvas API中drawImage()方法的使用实例
Mar 25 HTML / CSS
HTML5 用动画的表现形式装载图像
Mar 08 HTML / CSS
HTML5实践-图片设置成灰度图
Nov 12 HTML / CSS
常用的HTML5列表标签
Jun 20 HTML / CSS
Canvas制作旋转的太极的示例
Mar 09 HTML / CSS
HTML5视频播放插件 video.js介绍
Sep 29 HTML / CSS
css display table 自适应高度、宽度问题的解决
May 07 HTML / CSS
关于HTML5语义标签的实践(blog页面)
Jul 12 #HTML / CSS
HTML5学习心得总结(推荐)
Jul 08 #HTML / CSS
HTML5之语义标签介绍
Jul 07 #HTML / CSS
HTML5之tabindex属性全面解析
Jul 07 #HTML / CSS
用html5的canvas和JavaScript创建一个绘图程序的简单实例
Jul 06 #HTML / CSS
HTML5本地存储之Web Storage详解
Jul 04 #HTML / CSS
Html5实现移动端、PC端 刮刮卡效果
Jun 30 #HTML / CSS
德国购物网站(227) 西班牙购物网站(115) 马来西亚购物网站(41) 加拿大购物网站(185) 墨西哥购物网站(16) 中国购物网站(172) 印度购物网站(45) 瑞士购物网站(28) 韩国购物网站(27) 日本购物网站(72)
You might like
php数据库抽象层 PDO
2011/05/07 PHP
php数组函数序列之array_combine() - 数组合并函数使用说明
2011/10/29 PHP
用php来改写404错误页让你的页面更友好
2013/01/24 PHP
用Php编写注册后Email激活验证的实例代码
2013/03/11 PHP
解析PHP 使用curl提交json格式数据
2013/06/29 PHP
一个完整的PHP类包含的七种语法说明
2015/06/04 PHP
php获取从百度、谷歌等搜索引擎进入网站关键词的方法
2015/07/08 PHP
基于PHP生成简单的验证码
2016/06/01 PHP
Yii框架分页实现方法详解
2017/05/20 PHP
PHP实现的AES 128位加密算法示例
2019/09/16 PHP
Thinkphp 框架扩展之数据库驱动常用方法小结
2020/04/23 PHP
IE7中javascript操作CheckBox的checked=true不打勾的解决方法
2009/12/07 Javascript
jsonp原理及使用
2013/10/28 Javascript
jQuery打印指定区域Html页面并自动分页
2014/07/04 Javascript
jQuery Real Person验证码插件防止表单自动提交
2015/11/06 Javascript
js获取json中key所对应的value值的简单方法
2020/06/17 Javascript
Vue表单验证插件的制作过程
2017/04/01 Javascript
Vue项目中引入外部文件的方法（css、js、less）
2017/07/24 Javascript
Vue如何从1.0迁移到2.0
2017/10/19 Javascript
利用Bootstrap Multiselect实现下拉框多选功能
2019/04/08 Javascript
vue 数据遍历筛选 过滤 排序的应用操作
2020/11/17 Javascript
[08:40]Navi Vs Newbee
2018/06/07 DOTA
python 测试实现方法
2008/12/24 Python
Python subprocess模块功能与常见用法实例详解
2018/06/28 Python
Python判断一个list中是否包含另一个list全部元素的方法分析
2018/12/24 Python
Python 使用matplotlib模块模拟掷骰子
2019/08/08 Python
Python-openCV读RGB通道图实例
2020/01/17 Python
基于Pycharm加载多个项目过程图解
2020/01/19 Python
HTML5 Canvas draw方法制作动画效果示例
2013/07/11 HTML / CSS
介绍java中初始化块的使用
2012/09/11 面试题
传播学专业毕业生自荐信
2013/11/04 职场文书
毕业生应聘求职信
2014/07/10 职场文书
消防宣传语大全
2015/07/13 职场文书
如何利用map实现Nginx允许多个域名跨域
2021/03/31 Servers
python操作xlsx格式文件并读取
2021/06/02 Python
MySQL数据库完全卸载的方法
2022/03/03 MySQL