zoukankan      html  css  js  c++  java
  • 简单的页面布局

    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="utf-8" />
            <title></title>
        </head>
        <frameset rows="20%,*" frameborder="3">
            <frame src="top.html" noresize/>
    <frameset cols="20%,*">
            <frame src="left.html" noresize/>
            <frameset rows="50%,*">
            <frame src="right1.html" noresize name="right"/>
            <frame src="right2.html" noresize/>            
            </frameset>
    
        </frameset>
                </frameset>
    
    </html>
    index

     登录界面:

    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="utf-8" />
            <title></title>
        </head>
    
        <body>
            <h3>登录界面</h3>
            <form action="???" method="get">
                用户名:<input type="text" name="usename" /><br/>&nbsp;&nbsp;&nbsp;码:<input type="password" name="pwd" /><br/>
                <input type="submit" value="登录" />
                <input type="reset" value="重新填写" />
            </form>
        </body>
    
    </html>
    View Code

     集中:

    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="utf-8" />
            <title></title>
        </head>
    
        <body>
            <h3>登录界面</h3>
            <form action="???" method="get">
                用户名:<input type="text" name="usename" /><br/> 密&nbsp;&nbsp;&nbsp;码:
                <input type="password" name="pwd" /><br/>
                <input type="submit" value="登录" />
                <input type="reset" value="重新填写" /> ******************************************
                <br/>
                <input type="checkbox" name="v1">西瓜<br/>
                <input type="checkbox" name="v1">西瓜<br/>
                <!--选择性别-->
                <input type="radio" name="sex"> 男<br/>
                <input type="radio" name="sex"> 女<br/> **************隐藏 好处是既可以提交数据,又不影响界面<br/>
                <input type="hidden" value="123" name="sal" /> 用户名:
                <input type="text" name="usename" /><br/> 请选择你的出生
                <br/>
                <select name="birth">
                    <option value="">---请选择----</option>
                    <option value="beijin">北京</option>
                    <option value="beijin">北京</option>
                    <option value="beijin">北京</option>
                </select><br/> 请留言****************************
                <textarea cols="30" rows="10"> 请输入到这里。。。</textarea><br/> **************选择你要上传的材料
                <br/>
                <input type="file" name="myfile" />选择文件
            </form>
        </body>
    
    </html>
    View Code

     练手;

    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="utf-8" />
            <title></title>
        </head>
    
        <body leftmargin="0px" topmargin="0px">
            你好!!!
            <a href="#"> souhu</a>
            <hr color=red>
            <h1>标题</h1>
            <font face="华文新魏" style="font-size: 50px;">标题</font><br/>
            <b><u><i>ceshi</i></u></b><br/>
            <p>加油啊!同学</p><br/>
            <dir style="border:1px solid red; 400px;
                position: absolute;left: 400px;top: 450px;">你好<img src="img/top.jpg" width="400">
                <table border="1">
                    <tr>
                        <td>名字</td>
                        <td>外号</td>
                    </tr>
    
                </table>
    
            </dir>
            <blockquote>
                when I was young,I want to become a very successful man!
            </blockquote>
            <input type="checkbox" name="v1" checked="" />苹果<br/>
            <input type="checkbox" name="v1" />苹果<br/>
            <select size="2" multiple="">
                <option value="aaa">aaa</option>
                <option value="aaa">aaa</option>
                <option value="aaa">aaa</option>
            </select><br/>
            <textarea cols="30" rows="20"></textarea><br/>
            <marquee direction="right">
                <font color="red">西安电子科技大学录取通知书</font>
            </marquee>
        </body>
    
    </html>
    View Code
  • 相关阅读:
    Python和C#基本算法实现对比
    数据库并发
    NetCore 启动地址配置详解
    SkyWalking Liunx 环境搭建&NetCore接入
    Autofac踩坑经历
    centos 7 安装elasticsearch
    centos 7 java1.8安装
    AppDomin学习与分享
    .Net 程序代码混淆加密工具 ILProtector
    c# 重新认识 Double 浮点型
  • 原文地址:https://www.cnblogs.com/helloworld2019/p/10864734.html
Copyright © 2011-2022 走看看