html制作网页

最新推荐文章于 2021-02-05 11:19:27 发布
最新推荐文章于 2021-02-05 11:19:27 发布
阅读量338 收藏 3
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nmdshh/article/details/101174587
版权

网页效果
在这里插入图片描述
网页效果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>

    <style>
        a {
            text-decoration: none;
            color: white
        }
    </style>
</head>
<body>
<table width="100%" align="center" cellpadding="0">
    <tr>
        <table width="100%">
            <tr>
                <td><img src="../img/logo2.png" height="50px"></td>
                <td colspan="3" align="center"><img src="../img/header.jpg"></td>
                <td align="right"><a href="#" style="color: blue">登入</a><a href="#" style="color: blue">注册</a><a
                        href="#" style="color: blue">购物车</a></td>
            </tr>
        </table>
    </tr>
    <tr>
        <table bgcolor="black" width="100%">
            <tr>
                <td align="center"><a href="#">首页</a></td>
                <td align="center"><a href="#">手机数码</a></td>
                <td align="center"><a href="#">鞋靴箱包</a></td>
                <td align="center"><a href="#">电脑办公</a></td>
                <td align="center"><a href="#">香烟酒水</a></td>
            </tr>
        </table>
    </tr>
    <tr>
        <td colspan="5">
            <img src="../img/1.jpg" width="100%">
        </td>
    </tr>
    <tr>
        <table width="100%">
            <tr>
                <h3>最新商品</h3>
            </tr>
        </table>
    </tr>
    <tr>
        <table width="100%">
            <tr>
                <td rowspan="2" width="206px" height="480px">
                    <img src="../products/hao/big01.jpg" height="480px" width="206px">
                </td>
                <td colspan="3">
                    <img src="../products/hao/middle01.jpg" height="240px" width="100%">
                </td>
                <td align="center">
                    <img src="../products/hao/small06.jpg">
                    <p>洗衣机</p>
                    <p><font color="red">$1000</font></p>
                </td>
                <td align="center">
                    <img src="../products/hao/small06.jpg">
                    <p>洗衣机</p>
                    <p><font color="red">$1000</font></p>
                </td>
                <td align="center">
                    <img src="../products/hao/small06.jpg">
                    <p>洗衣机</p>
                    <p><font color="red">$1000</font></p>
                </td>
            </tr>
            <tr>
                <td align="center">
                    <img src="../products/hao/small06.jpg">
                    <p>洗衣机</p>
                    <p><font color="red">$1000</font></p>
                </td>
                <td align="center">
                    <img src="../products/hao/small06.jpg">
                    <p>洗衣机</p>
                    <p><font color="red">$1000</font></p>
                </td>
                <td align="center">
                    <img src="../products/hao/small06.jpg">
                    <p>洗衣机</p>
                    <p><font color="red">$1000</font></p>
                </td>
                <td align="center">
                    <img src="../products/hao/small06.jpg">
                    <p>洗衣机</p>
                    <p><font color="red">$1000</font></p>
                </td>
                <td align="center">
                    <img src="../products/hao/small06.jpg">
                    <p>洗衣机</p>
                    <p><font color="red">$1000</font></p>
                </td>
                <td align="center">
                    <img src="../products/hao/small06.jpg">
                    <p>洗衣机</p>
                    <p><font color="red">$1000</font></p>
                </td>
            </tr>
        </table>
    </tr>
    <tr>
        <table width="100%">
            <tr>
                <img src="../products/hao/ad.jpg" width="100%">
            </tr>
        </table>
    </tr>
    <tr>
        <table width="100%">
            <tr align="center">
                <td><a href="#" style="color:blue">关于我们</a>
                    <a href="#" style="color:blue">关于我们</a>
                    <a href="#" style="color:blue">关于我们</a>
                    <a href="#" style="color:blue">关于我们</a>
                    <a href="#" style="color:blue">关于我们</a>
                    <a href="#" style="color:blue">关于我们</a>
                </td>
            </tr>
            <tr align="center">
                <td>
                    <p>版权lpqhh</p>
                </td>
            </tr>
        </table>
    </tr>
</table>
</body>
</html>

网页效果

