AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

js网页制作练习01

2022-11-08 65
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： js网页制作练习01 
HTML
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>作业1</title>
    </head>
    <body>
        <table>                                                        
                    <tr>
                    <td colspan="2"></td>
                    <div>
                    <div><img src="img/logo.png" alt="医疗机械公司" border="0px"/></div>
                    <div><a href='#' >设为首页</a>                  
                    <a href='#' >收藏本站</a></div>
                    </div>
                    </tr>                                                                                              
                    <tr>
                    <td colspan="2">
                    <table>
                    <tr>            
                    <td><a href="#">首页</a></td>
                   <td><a href="#">关于我们</a></td>
                   <td><a href="#">新闻资讯</a></td>
                               <td><a href="#">产品展示</a></td>
                               <td><a href="#">招贤纳士</a></td>
                               <td><a href="#">联系我们</a></td>
                             </tr>
                           </table>
                        </td>  
                    </tr>
                    <tr>
                        <td colspan="2"><img src="img/yiliao_big.jpg" alt=""></td>
                    </tr>                                      
                    <tr>
                        <td>
                          <dl>
                            <dt><strong>关于我们</strong></dt>
                                <dd><a href="#">公司简介</a></dd>
                                <dd><a href="#">公司历史</a></dd>
                                <dd><a href="#">公司宗旨</a></dd>
                                <dd><a href="#">在线留言</a></dd>
                                <dd><a href="#">联系我们</a></dd>                  
                          </dl>
                        </td>
                        <td rowspan="2">
                            <p id="bt1"><strong>您现在的位置：</strong> 首页 >  关于我们 > 公司简介</p>          
                            <div><a href="#" title=""><img  src="img/qiyejianjie_small.jpg" style="width: 250px; height: 135px; margin: 10px; float: left;border:0px;"  alt="" /></a><span style="font-size:12px;">医疗器械公司……2500台（套）。 </span></div>
                            <div>&nbsp;</div>
                            <div><span style="font-size:12px;">近年来……的品牌产品。</span></div>
                            <div>&nbsp;</div>
                            <div><span style="font-size:12px;">在60多……象。&ldquo;行远必自迩、追求无止境&rdquo;。公……。&nbsp;</span></div>
                        </td>
                   </tr>                                                      
                    <tr>
                            <td id="td_left">
                            <p id="bt1"><strong>联系方式</strong></p>
                            <b>医疗器械公司</b>
                           <ul>
                                <li>电　　话：021-654300(总机)</li>
                                <li>传　　真：021-654301(总经办)</li>
                                <li>网　　址：http://www.888.cn</li>
                                <li>邮　　箱：mbpeizhi@163.com</li>
                                <li>地　　址：上海市杨浦区蓝天路</li>
                                <li>邮　　编：200000</li>
                                <li>营 销 部 ：021-65434(经理室)</li>
                                <li>售后服务：021-65189</li>
                           </ul>
                        </td>
                     </tr>                                                                                                                      
                <tr>
                    <td colspan="2" >
                        <div id="footer">          
                          <ul>
                            <li>医疗器械 版权所有 2017-2020 湘ICP备8888888 </li>
                            <li> 地址:上海市杨浦区蓝天路 电话:021-654300 E-mail:mbpeizhi@163.com</li>
                            <li> Powered by MetInfo 5.2.10 ©2017-2020 www.metinfo.cn</li>
                          </ul>      
                        </div>
                    </td>      
                </tr>                                                                  
          </table>
    </body>
