H5 고급 인라인 태그-H5 튜토리얼-php.cn

집

웹 프론트엔드

H5 튜토리얼

H5 고급 인라인 태그

php中世界最好的语言

Jan 10, 2018 am 09:17 AM

html5인라인상표

이번에는 H5의 고급 인라인 태그를 가져왔습니다. H5의 고급 인라인 태그는 어떻게 사용하나요? H5의 고급 인라인 태그 사용 시 주의 사항

은 무엇인가요? 다음은 실제 사례입니다.

인라인 요소

, 다른 사람과 줄을 공유하지만 너비와 높이 설정이 유효하지 않습니다. 특징:

① 및 기타 요소는 모두 한 줄에 있습니다.

② 높이, 줄 높이 및 외부 여백 및 내부 여백

은 변경할 수 없습니다.

3 너비는 변경할 수 없는 텍스트 또는 그림의 너비입니다.

4인라인 요소는 텍스트 또는 기타 인라인 요소만 수용할 수 있습니다.

코드는 다음과 같습니다.

<!doctype html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>标签基础2</title>  
</head>  
<body>  
    <!-- 内联元素 与别人公用一行 但是设置宽高无效 -->  
    <!-- 无语义 -->  
    <span>无语义</span>  
    <!-- 图片 alt图片加载失败显示-->  
    <img src="/static/imghwm/default1.png"  data-src="d"  class="lazy"   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>

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 다음 페이지의 다른 관련 기사를 주목하세요. PHP 중국어 웹사이트!

관련 기사

html5的div一行可以放两个吗Apr 25, 2022 pm 05:32 PM

html5的div元素默认一行不可以放两个。div是一个块级元素，一个元素会独占一行，两个div默认无法在同一行显示；但可以通过给div元素添加“display：inline;”样式，将其转为行内元素，就可以实现多个div在同一行显示了。

html5中列表和表格的区别是什么Apr 28, 2022 pm 01:58 PM

html5中列表和表格的区别：1、表格主要是用于显示数据的，而列表主要是用于给数据进行布局；2、表格是使用table标签配合tr、td、th等标签进行定义的，列表是利用li标签配合ol、ul等标签进行定义的。

html5怎么让头和尾固定不动Apr 25, 2022 pm 02:30 PM

固定方法：1、使用header标签定义文档头部内容，并添加“position:fixed;top:0;”样式让其固定不动；2、使用footer标签定义尾部内容，并添加“position: fixed;bottom: 0;”样式让其固定不动。

html5中不支持的标签有哪些Mar 17, 2022 pm 05:43 PM

html5中不支持的标签有：1、acronym，用于定义首字母缩写，可用abbr替代；2、basefont，可利用css样式替代；3、applet，可用object替代；4、dir，定义目录列表，可用ul替代；5、big，定义大号文本等等。

HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制，它只是一个矩形的图形容器，绘制图形必须通过脚本（通常是JavaScript）来完成；开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表，一般和li标签配合使用，在dir标签对中通过li标签来设置列表项，语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir，可使用ul标签取代。

Html5怎么取消td边框May 18, 2022 pm 06:57 PM

3种取消方法：1、给td元素添加“border:none”无边框样式即可，语法“td{border:none}”。2、给td元素添加“border:0”样式，语法“td{border:0;}”，将td边框的宽度设置为0即可。3、给td元素添加“border:transparent”样式，语法“td{border:transparent;}”，将td边框的颜色设置为透明即可。