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

时间：2022-05-08 02:43:07

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

　　①和其他元素都在一行上；
　　②高，行高及外边距和内边距不可改变；
　　③宽度就是它的文字或图片的宽度，不可改变
　　④内联元素只能容纳文本或者其他内联元素
代码如下：
 <!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> &lt ...

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

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

  3. 前端1-----HTML了解&comma;内联标签&lpar;图片&comma;超链接锚点&comma;超链接邮箱&rpar;

    前端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. &lbrack;HTML5&rsqb;块和内联元素的嵌套

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

  6. HTML5 Canvas、内联 SVG、Canvas vs&period; 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常用标签-&lt&semi;body&gt&semi;内基本标签（块级标签和内联标签）

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

随机推荐

  1. 从SqlServer转手Oracle的一些坑

    为将SqlSugar ORM转制成OracleSugar ORM 本想一天搞定,凭着经验不看任何Oracle资料就直接强上了,但是从配置PLSQL和一些语法区别带来了很多坑让我进度放缓 这个贴子对于身 ...

  2. Confluence Wiki -- 页面限制

    Confluence Wiki 中 [页面设置] 应该如何理解? 当一个用户有这个权限后,这个用户可以对一个页面做限制,可以限制这个页面不能被其他用户浏览或编辑: 反之,如果没有这个权限,那么这个用户 ...

  3. 北大poj- 1045

    Bode Plot Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 14060   Accepted: 8820 Descri ...

  4. 大叔也说Xamarin~Android篇~日志的记录

    回到目录 无论哪个平台,开始哪种应用程序,日志总是少不了的,大家在Lind.DDD里也可以看到大叔的日志组件,而在xamarin进行移动开发时,为了更好的调试,记录运行的情况,日志也是必须的,这讲主要 ...

  5. &lbrack;转&rsqb;html5 js 访问 sqlite 数据库的操作类

    本文转自:http://blog.csdn.net/tsxw24/article/details/7613815 webkit 核心的浏览器提供了 3个 api接口,用于访问本地sqlite数据,但使 ...

  6. c&plus;&plus; DISALLOW&lowbar;COPY&lowbar;AND&lowbar;ASSIGN

    Google C++编程规范 – 第三十二条 -<拷贝构造函数> [规范] 仅在确认需要的时候,才定义拷贝构造函数和赋值运算符:否则,请使用DISALLOW_COPY_AND_ASSIGN ...

  7. Framework7 索引列表插件的问题

    前言 Framework7 作为移动端的开发框架的优良之处已经无需多言.现在已经有了 React 和 Vue 版本,之前在项目中用过 F7 + vue 的开发方式,无论是效率还是产出都近乎完美.有时间 ...

  8. C&num;中各种计时器 Stopwatch、TimeSpan

    1.使用 Stopwatch 类 (System.Diagnostics.Stopwatch)Stopwatch 实例可以测量一个时间间隔的运行时间,也可以测量多个时间间隔的总运行时间.在典型的 St ...

  9. luogu P5293 &lbrack;HNOI2019&rsqb;白兔之舞

    传送门 关于这题答案,因为在所有行,往后跳到任意一行的\(w_{i,j}\)都是一样的,所以可以算出跳\(x\)步的答案然后乘上\(\binom{l}{x}\),也就是枚举跳到了哪些行 如果记跳x步的 ...

  10. flume接收http请求，并将数据写到kafka

    flume接收http请求,并将数据写到kafka,spark消费kafka的数据.是数据采集的经典框架. 直接上flume的配置: source : http channel : file sink ...

相关文章