• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML5进阶段内联标签汇总(小篇)

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含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.     <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="提交表单">  

您可能想查找下面的文章:

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

相关文章

  • 2018-12-03html5构建触屏网站之touch事件介绍_html5教程技巧
  • 2018-12-03详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
  • 2018-12-03HTML5 预加载让页面得以快速呈现_html5教程技巧
  • 2018-12-03 linux下HTML5用户及用户组管理命令详解
  • 2018-12-03HTML5 canvas画布详解(六)
  • 2018-12-03html5是什么?html5的介绍以及优缺点总结
  • 2018-12-03HTML5 中的新数组
  • 2018-12-03关于html5中标签video播放的新解析
  • 2018-12-03微信html5页面如何调用第三方位置导航
  • 2018-12-03小强的HTML5移动开发之路(45)——汇率计算器【1】

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • H5调用相机拍照并压缩图片
    • HTML5 Canvas+JS控制电脑或手机上的摄像头实例
    • html5使用canvas压缩图片的示例代码
    • css3 transform 3d 使用css3创建动态3d立方体(html5实践)_html5教程技巧
    • HTML5中关于History模式的详解
    • HTML5中div和section以及article的区别分析
    • HTML5中音频的详细解析
    • H5之12__触摸与单击:基本的事件处理
    • 作为一个前端,看到怎样的网页效果,你一定会停下来看看他的源码?
    • 为什么把 Script 标签放在 body 结束标签之后 html 结束标签之前?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有