nmdshh
关注
html实战-制作静态网页
RecordStudy
08-04 11万+
教程视频：http://edu.csdn.net/course/detail/535   从42开始 制作的网页：http://www.cnos.co/ 整体思路： 先布局再CSS控制 骨架搭好了，初始化样式， 后再弄CSS样式。注意：将CSS的样式导入到外部样式表时，要注意图片的位置，以及 对外部样式表的引入   1、头部的背景图片的高度128px来自素材的图片高，容器的宽度大
html制作网页案例代码----(故宫博物馆9页)特效很多
最新发布
而风不止
11-19 6025
采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为（1）html文件：其中index.html是首页、其他html为二级页面； （2）css文件：css全部页面样式,文字滚动, 图片放大等； （3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner
大气的葡萄酒酿制网站响应式html5模板_响应式网站模板
博客模板下载
02-05 179
介绍 大气的葡萄酒网站模板，响应式的酒类网站html5模板下载演示 下载链接 http://www.bytepan.com/W79hNikcLDh 图片
HTML网页制作
zuowei998的博客
03-02 746
求大神有什么代码可以把图片嵌入式放进空白的区域？（平台HB）
html在线美化网站
weixin_33857230的博客
03-08 265
Html在线美化压缩/转js - 在线工具 地址：http://tool.lu/html/   1、美化效果： 2、转化字符串拼接
王力宏明星网页制作 HTML网页成品 学生网页制作源码
05-13
【王力宏明星网页制作 HTML网页成品 学生网页制作源码】 在互联网时代，创建一个个人网页成为了展示自我、分享信息的重要手段。对于学生来说，掌握HTML网页制作技术不仅能够提升自己的数字素养，还能为未来的职业...
使用HTML制作网页.ppt
04-22
使用HTML制作网页.ppt
html制作网页必做入门练习题一学习课程.pptx
09-30
html制作网页必做入门练习题一学习课程.pptx
html制作网页必做入门练习题一学习教案.pptx
09-30
html制作网页必做入门练习题一学习教案.pptx
HTML_制作网页__理解框架
zuefeng的博客
09-03 4681
1.设置中英文
如何制作一个HTML网页
weixin_43249821的博客
12-27 6万+
一、基本概念 1.什么是 HTML？ HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 2.HTML 标签 HTML 标记标签通常被称为 HTML ...
HTML制作网页
热门推荐
~悟空的定海神针~
07-01 7万+
一、步骤1、HTML1、新建文本文档2、改后缀名.html3、以记事本方式打开并编写代码4、保存，关闭后，直接双击打开网页
web前端简易制作之HTML
似水灬流年的博客
09-28 4万+
1.文章标题 这里可以看出在 &amp;amp;amp;amp;amp;lt;head 里的title 中 添加了 hello world 那么生成的html文件 名称就叫做hello world 2.文本标签 HTML:表示该文件为HTML文件 HEAD：包含文件的标题，使用的脚本，样式定义等 BODY:放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示。 1.标题标签：h1-----h6 表...
用java写HTML
weixin_45622439的博客
09-20 3514
一、网页 把“Web Application”复选框勾选 在web下创建一个pges包，再在这个包下创建一个index.html <tr > <td > <table width="100%"bgcolor="black"> <tr> <td><a h...
一个简单的Web标签页
Yu_Web的博客
11-07 2477
基于jQuery的tag标签设计
HTML页面制作基础
Beenleaa的博客
03-10 821
文章目录一、Web前端标准二、行业词条三、五大浏览器厂商四、html1.定义2.第一个html页面（推荐编码工具HBuilder）五、标签语义化六、h和p标签七、bui等标签八、img图片标签 一、Web前端标准 web前端技术指的不是某一项技术，而是一系列技术的集合，主要包括： html结构标准：负责网页结构的搭建 css样式标准：负责网页的美化工作 js行为标准：负责网页的行为动作 二、行...
作业_HTML标记基本应用与网页设计
qq_37240196的博客
04-12 1万+
实验一 HTML标记基本应用与网页设计 一、实验目的 1.掌握Sublime Text 3或者editplus的安装与使用 2.掌握HTML常用标记的使用。 二、实习题目 运用所学知识，完成课本的练习与实验中的以下实验内容： 1.第2章（第40页） 实验2； 1.求知家园 求知家园 欢迎来到我们的求职家园
html5的基础标记
cwl353253492的专栏
07-16 494
html5的基础标记
HTML网页制作基础教程
本资源是HTML制作网页的有关内容，由授课老师本人编辑的，旨在为初学者提供一个系统的网页制作课程。本课程从基本的HTML标签开始，逐步介绍网页文件的创建、常用标签、布局、CSS样式表等知识点，旨在帮助学员掌握...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值