ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLの基礎をわかりやすく解説

HTMLの基礎をわかりやすく解説

jacklove
リリース: 2018-06-11 18:04:58
オリジナル
1805 人が閲覧しました

1. フレームタグの簡単な使い方

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title>框架集标签</title>
    </head>
    <frameset cols="25%,*">
        <frame src="left.html" />
        <frame src="right.html" />
    </frameset></html>
ログイン後にコピー

実行結果:

HTMLの基礎をわかりやすく解説


2. フレームタグの適用

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title>网站后台系统显示页面</title>
    </head>
    <frameset rows="20%,*">
        <frame src="top.html"/>
        <frameset cols="20%,*">
            <frame src="left.html" />
            <frame name = "right" />
        </frameset>
    </frameset></html>
ログイン後にコピー

left.html:

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
        <a href="right.html" target="right">会员管理</a><br />
        <a href="#">品牌管理</a><br />
        <a href="#">商品管理</a><br />
        <a href="#">分类管理</a><br />
    <body>
    </body></html>
ログイン後にコピー

正しい .html:

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        所有用户信息    </body></html>
ログイン後にコピー

操作結果:
HTMLの基礎をわかりやすく解説

3. HTML フォーム

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title>表单标签</title>
    </head>
    <body>
        <form action="#" method="get">
            用户名:<input type="text" name="username" placeholder="请输入用户名" size="40px" maxlength="6"/><br />
            密码:<input type="password" name="password"/><br />
            确认密码:<input type="password" name="repassword"/><br />
            性别:<input type="radio" name="sex" value="男"/>男            <input type="radio" name="sex" value="女" checked="checked"/>女<br />
            爱好:<input type="checkbox" name="hobby" value="钓鱼"/>钓鱼            <input type="checkbox" name="hobby" value="打电动"/>打电动            <input type="checkbox" name="hobby" value="写代码"/>写代码<br />
            头像:<input type="file" name="file"/><br />
            籍贯:<select name="province">
                <option>--请选择--</option>
                <option value="北京">北京</option>
                <option value="上海" selected="selected">上海</option>
                <option value="广州">广州</option>
            </select><br />
            自我介绍:            <textarea name="自我介绍"></textarea><br />
            提交按钮:<input type="submit" value="注册"/><br />
            普通按钮:<input type="button" value="zhuce"/><br />
            重置按钮:<input type="reset" />
        </form>
    </body></html>
ログイン後にコピー

操作結果:
HTMLの基礎をわかりやすく解説

4. この記事では、わかりました

について説明します。

$ .ajax+ php実践チュートリアルはプルダウンすると自動的に他の記事を読み込む原理説明
HTMLの基礎をわかりやすく解説

回転、拡大縮小、移動の関連操作をサポートするzx-image-view画像プレビュープラグインについて

WeChat アプレット開発 基礎の最初のレッスン

以上がHTMLの基礎をわかりやすく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート