精华内容
下载资源
问答
  • html练习

    千次阅读 多人点赞 2019-03-12 08:44:40
    DOCTYPE html> <html> <head> <meta charset="UTF-8&...

    html表单练习

    在这里插入图片描述

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<body>
    		<form action="" method="get">
    			邮箱地址:<input type="text" placeholder="请输入邮箱地址"/>@
    			<select name="email">	
    				<option value="">163</option>
    				<option value="">126</option>
    				<option value="">yeah</option>
    			</select>
    			<br /><br />
    			
    			密码:<input type="password" />
    			<br /><br />
    			
    			性别:<input type="radio" name="gender"/>男
    				<input type="radio" name="gender" checked/>女
    			<br /><br />
    			
    			验证码:<input type="text" />
    			<img src="img/yanzhengma" title="这是验证码" />
    			<br /><br />
    			
    			<!--<input type="button" value=""/>-->
    			<button>免费获取验证码</button>
    			
    			<br /><br />
    			备注:<textarea name="" id="" cols="30" rows="10"></textarea>
    			
    			<br /><br />
    			<input type="checkbox" />同意<a href="#">"隐私条款"</a>和"隐私权相关政策"
    			<br /><br />
    			<input type="submit" value="提交"/>
    			<input type="reset" value="重置"/>
    		</form>
    	</body>
    </html>
    
    

    综合练习

    在这里插入图片描述

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>作业</title>
    		<style type="text/css">
    			body{
    				/*
    				 * 只能设置文字在当前元素中水平的对齐方式,
    				 * 也可以对行内元素和图片。
    				 */
    				text-align: center;
    			}
    			/*
    			 * 在定义样式的时候一般不建议去使用ID名,
    			 * ID名一般留给JS效果或者后台取数据
    			 */
    			.two{
    				color:#000;
    			}
    			.txt{
    				width:300px;
    				height:40px;
    			}
    			.box1{
    				margin-bottom: 10px;
    			}
    			.box1{
    				margin-top: 10px;
    				/*
    				 * 下面的写法可以是固定的技巧
    				 * 可以让一个已知宽度的盒子水平居中显示
    				 * margin:100px auto;
    				 */
    			}
    		</style>
    	</head>
    	<body>
    		<img src="img/yanzhengma.jpg" alt="" />
    		<br />
    		<div class="box1">
    			<a href="">新闻</a>
    			<a href="" class="two">网页</a>
    			<a href="">贴吧</a>
    			<a href="">知道</a>
    			<a href="">音乐</a>
    			<a href="">图片</a>
    			<a href="">视频</a>
    			<a href="">地图</a>
    		</div>
    		<form action="" method="post">
    			<input type="text" class="txt"/>
    			<input type="submit" value="百度一下" class="btn"/>
    		</form>
    		<div class="box2">
    			<a href="">新闻</a>
    			<a href="" class="two">网页</a>
    			<a href="">贴吧</a>
    			<a href="">知道</a>
    			<a href="">音乐</a>
    			<a href="">图片</a>
    			<a href="">视频</a>
    			<a href="">地图</a>
    		</div>
    		<br />
    	</body>
    </html>
    
    

    在这里插入图片描述

    展开全文
  • html练习 html练习 html练习 html练习 html练习 html练习
  • html练习-源码

    2021-02-22 04:12:12
    html练习
  • html 练习素材

    2021-01-02 10:16:04
    html 练习素材
  • 最先使用HTML:HTML练习
  • html:html练习原始码
  • html练习

    2014-12-29 23:14:39
    网校老师发的html练习题 很经典的 希望大家会喜欢的 感谢你们
  • HTML练习

    2015-05-07 12:39:04
    这是我自己整理出来的HTML练习题,非常全面,里面有单选、多选、判断、填空、问答、编程题。
  • html练习1文件资源下载
  • 语义html实践 在CSETHTML练习中,根据来自Wikipedia的随机图像进行语义HTML练习
  • html
  • html练习+css

    2017-06-23 20:55:58
    普通的html练习,做的时间为2017年6月23日
  • HTML练习之qq飞车首页

    2021-03-16 20:47:38
    HTML练习之QQ飞车首页图片资源
  • html实践 HTML练习,学习html中不同类型的标签,元素,属性。
  • html练习代码

    2012-11-29 16:50:46
    html 各种练习代码 全面
  • goit-markup-hw-01 GoIT HTML练习
  • html练习.zip

    2019-07-25 16:43:56
    其中部分文件为自己建立的,是自己在学习HTML知识时做的练习,部分文件下载自siki学院的学习资料,仅供学习参考
  • HTML练习代码

    2013-01-25 14:42:59
    HTML JavaScript 源代码练习代码.根据毕老师的教程进度写的大部分代码,还有一个自己练习写的简易账本,简单五子棋
  • 基本HTML练习,使用列表和链接。 指导方针 1-记住创建克隆后,请创建分支。 2-不要创建太大或太小的提交,当工作完成时,让更改增加(推动)。 3-始终使用git status命令来确保本地存储库中发生了什么。 4-练习结束...
  • html练习之DOM知识---银行系统 html练习之DOM知识---银行系统 html练习之DOM知识---银行系统 html练习之DOM知识---银行系统 html练习之DOM知识---银行系统 html练习之DOM知识---银行系统 html练习之DOM知识---银行...
  • HTML练习记录 frame框架 frame属性的一些基本标签
  • ACCP6.0HTML练习

    2013-12-09 17:53:17
    很全很详细的 练习题,里面有素材和题目,比较适合初学者练习
  • HTML练习——表格

    千次阅读 2018-09-23 15:14:31
    DOCTYPE html&amp;amp;gt; &amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;UTF-8&amp;...

    1.建立如图所示表格

    在这里插入图片描述

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>学生信息表</title>
    </head>
    <body>
    
    <table style="width: 60%;text-align: center;" cellspacing="2" cellpadding="3" border="1px">
        <tr>
            <td rowspan="5" style="background-color: darkorange">学生</td>
            <td colspan="6" style="background-color: aqua;color: red">学生信息表</td>
    
        </tr>
        <tr style="background-color: salmon">
            <td>序号</td>
            <td>姓名</td>
            <td>性别</td>
            <td>年龄</td>
            <td>电话</td>
            <td>住址</td>
        </tr>
        <tr style="background-color: darkgray">
            <td>1</td>
            <td>张三</td>
            <td></td>
            <td>23</td>
            <td>110</td>
            <td>雁塔</td>
        </tr>
        <tr style="background-color: darkgray">
            <td>2</td>
            <td>张三</td>
            <td></td>
            <td>23</td>
            <td>110</td>
            <td>雁塔</td>
        </tr>
        <tr style="background-color: darkgray">
            <td>3</td>
            <td>张三</td>
            <td></td>
            <td>23</td>
            <td>110</td>
            <td>雁塔</td>
        </tr>
    
    </table>
    </body>
    </html>
    

    在这里插入图片描述

    2.创建标签表格

    如图所示

    在这里插入图片描述

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>常见表单输入元素</title>
    </head>
    <body>
    <table style="width: 60%;text-align: center; background-color: darkseagreen;color: darkslateblue" cellspacing="2" cellpadding="3" border="1px">
        <tr>
            <td>姓名</td>
            <td><input type="text"></td>
            <td>性别:</td>
            <td>
                <select>
                    <option>--选择性别--</option>
                    <option></option>
                    <option></option>
                </select>
            </td>
        </tr>
    
        <tr>
            <td>手机号码</td>
            <td><input type="text"></td>
            <td>电子邮箱</td>
            <td><input type="text"></td>
        </tr>
    
        <tr>
            <td>教育程度</td>
            <td>
                <select>
                    <option>小学</option>
                    <option>初中</option>
                    <option>高中</option>
                    <option>大专</option>
                    <option>大学</option>
                    <option>硕士</option>
                    <option>博士</option>
                    <option>博士后</option>
                </select>
            </td>
            <td>工作职位</td>
            <td><input type="text"></td>
        </tr>
    
        <tr>
            <td>工作城市</td>
            <td>
                <select>
                    <option>--选择城市--</option>
                    <option>--上海--</option>
                    <option>--深圳--</option>
                    <option>--北京--</option>
                    <option>--广州--</option>
                    <option>--西安--</option>
                </select>
            </td>
            <td>期望工资</td>
            <td>            <select>
                    <option>--选择区间--</option>
                    <option>-- 8k-10k --</option>
                    <option>-- 10k-12k --</option>
                    <option>-- 12k-14k --</option>
                    <option>-- 14k-16k --</option>
                    <option>--   16k+ --</option>
                </select></td>
        </tr>
        <tr>
            <td>自我介绍</td>
            <td colspan="3"><textarea style="width: 95%"></textarea></td>
        </tr>
    
        <tr>
            <td>特长</td>
            <td colspan="3"><textarea style="width: 95%"></textarea></td>
        </tr>
    
        <tr>
            <td>地址</td>
            <td colspan="3"><textarea style="width: 95%"></textarea></td>
        </tr>
    </table>
        <input type="submit" value="添加">
        <input type="reset" value="重置"><br/>
    
    
    </body>
    </html>
    

    在这里插入图片描述

    展开全文
  • HTML练习注册用户

    千次阅读 2016-06-02 15:16:22
    <html> function aa() { var s; s=reg.user.value; alert("用户名是"+s); } function aa2(t) { var
    
    <html>
       <head>
         <script>
            function aa()
            {
               var s;
               s=reg.user.value;
               alert("用户名是"+s);
                 }
            function aa2(t)
            {
               var p1,p2; 
                alert(t);
                p1=reg.pass1.value;
                p2=reg.pass2.value;
                if(p1!=p2)
                  alert("两次密码不一致");
    
                }
    
         </script>
       </head>
       <body>
         <h1 align="center">注册</h1>
         <table align="center" border="2" width="400" bgcolor="pink">
          <form name="reg">
            <tr><td>用户名</td><td><input type="text" name="user"></td></tr>
            <tr><td>密码</td><td><input type="password" name="pass1"></td></tr>
            <tr><td>确认密码</td><td><input type="password" name="pass2"  onblur="aa2(this)"></td></tr>
             <tr><td>性别</td><td><input type="radio" name="sex" value="1"><input type="radio" name="sex" value="2" checked></td></tr>
              <tr><td>爱好</td><td><input type="checkbox" name="hb1" value="ft">足球 <input type="checkbox" name="hb2" value="ms">音乐<input 
    
    type="checkbox" name="hb3" value="tor" />旅游</td></tr>
              <tr><td colspan="2"><input type="file" name="f1" /></td></tr>
    
              <tr><td>学院</td><td>
                              <select name="s">
                                <option value="1"  selected>信息学院</option>
                               <option value="2">管理学院</option>
                                <option value="3">机电学院</option>
                              </select>  
    
         <tr><td colspan="2" align="center"><input type="button" value="提交"  onclick="aa()" /> <input type="reset" value="重置" /></td></tr>
    
          </form>
    
    
    
    
    
       </body>
    </html>
    
    展开全文
  • Jambopay.martket 克隆 重做 Jambopay.market 网站只是为了 html css & js 和 javascript 练习目的

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 246,096
精华内容 98,438
关键字:

html练习