js网页制作练习01

简介: 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
相关文章
|
5月前
|
存储 JavaScript 前端开发
JS项目练习
JS项目练习
|
4月前
|
JavaScript 前端开发
记录Javascript数组类练习
记录Javascript数组类练习
21 1
|
4月前
|
JavaScript 前端开发
JS循环语句以及一些小练习
JS循环语句以及一些小练习
23 1
|
4月前
|
存储 前端开发 JavaScript
[初学者必看]JavaScript 简单实际案例练习,锻炼代码逻辑思维
【6月更文挑战第2天】这是一个前端小项目合集,包括图片轮播器、动态列表、模态框、表单验证等14个项目,旨在帮助初学者提升编码技能和实战经验。每个项目提供关键提示,如使用HTML、CSS和JavaScript实现不同功能,如事件监听、动画效果和数据处理。通过这些项目,学习者可以锻炼前端基础并增强实际操作能力。
66 2
|
4月前
|
前端开发 JavaScript 搜索推荐
[初学者必看]JavaScript 15题简单小例子练习,锻炼代码逻辑思维
【6月更文挑战第3天】这是一个JavaScript编程练习集,包含15个题目及答案:计算两数之和、判断偶数、找数组最大值、字符串反转、回文检测、斐波那契数列、数组去重、冒泡排序、阶乘计算、数组元素检查、数组求和、字符计数、数组最值和质数判断以及数组扁平化。每个题目都有相应的代码实现示例。
203 1
|
4月前
|
前端开发 JavaScript 容器
技术经验解读:个人练习:使用HTML+CSS3制作图片轮播功能(不使用JavaScript)
技术经验解读:个人练习:使用HTML+CSS3制作图片轮播功能(不使用JavaScript)
53 0
|
4月前
|
JavaScript 前端开发
记录JavaScript练习
记录JavaScript练习
19 0
|
5月前
|
JavaScript 前端开发 C语言
JavaScript编程语法练习
本篇文章是对于javaScript中if ,switch,while ,do-while,,for语法的作业练习.对于我来说也是对自己知识掌握的一种检验.是对js的基础语法进行的一次练习,通过有趣的示例进行练习,使得对于代码能够增加印象,对于知识的掌握更加透彻.
|
5月前
|
存储 JavaScript
JS中相等(==)和等全(===)的区别与练习
JS中相等(==)和等全(===)的区别与练习
35 1
|
5月前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——4、DIV+CSS绘制旗帜练习
H5+CSS3+JS逆向前置——4、DIV+CSS绘制旗帜练习
56 0