html5 post图片二维码信息到后台_简单系统后台页面开发分享【2020网页综合笔记01】...

d27bbf1d2c207d11200774f63c6a6bc1.gif

简介 INTRODUCTION必须要掌握的内容:1.建立本地站点和站点管理 2.标签html head title body p table tr td h a font hr img 3.元素添加与修饰:文本、水平线、特殊字符、图像、flash动画 4.表格布局、合并、拆分 5.框架布局 6.层与时间轴的应用 7.表单的制作 8.css样式的使用

项目结构:

1ee6227db9653c1f65b79b853c13d029.png

主页:index.htm

软件设计界面:

ddf5f08e2278367764f60b2e850b9659.png

源代码分享:

<html>  <head>          <title>后台管理系统title>     <style>         #header{             background-color:blue;             color:white;         }         #logo{             width:100px;         }         #frame1{             width:100%;       height:100%;         }style>     <script>script>  head>  <body>     <div id="header">        <img src="./image/logo.jpg" id="logo"  alt="logo" />        <strong><font size="10">XX公司后台管理系统font>strong>     div>     <div id="bodyer">        <table width="100%" height="80%">           <tr>              <td style="width:150px">                 <ul>                    <li><a href="page1.html">职位管理a>li>                    <li><a href="page2.html" target="frame1">用户注册a>li>                    <li><a href="http://www.baidu.com" target="frame1">访问百度a>li>                 ul>              td>              <td>                 <iframe name="frame1" src="page1.html" id="frame1">iframe>              td>           tr>        table>     div>     <div id="footer">div>  body>html>

用户注册页:page2.html

源代码:

<html>  <head>          <title>注册用户title>     <style>style>     <script>script>  head>  <body>    <form name="form1" action="my.php" method="post" >        <table>           <tr>              <td>                 用户名:              td>              <td>                 <input type="text" name="username"/>              td>           tr>           <tr>              <td>                 密码:              td>              <td>                 <input type="password" name="password"/>              td>           tr>           <tr>              <td>                 性别:              td>              <td>                 <input type="radio" name="sex" value="男" checked="checked" /> 男     <input type="radio" name="sex" value="女" /> 女              td>           tr>           <tr>              <td>                 爱好:              td>              <td>                <input type="checkbox" name="hobby" value="唱歌"/> 唱歌    <input type="checkbox" name="hobby" value="跳舞"/> 跳舞    <input type="checkbox" name="hobby" value="编程"/> 编程              td>           tr>           <tr>              <td>                 单位:              td>              <td>                 <select name="company">                    <option value="-1">请选择..option>                    <option value="职教中心">职教中心option>                    <option value="戏剧中心" checked="checked">戏剧中心option>                    <option value="游泳中心">游泳中心option>                 select>              td>           tr>           <tr>              <td colspan="2">                 <input type="submit" name="submit" value="提交"/>              td>           tr>        table>    form>  body>html>

联系作者:刘金玉

b26371cb231c5bfdc26ee5502d41fb4f.png

长按关注公众号

7f81a850838113adae2e4a978065bb0e.png

编程创造城市官网:https://bcczcs.com 相关文章:
  1. 长期写代码的人最后怎样了?一起看看程序员的人生规划吧

  2. 要毕业了,还有科目不及格,该怎么办?如果调节自己的心态?

  3. 现在有多少人在学习计算机编程?学习只为当码农吗?

  4. 在学习过程中,老师重要还是自己的学习能力重要?

  5. 软件开发商何时介入生产过程?一起跟随程序员看看软件开发全阶段

  6. 通过疫情,我们get了哪些实用的健康知识?

  7. 大专毕业学生用Python能找到好工作吗?

  8. 2020年新冠肺炎给上班族带来哪些变化?

  9. 嘘!程序员写代码需要安静吗?安静的环境带给我们什么?

  10. 零基础html5+div+css+js网页开发教程第006期 网页快速开发技巧

  11. 零基础学网页开发入门(制作博客案例)适应手机端div+css+js的综合介绍

  12. 零基础html5+div+css+js网页开发教程第010期 图片轮播案例

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值