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

js网页制作练习01

2022-11-08 69
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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虎康
|
7月前
|
存储 JavaScript 前端开发
JS项目练习
JS项目练习
博客zhu虎康
67 0
小鼠米奇
|
6月前
|
JavaScript 前端开发
记录Javascript数组类练习
记录Javascript数组类练习
小鼠米奇
25 1
北原_春希
|
6月前
|
JavaScript 前端开发
JS循环语句以及一些小练习
JS循环语句以及一些小练习
北原_春希
34 1
肥晨
|
6月前
|
存储 前端开发 JavaScript
[初学者必看]JavaScript 简单实际案例练习，锻炼代码逻辑思维
【6月更文挑战第2天】这是一个前端小项目合集，包括图片轮播器、动态列表、模态框、表单验证等14个项目，旨在帮助初学者提升编码技能和实战经验。每个项目提供关键提示，如使用HTML、CSS和JavaScript实现不同功能，如事件监听、动画效果和数据处理。通过这些项目，学习者可以锻炼前端基础并增强实际操作能力。
肥晨
118 2
肥晨
|
6月前
|
前端开发 JavaScript 搜索推荐
[初学者必看]JavaScript 15题简单小例子练习，锻炼代码逻辑思维
【6月更文挑战第3天】这是一个JavaScript编程练习集，包含15个题目及答案：计算两数之和、判断偶数、找数组最大值、字符串反转、回文检测、斐波那契数列、数组去重、冒泡排序、阶乘计算、数组元素检查、数组求和、字符计数、数组最值和质数判断以及数组扁平化。每个题目都有相应的代码实现示例。
肥晨
469 1
hnrk7epeorhrk
|
6月前
|
前端开发 JavaScript 容器
技术经验解读：个人练习：使用HTML+CSS3制作图片轮播功能（不使用JavaScript）
技术经验解读：个人练习：使用HTML+CSS3制作图片轮播功能（不使用JavaScript）
hnrk7epeorhrk
76 0
小鼠米奇
|
6月前
|
JavaScript 前端开发
记录JavaScript练习
记录JavaScript练习
小鼠米奇
23 0
XError＿xiaoyu
|
7月前
|
JavaScript 前端开发 C语言
JavaScript编程语法练习
本篇文章是对于javaScript中if ,switch,while ,do-while,,for语法的作业练习.对于我来说也是对自己知识掌握的一种检验.是对js的基础语法进行的一次练习,通过有趣的示例进行练习,使得对于代码能够增加印象,对于知识的掌握更加透彻.
XError＿xiaoyu
71 2
极客李华
|
7月前
|
存储 JavaScript
JS中相等(==)和等全(===)的区别与练习
JS中相等(==)和等全(===)的区别与练习
极客李华
43 1
红目香薰
|
7月前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——4、DIV+CSS绘制旗帜练习
H5+CSS3+JS逆向前置——4、DIV+CSS绘制旗帜练习
红目香薰
72 0

热门文章

最新文章

  • 1
    为什么 JavaScript 会在移动端中胜出？
  • 2
    JavaScript入门
  • 3
    JS的正则表达式1
  • 4
    JavaScript基础知识
  • 5
    JS isNaN()函数
  • 6
    node.js入门学习
  • 7
    Javascript生成GUID
  • 8
    JFinal 参数校验插件扩展，让后台参数校验像js一样方式好用
  • 9
    jquery的load加载js页面到指定div中
  • 10
    《JavaScript启示录》——1.6 从构造函数创建字面量值
  • 1
    JavaScript闭包允许内部函数访问并保留外部函数的变量，即使外部函数执行结束
    54
  • 2
    js设计模式-观察者模式与发布/订阅模式
    72
  • 3
    js设计模式-策略模式与代理模式的应用
    72
  • 4
    深入理解JavaScript中的闭包机制
    60
  • 5
    使用Vue.js构建交互式前端的技术探索
    89
  • 6
    使用Node.js构建实时聊天应用的技术指南
    132
  • 7
    深入理解JavaScript中的事件循环机制
    89
  • 8
    【MongoDB 专栏】MongoDB 的 JavaScript 引擎与脚本执行
    122
  • 9
    JavaScript 数组方法概览
    38
  • 10
    在JavaScript中，函数原型（Function Prototype）是一个特殊的对象
    69

    • 相关课程

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

    • 相关电子书

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

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
  • Html5和Webpack2：Webpack5打包JS和样式表
  • 前端开发基础6：Node.js和LESS预编译工具
  • HTML及前端框架
  • CSS基础教程
    • 下一篇
    DataWorks售前咨询