</html>
css
文章标签：
JavaScript
关键词：
JavaScript练习
JavaScript网页制作
JavaScript网页制作练习
igmnvubkj3viy
目录
相关文章
博客zhu虎康
|
6月前
|
存储 JavaScript 前端开发
JS项目练习
JS项目练习
博客zhu虎康
66 0
小鼠米奇
|
5月前
|
JavaScript 前端开发
记录Javascript数组类练习
记录Javascript数组类练习
小鼠米奇
23 1
北原_春希
|
5月前
|
JavaScript 前端开发
JS循环语句以及一些小练习
JS循环语句以及一些小练习
北原_春希
29 1
肥晨
|
5月前
|
存储 前端开发 JavaScript
[初学者必看]JavaScript 简单实际案例练习，锻炼代码逻辑思维
【6月更文挑战第2天】这是一个前端小项目合集，包括图片轮播器、动态列表、模态框、表单验证等14个项目，旨在帮助初学者提升编码技能和实战经验。每个项目提供关键提示，如使用HTML、CSS和JavaScript实现不同功能，如事件监听、动画效果和数据处理。通过这些项目，学习者可以锻炼前端基础并增强实际操作能力。
肥晨
87 2
肥晨
|
5月前
|
前端开发 JavaScript 搜索推荐
[初学者必看]JavaScript 15题简单小例子练习，锻炼代码逻辑思维
【6月更文挑战第3天】这是一个JavaScript编程练习集，包含15个题目及答案：计算两数之和、判断偶数、找数组最大值、字符串反转、回文检测、斐波那契数列、数组去重、冒泡排序、阶乘计算、数组元素检查、数组求和、字符计数、数组最值和质数判断以及数组扁平化。每个题目都有相应的代码实现示例。
肥晨
407 1
hnrk7epeorhrk
|
5月前
|
前端开发 JavaScript 容器
技术经验解读：个人练习：使用HTML+CSS3制作图片轮播功能（不使用JavaScript）
技术经验解读：个人练习：使用HTML+CSS3制作图片轮播功能（不使用JavaScript）
hnrk7epeorhrk
64 0
小鼠米奇
|
5月前
|
JavaScript 前端开发
记录JavaScript练习
记录JavaScript练习
小鼠米奇
22 0
XError＿xiaoyu
|
6月前
|
JavaScript 前端开发 C语言
JavaScript编程语法练习
本篇文章是对于javaScript中if ,switch,while ,do-while,,for语法的作业练习.对于我来说也是对自己知识掌握的一种检验.是对js的基础语法进行的一次练习,通过有趣的示例进行练习,使得对于代码能够增加印象,对于知识的掌握更加透彻.
XError＿xiaoyu
68 2
极客李华
|
6月前
|
存储 JavaScript
JS中相等(==)和等全(===)的区别与练习
JS中相等(==)和等全(===)的区别与练习
极客李华
39 1
红目香薰
|
6月前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——4、DIV+CSS绘制旗帜练习
H5+CSS3+JS逆向前置——4、DIV+CSS绘制旗帜练习
红目香薰
64 0

热门文章

最新文章

  • 1
    《JavaScript应用程序设计》一一2.9 方法API的设计
  • 2
    javascript类型系统之Array
  • 3
    好程序员web前端培训分享JavaScript学习笔记cookie
  • 4
    Andorid Freemarker与template.js使用
  • 5
    YY游戏云的angular js实践总结
  • 6
    走在JS上的全栈之路(一)
  • 7
    JavaScript值得注意的小知识点
  • 8
    HTML6 无 JavaScript 的单页应用引起一片哗然
  • 9
    js正则表达式语法
  • 10
    JS中document对象详解
  • 1
    前端框架与库 - Vue.js基础：模板语法、数据绑定
    134
  • 2
    《JavaScript权威指南第7版》中文PDF+英文PDF+源代码 +JavaScript权威指南(第6版)(附源码)PDF下载阅读分享推荐
    262
  • 3
    js【详解】arr.reduce() 数组缩减
    46
  • 4
    【vue】 vue2 | js 实现数字滚动效果
    106
  • 5
    【vue】 网站动态背景 | vanta.js的使用
    411
  • 6
    JavaScript进阶-JavaScript库与框架简介
    58
  • 7
    DVWA JavaScript 通关解析
    67
  • 8
    WEB三大主流框架之Vue.js
    45
  • 9
    断网之后的页面，Autox.js是点击还是上下滑动比较好？
    60
  • 10
    autox.js如何监听异常情况，比如网络中断、内存慢、应用死机或者页面无响应
    217

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • 前端开发CSS基础
  • jQuery开发教程
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程

    • 相关电子书

    更多
  • JavaScript函数
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
  • Html5和Webpack2：Webpack5打包JS和样式表
  • 前端开发基础6：Node.js和LESS预编译工具
  • HTML及前端框架
  • CSS基础教程
    • 下一篇
    阿里云OSS设置跨域访问