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

 

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

  ①和其他元素都在一行上;
  ②高,行高及外边距和内边距不可改变;
  ③宽度就是它的文字或图片的宽度,不可改变
  ④内联元素只能容纳文本或者其他内联元素
代码如下:
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     <!-- 无语义 -->
11     <span>无语义</span>
12 
13     <!-- 图片 alt图片加载失败显示-->
14     <img src="d" alt="加载失败">
15 
16     <!-- 超链接 -->
17     <a href="http://www.baidu.com">跳转</a>
18 
19     <!-- 斜体强调 -->
20     <var>斜体强调作用</var>
21     <!-- em和i经常用于制作小图标 -->
22     <em>斜体强调作用</em>
23     <i>斜体强调作用</i>
24 
25     <!-- 加粗强调 -->
26     <strong>加粗强调</strong>
27 
28     <!-- 表单 提交数据-->
29     <form action="">
30         <!-- 输入框 -->
31         <input type="text">
32         <!-- 密码输入框 -->
33         <input type="password">
34         <!-- 按钮 -->
35         <input type="button" value="按钮">
36         <!-- 提交表单 -->
37         <input type="submit" value="提交表单">
38 
39         <!-- 日期 年月日-->
40         <input type="date">
41         <!-- 日期 年周 -->
42         <input type="week">
43         <!-- 日期 年月 -->
44         <input type="month">
45         <!-- 日期 当前时间 -->
46         <input type="time">
47 
48         <!-- 选择文件 -->
49         <input type="file" value="打开文件">
50         <!-- 只能输入数字 -->
51         <input type="number">
52         <!-- 颜色选择器 -->
53         <

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

  ①和其他元素都在一行上;
  ②高,行高及外边距和内边距不可改变;
  ③宽度就是它的文字或图片的宽度,不可改变
  ④内联元素只能容纳文本或者其他内联元素
代码如下:
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     <!-- 无语义 -->
11     <span>无语义</span>
12 
13     <!-- 图片 alt图片加载失败显示-->
14     <img src="d" alt="加载失败">
15 
16     <!-- 超链接 -->
17     <a href="http://www.baidu.com">跳转</a>
18 
19     <!-- 斜体强调 -->
20     <var>斜体强调作用</var>
21     <!-- em和i经常用于制作小图标 -->
22     <em>斜体强调作用</em>
23     <i>斜体强调作用</i>
24 
25     <!-- 加粗强调 -->
26     <strong>加粗强调</strong>
27 
28     <!-- 表单 提交数据-->
29     <form action="">
30         <!-- 输入框 -->
31         <input type="text">
32         <!-- 密码输入框 -->
33         <input type="password">
34         <!-- 按钮 -->
35         <input type="button" value="按钮">
36         <!-- 提交表单 -->
37         <input type="submit" value="提交表单">
38 
39         <!-- 日期 年月日-->
40         <input type="date">
41         <!-- 日期 年周 -->
42         <input type="week">
43         <!-- 日期 年月 -->
44         <input type="month">
45         <!-- 日期 当前时间 -->
46         <input type="time">
47 
48         <!-- 选择文件 -->
49         <input type="file" value="打开文件">
50         <!-- 只能输入数字 -->
51         <input type="number">
52         <!-- 颜色选择器 -->
53         <

相关文章:

  • 2022-12-23
  • 2021-11-27
  • 2021-09-01
  • 2021-08-30
  • 2021-12-14
  • 2022-03-04
  • 2021-10-07
猜你喜欢
  • 2022-02-05
  • 2022-12-23
  • 2022-02-19
  • 2021-10-04
  • 2021-06-21
  • 2021-08-22
  • 2021-10-16
相关资源
相似解决方案