1.模块的使用

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>DIVtest</title></head><body>hello div<hr/><div style="background-color: bisque; width: 300px; height: 400px;"><span style="font-size:57; color: darkgoldenrod;">第一个DIVtest</span></div><div style="background-color: brown; width: 300px; height: 400px;"><b>这是一个b标签</b><img src="img/abc.jpg" /><img src="img/c93bc1441f860564d38b8ab8067964b5.jpg"/></div></body>
</html>

2.form的使用和搜索转接

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>FORM</title></head><body><form action="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=0&rsv_idx=1&tn=baidu&wd=&rsv_pq=dbbd3dd80000a87d&rsv_t=f907nwndmDDivXQHDWo7Ew%2F35zlC%2BAJJPvgH7fIw3SBcZL9KaGsmyExuMHk&rqlang=cn&rsv_enter=1&rsv_sug3=6&rsv_sug1=6&rsv_sug7=101"><input type="text" name="wd"/><input type="submit" value="提交"/></form></body>
</html>

3.今天写的主程序框架,其中使用了对网页的框架架构,分别用各个小段代码去填充主代码,进行模块化。

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>郑州大学</title></head><frameset rows="100px,*" ><frame align=center src="title.html"/><frameset cols="250px,*"><frame src="xulieliebiao.html"/><frame name="neirong" src="neirong.html"/></frameset></frameset>
</html>

还有用到的3块模块

标题

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>郑州大学</title></head><body><h1><font color="red" size="7">郑州大学教务在线</font></h1></body>
</html>

菜单

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>test</title></head><body><div><ol><li><a href="http://www.baidu.com"target="_parent">百度父页面跳转</a></li><br/><li><a href="http://www.baidu.com"target="_blank">百度网页外跳转</a></li><br/><li><a href="http://www.baidu.com"target="_self">百度当前页面模块跳转跳转</a></li><br/><li><a href="http://www.baidu.com"target="neirong">在内容模块跳转</a></li><br/></ol><li><a href="http://www.baidu.com"target="_parent">百度父页面跳转</a></li><br/><li><a href="http://www.baidu.com"target="_blank">百度网页外跳转</a></li><br/><li><a href="http://www.baidu.com"target="_self">百度当前页面模块跳转跳转</a></li><br/><li><a href="http://www.baidu.com"target="neirong">在内容模块跳转</a></li><br/><ul></ul></div></body>
</html>

菜单我使用了4种不同的跳转方式

内容

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>内容</title></head><body>郑州大学(Zhengzhou University),简称“郑大”,是中华人民共和国教育部与河南省人民政府共建全国重点大学,首批国家“双一流”世界一流大学、“211工程”、中西部“一省一校”重点建设高校、“海外高层次人才引进计划”、“中西部高校综合实力提升工程”,“卓越工程师教育培养计划”、“卓越法律人才教育培养计划”、“卓越医生教育培养计划”、“国家建设高水平大学公派研究生项目”、“国家大学生创新性实验计划”入选高校,拥有国家大学科技园,具有自主招生资格。</br>郑州大学医科教育源于1928年的国立第五中山大学,1952年河南医学院独立建院,开启了河南医学高等教育的先河,1984年,定名为河南医科大学;原郑州大学创建于1956年,是新中国创办的第一所综合性大学,1961年,郑州师范学院并入,1991年,黄河大学并入,1992年,河南体育专科学校并入;郑州工业大学成立于1963年,是原化工部直属的重点院校,1973年,河南农业大学粮油工业系并入;2000年7月,原郑州大学、郑州工业大学和河南医科大学三校合并组建新郑州大学。</br>截至2017年9月,郑州大学占地面积5700余亩,校本部包括主校区、南校区、北校区、东校区4个校区;有全日制本科生5.5万余人、各类研究生1.5万余人,留学生1800余人;有教职工5700余人,其中两院院士、学部委员10人、海外院士3人、长江学者7人;设有47个院(系),9个附属医院,113个本科专业;拥有55个一级学科硕士点,21个一级学科博士点,24个博士后科研流动站。</body>
</html>

效果

css代码复用练习

<!DOCTYPE html>
<html><style type="text/css">div{width: 400px;height: 400px;background-color: chartreuse;}</style><head><meta charset="{CHARSET}"><title>CSStest</title></head><body><div style="width: 400px;height: 400px;background-color: chartreuse;"></div>  <hr /><div></div><hr /><div></div><hr /><div></div><hr /><!--作者:2461955633@qq.com时间:2018-07-27描述:复用代码--><div style="width: 40px;height: 50px;background-color: red;"><!--作者:2461955633@qq.com时间:2018-07-27描述:单独定制属性--></body>
</html>

