H5 高度なインラインタグ-H5 チュートリアル-php.cn

ホームページ

ウェブフロントエンド

H5 チュートリアル

H5 高度なインラインタグ

php中世界最好的语言

Jan 10, 2018 am 09:17 AM

html5 列をなしてラベル

今回は、H5 の高度なインラインタグの使い方について説明します。 H5 の高度なインラインタグを使用する際の注意事項

は何ですか? 以下は実際的なケースです。見てみましょう。

インライン要素

、他のユーザーと行を共有しますが、幅と高さの設定は無効です。その特徴:

①と他の要素はすべて 1 行上にあります

②高さ、行の高さ、外側のマージンと内側のマージン

は変更できません

③幅はテキストまたは画像の幅であり、変更できません。変更する必要があります

④インライン要素にはテキストまたはその他のインライン要素のみを含めることができます

コードは次のとおりです:

<!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>

ログイン後にコピー

これらの事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、他の関連記事に注目してください。 PHP中国語ウェブサイトです！