简介 INTRODUCTION必须要掌握的内容:1.建立本地站点和站点管理 2.标签html head title body p table tr td h a font hr img 3.元素添加与修饰:文本、水平线、特殊字符、图像、flash动画 4.表格布局、合并、拆分 5.框架布局 6.层与时间轴的应用 7.表单的制作 8.css样式的使用
项目结构:
主页:index.htm
软件设计界面:
源代码分享:
<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>
联系作者:刘金玉
长按关注公众号
编程创造城市官网:https://bcczcs.com 相关文章:长期写代码的人最后怎样了?一起看看程序员的人生规划吧
要毕业了,还有科目不及格,该怎么办?如果调节自己的心态?
现在有多少人在学习计算机编程?学习只为当码农吗?
在学习过程中,老师重要还是自己的学习能力重要?
软件开发商何时介入生产过程?一起跟随程序员看看软件开发全阶段
通过疫情,我们get了哪些实用的健康知识?
大专毕业学生用Python能找到好工作吗?
2020年新冠肺炎给上班族带来哪些变化?
嘘!程序员写代码需要安静吗?安静的环境带给我们什么?
零基础html5+div+css+js网页开发教程第006期 网页快速开发技巧
零基础学网页开发入门(制作博客案例)适应手机端div+css+js的综合介绍
零基础html5+div+css+js网页开发教程第010期 图片轮播案例