今天的作业大概就这些,有些细节操作的代码使用值得特别注意例如 name的使用。

D2 2018 7 27 作业相关推荐

  1. 2018.9.19作业

    2018.9.19作业 #用户登录系统with open(r'test',mode='r',encoding='utf-8') as f: info=f.read() info=info.replac ...

  2. 苏嵌//张福辉//2018.7.27

    苏嵌                                                                                                   ...

  3. 华南理工大学网络教育计算机概论,华南理工大学网络教育学院2018计算机概论作业...

    <华南理工大学网络教育学院2018计算机概论作业>由会员分享,可在线阅读,更多相关<华南理工大学网络教育学院2018计算机概论作业(3页珍藏版)>请在人人文库网上搜索. 1.1 ...

  4. Python学习之路—2018/6/27

    Python学习之路-2018/6/27 1.多表操作 添加记录 添加多对多关系 方式一:传入Author对象 book = Book.objects.get(bid=1) gy = Author.o ...

  5. 2018春季-华南理工-计算机概论,【7A文】华南理工大学网络教育学院2018计算机概论作业...

    [7A文]华南理工大学网络教育学院2018计算机概论作业 [MeiWei_81重点借鉴文档] 1.请描述述冯诺依曼计算机体系结构及其工作原理. 答:冯诺依曼计算机体系结构如下: 1)使用单一的处理部件 ...

  6. 2018.12.26 作业

    作业链接:https://pan.baidu.com/s/1wdO5CIBgM3fJW8xAUI2Ajg 提取码:u8qr 一.笔记 选择结构:Java提供了if控制语句和switch控制语句来实现. ...

  7. 2018/03/27

    2019独角兽企业重金招聘Python工程师标准>>> March 27 2018 Tuesday Weather : cloudy to suny 1.需求: 把当前用户下所有进程 ...

  8. 数独生成求解器——软件工程2018年个人作业项目(完成)

    最近更新时间2018.12.29(百忙之中实现了UI界面,另开了一篇) GitHub连接:https://github.com/blingopen/sudoku 部分参考资料链接(有些参考之后忘记贴出 ...

  9. 2018.2.27 9周5次课

    九周第五次课(2月27日) 11.6 MariaDB安装 11.7/11.8/11.9 Apache安装 11.6 MariaDB安装 cd /usr/local/src 下载二进制安装包:wget ...

最新文章

  1. coco格式的数据集进行训练
  2. OpenCV(十七)边缘检测3 -- Canny算子(最优边缘检测)
  3. 【二叉查找树BST】二叉查找树的基本操作总结
  4. 百练OJ:1013:Counterfeit Dollar(假币)
  5. graphicsmagick im4java,GraphicsMagick+im4java 图片处理
  6. centos 7 快速安装nginx
  7. clearfix清除浮动
  8. mysql服务等待应答超时_从mysql备份报错来看net_read_timeout 和net_write_timeout参数
  9. hrbp 牵着鼻子走_防止被下属牵着鼻子走的四个经典方法,学会了,下属就好管了...
  10. OSChina 周日乱弹 ——程序员被辞退的理由
  11. restful soap_Web服务面试问题– SOAP,RESTful
  12. Android Messenger 跨进程通信
  13. Web前端开发最佳实践(7):使用合理的技术方案来构建小图标
  14. 微软打碎了周鸿祎的如意算盘
  15. 【SAS NOTES】数据输出-proc export
  16. 生物信息学数据库及在线工具汇总 (更新)
  17. TextBox内容垂直居中
  18. 假币问题 (n枚硬币+未知轻重+DFS)
  19. 微信趣味地区一键设置,安排
  20. R语言实现决策树和朴素贝叶斯分类预测,并比较准确度(含数据集)

热门文章

  1. 提升弱小目标分割性能的网络模块!
  2. 1430基于51单片机的管道压力检测及泄漏检测Proteus仿真
  3. eNSP的单臂路由配置
  4. 控制照明系统,免费DMX灯光设计软件
  5. 木箱包角是做什么用的?
  6. 菊水可编程电源PBZ40 协议使用说明
  7. spring boot 注解的方式写DSL 查询 @Query
  8. mysql1064 at line 6_MySQL错误#1064
  9. IFTTT使用测试教程
  10. PotPlayer播放采集卡画面