지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

HTML의 기본에 대한 설명

jacklove
풀어 주다： 2018-06-11 18:04:58
원래의
1763명이 탐색했습니다.

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의 기본에 대한 설명

Three. HTML form

<!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의 기본에 대한 설명

Four. 사례 등록 페이지

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title>注册页面</title>
    </head>
    <body>
        <table border="1px" align="center" width="1300px" cellpadding="0px" cellspacing="0px">
            <tr>
                <td>
                    <table border="1px" width="100%">
                        <tr height="50px">
                            <td width="33.3%">
                                <img  src="../img/logo2.png" height="47px"/ alt="HTML의 기본에 대한 설명" >
                            </td>
                            <td width="33.3%">
                                <img  src="../img/header.png" height="47px"/ alt="HTML의 기본에 대한 설명" >
                            </td>
                            <td width="33.3%">
                                <a href="#">登录</a>
                                <a href="#">注册</a>
                                <a href="#">购物车</a>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr height="50px">
                <td bgcolor="black">
                    <a href="#"><font size="5" color="white">首页</font></a>
                    <a href="#"><font color="white">手机数码</font></a>
                    <a href="#"><font color="white">电脑办公</font></a>
                    <a href="#"><font color="white">鞋靴香包</font></a>
                    <a href="#"><font color="white">家用电器</font></a>
                </td>
            </tr>
            <tr>
                <td height="600px" background="../img/regist_bg.jpg">
                    <form action="#" method="get">
                        <table border="1px" width="750px" height="400px" align="center" cellpadding="0px" cellspacing="0px" bgcolor="white">
                            <tr height="40">
                                <td colspan="2">
                                    <font size="4">USER</font>  &nbsp&nbspREGISTER                                </td>
                            </tr>
                            <tr>
                                <td>
                                    用户名                                </td>
                                <td>
                                    <input type="text" name="user" size="35px"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    密码                                </td>
                                <td>
                                    <input type="password" name="password" size="35px"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    确认密码                                </td>
                                <td><input type="password" name="repassword" size="35px"/></td>
                            </tr>
                            <tr>
                                <td>
                                    Email                                </td>
                                <td><input type="text" name="email" size="35px"/></td>
                            </tr>
                            <tr>
                                <td>姓名</td>
                                <td><input type="text" name="username" size="35px"/></td>
                            </tr>
                            <tr>
                                <td>性别</td>
                                <td>
                                    <input type="radio" name="sex" value="男"/>男                                    <input type="radio" name="sex" value="女"/>女                                </td>
                            </tr>
                            <tr>
                                <td>出生日期</td>
                                <td>
                                    <input type="text" name="birthday" size="35px"/>
                                </td>
                            </tr>
                            <tr>
                                <td>验证码</td>
                                <td>
                                    <input type="text" name="yzm"/>
                                    <img  src="../img/yanzhengma.png"/ alt="HTML의 기본에 대한 설명" >
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <input type="submit" value="注册"/>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img  src="../img/footer.jpg"/ alt="HTML의 기본에 대한 설명" >
                    </td>
                </tr>
                <tr>
                    <td align="center">
                    <a href="#">关于我们</a>
                    <a href="#">联系我们</a>
                    <a href="#">招贤纳士</a>
                    <a href="#">法律声明</a>
                    <a href="#">友情链接</a>
                    <a href="#">支付方式</a>
                    <a href="#">配送方式</a>
                    <a href="#">服务声明</a>
                    <a href="#">广告声明</a>
                    <p>
                        Copyright © 2005-2018 火之意志 版权所有 
                    </p>
                </td>
                </tr>
            </table>
        </form>
    </body></html>
로그인 후 복사

이 글에서는 Got it
에 대해 설명합니다. HTML의 기본에 대한 설명$ .ajax+ PHP 실습 튜토리얼은 풀다운하면 자동으로 더 많은 기사를 로드합니다. 원리 설명


회전, 크기 조정 및 이동 관련 작업을 지원하는 zx-image-view 이미지 미리 보기 플러그인 정보


설명 WeChat 애플릿 개발 기초의 첫 번째 교훈

위 내용은 HTML의 기본에 대한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
html
원천：php.cn
이전 기사：HTML 할인 계산 가격의 구현 원리 및 스크립트 코드 다음 기사：兼容IE8浏览器
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
PX가 REM 오류로 자동 변환  <style>html {   글꼴 크기: calc(100vw / 3.75);      }body {    글꼴 크기: 0.16rem;      }&l...
에서 2024-04-16 09:34:16
0
0
4687
페이지가 갑자기 CSS나 부트스트랩을 가져올 수 없습니다. 그래서 저는 페이지를 개발 중입니다. 어제 일부 작업을 했는데 잘 작동했고, 오늘은 나머지 작업을 계속했는데 모든 것이 괜찮습니다. 일반 HTML 페이지로 열려고...
에서 2024-04-06 21:58:04
0
1
800
CSS에서 페이지 하단의 신비한 공백을 해결하는 방법 Bootstrap과 D3를 사용하여 간단한 웹페이지를 구축하려고 하는데 하단의 공백을 모두 없애는 방법을 모르겠습니다. 나는 그것을 제거하고 싶다. 본문과 HTM...
에서 2024-04-06 20:22:15
0
1
454
Livewire 게으른 자리 표시자와 함께 laravel 구성 요소를 사용하는 방법 livewire3 자리 표시자 안에 내 laravel 구성 요소의 뼈대를 추가하고 싶습니다. 지금까지 시도한 작업: Laravel 구성 요소를 포함하는 Livew...
에서 2024-04-06 20:02:10
0
2
543
문자열을 HTML 코드(배열에서 생성됨)로 바꾸는 최상위 방법 다음과 같은 문자열이 주어지면...$htmlPattern="Usernameis:#name#andusercompanyis#company#";하위 ...
에서 2024-04-06 17:40:41
0
2
410
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