AI 助理
备案控制台
开发者社区 云计算 文章 正文

当当网首页——html代码

2024-03-22 68
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 当当网首页——html代码 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>当当网首页</title>
    <link href="css/global.css" rel="stylesheet" type="text/css" />
    <link href="css/layout.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
<!--随滚动条滚动可关闭广告-->
<div id="right" class="right">
    <div class="dd_close" id="dd_close"><a href="javascript:void(0);">关闭</a></div>
    <img src="images/dd_scroll.jpg" id="right1" />
</div>
<!--头部iframe引入-->
<div id="header">
    <iframe src="header.html" height="155px" width="960px" frameborder="0"></iframe>
</div>
<!--网站中间内容开始-->
<div id="main">
    <div class="dd_index_top_adver"><img src="images/dd_index_top_adver.jpg" alt="通栏广告图片" /></div>
    <!--左侧菜单开始-->
    <div id="catList">
        <!--推荐分类-->
        <div class="book_sort">
            <div class="book_sort_bg">推荐分类</div>
            <div class="book_sort_bottom" style="border-bottom:0px;">外语 | 中小学教辅 |</div>
        </div>
        <!--图书商品分类开始-->
        <div class="book_sort">
            <div class="book_sort_bg"><img src="images/dd_book_cate_icon.gif" alt="图书" /> 图书商品分类</div>
            <div class="book_cate">[小说]</div>
            <div class="book_sort_bottom">悬疑 | 言情 | 职场 | 财经</div>
            <div class="book_cate">[文艺]</div>
            <div class="book_sort_bottom">文学 | 传记 | 艺术 | 摄影</div>
            <div class="book_cate">[青春]</div>
            <div class="book_sort_bottom">青春文学 | 动漫 | 幽默</div>
            <div class="book_cate">[励志/成功]</div>
            <div class="book_sort_bottom">修养 | 成功 | 职场 | 沟通</div>
            <div class="book_cate">[少儿]</div>
            <div class="book_sort_bottom">0-2 | 3-6 | 7-10 | 11-14<br />文学 | 科普 | 图画书</div>
            <div class="book_cate">[生活]</div>
            <div class="book_sort_bottom">保健 | 家教 | 美丽装扮 | 育儿 | 美食 | 旅游 | 收藏 | 生活 | 体育 | 地图 | 个人理财</div>
            <div class="book_cate">[个人社科]</div>
            <div class="book_sort_bottom">文化 | 历史 | 哲学/宗教 | 古籍 | 政治/历史 | 法律 | 经济 | 社会科学 | 心理学</div>
            <div class="book_cate">[管理]</div>
            <div class="book_sort_bottom">管理 | 金融 | 营销 | 会计</div>
            <div class="book_cate">[科技]</div>
            <div class="book_sort_bottom">科普 | 建筑 | 医学 | 计算机 | 农林 | 自然科学 | 工业 | 通信</div>
            <div class="book_cate">[教育]</div>
            <div class="book_sort_bottom">教材 | 中小学教辅 | 外语</div>
            <div class="book_cate">[工具书]</div>
            <div class="book_cate">[图外原版书]</div>
            <div class="book_cate">[期刊]</div>
        </div>
        <!--图书商品分类结束-->
    </div>
    <!--左侧菜单结束-->
    <!--中间部分开始-->
    <div id="content">
        <!--轮换显示的横幅广告图片-->
        <div class="scroll_top"></div>
        <div class="scroll_mid">
            <ul id="scroll_img">
                <li><img src="images/dd_scroll_1.jpg"/></li>
                <li><img src="images/dd_scroll_2.jpg"/></li>
                <li><img src="images/dd_scroll_3.jpg"/></li>
                <li><img src="images/dd_scroll_4.jpg"/></li>
                <li><img src="images/dd_scroll_5.jpg"/></li>
                <li><img src="images/dd_scroll_6.jpg"/></li>
            </ul>
            <ul id="scroll_number">
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
            </ul>
        </div>
        <div class="scroll_end"></div>
        <!--最新上架开始-->
        <div id="bookTab" class="book_sort">
            <div class="book_new">
                <div class="book_left">最新上架</div>
                <div class="book_type book_type_out" id="history">历史</div>
                <div class="book_type" id="family">家教</div>
                <div class="book_type" id="culture">
关键词：
HTML代码
HTML首页
a15034260562-24955
目录
相关文章
土木林森
|
3月前
|
数据采集 移动开发 前端开发
HTML代码的革命：语义化标签的魅力，让你的网页结构焕然一新！
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构，提升了网页的可访问性及搜索引擎优化效果，并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
土木林森
53 0
疯狂的猿
|
17天前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码，带歌词显示。包括支持单曲循环，歌词显示，歌曲搜索，音量控制，列表循环等功能。利用json获取音乐歌单和歌词，基于html5 audio属性手机音乐播放器代码。
疯狂的猿
66 6
java冯坚持
|
1月前
|
Java BI API
spring boot 整合 itextpdf 导出 PDF，写入大文本，写入HTML代码，分析当下导出PDF的几个工具
这篇文章介绍了如何在Spring Boot项目中整合iTextPDF库来导出PDF文件，包括写入大文本和HTML代码，并分析了几种常用的Java PDF导出工具。
java冯坚持
376 0
spring boot 整合 itextpdf 导出 PDF，写入大文本，写入HTML代码，分析当下导出PDF的几个工具
Li370234940
|
1月前
|
JavaScript 前端开发
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
Li370234940
94 1
疯狂的猿
|
2月前
网站维护更新简易单页404页html代码
一个简约风格的单页html页面，可用于网站维护中或更新网站时挂个首页使用，如果不喜欢现在的颜色请F12修改设置既可。
疯狂的猿
93 1
网站维护更新简易单页404页html代码
蓝易云
|
2月前
|
XML 数据格式 Python
Python技巧：将HTML实体代码转换为文本的方法
在选择方法时，考虑到实际的应用场景和需求是很重要的。通常，使用标准库的 `html`模块就足以满足大多数基本需求。对于复杂的HTML文档处理，则可能需要 `BeautifulSoup`。而在特殊场合，或者为了最大限度的控制和定制化，可以考虑正则表达式。
蓝易云
58 12
html的七十二变
|
2月前
|
前端开发 JavaScript
用最少的代码实现一个HTML可交互表格
该HTML页面展示了一个可交互的表格，用户可以通过点击表格行来高亮显示所选行。使用了基本的`&lt;table&gt;`结构，并通过CSS设置了表格样式及行悬停效果。JavaScript函数`toggleSelect`实现了行选中的切换功能。
html的七十二变
46 11
html的七十二变
|
2月前
|
缓存 JavaScript 前端开发
js和html代码一定要分离吗
JavaScript（JS）和HTML代码的分离虽非绝对必要，但通常被推荐
html的七十二变
34 5
html的七十二变
|
2月前
|
前端开发 JavaScript 开发者
html怎么写才能让代码易读易维护
为了提升HTML代码的可读性和可维护性，应采用语义化标签（如`&lt;header&gt;`、`&lt;nav&gt;`）描述内容意义，保持一致的缩进风格，使用描述性类名和ID，将相关元素分组并添加注释说明，避免内联样式，保持文件结构清晰，利用格式化工具自动整理代码，减少嵌套层级，并遵循W3C标准以确保代码的有效性。这些实践有助于提高开发效率和代码质量。
html的七十二变
28 2
游客qeoynko2nmbgk
|
2月前
|
C++ Windows
HTML+JavaScript构建C++类代码一键转换MASM32代码平台
HTML+JavaScript构建C++类代码一键转换MASM32代码平台
游客qeoynko2nmbgk
20 0

热门文章

最新文章

  • 1
    weex-html5 组件进阶
  • 2
    使用shell抽取html数据之二
  • 3
    HTML6 无 JavaScript 的单页应用引起一片哗然
  • 4
    html5 开发android
  • 5
    实时显示日期、时间、城市天气（HTML+JS）
  • 6
    过滤代码中的html标签
  • 7
    HTML DOM 教程Part1
  • 8
    HTML页面 加载播放RTMP协议流和HLS协议流直播视频
  • 9
    HTML基础加强
  • 10
    @Html.ValidationSummary()作用
  • 1
    Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成格式丰富的 HTML 内容。Markdown 的语法简洁明了、学习容易，而且功能比纯文本更强。
    128
  • 2
    Sphinx是一个Python文档生成工具，它可以解析reStructuredText或Markdown格式的源代码注释，并生成多种输出格式，如HTML、LaTeX、PDF、ePub等。
    80
  • 3
    【vue】vue 里面使用 v-html 插入的文本带有换行符‘\n‘不换行
    552
  • 4
    提升Selenium在Chrome上的HTML5视频捕获效果的五个方法
    153
  • 5
    动态粒子发射404网站HTML源码
    58
  • 6
    【Python】已解决：bs4.FeatureNotFound: Couldn’t find a tree builder with the features you requested: html5
    317
  • 7
    HTML 【实用教程】（2024最新版）
    44
  • 8
    HTML【详解】表格 table 标签（table的属性，语义化表格，简易表格，合并单元格）
    248
  • 9
    HTML【详解】超链接 a 标签的四大功能（页面跳转、页内滚动【锚点】、页面刷新、文件下载）
    155
  • 10
    ​「Python大数据」词频数据渲染词云图导出HTML
    83

    • 相关课程

    更多
  • HTML 入门与实战
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS

    • 相关电子书

    更多
  • 《零基础HTML入门教程》
  • 天猫 HTML5 互动技术实践
  • 天猫HTML5互动技术实践

    • 相关实验场景

    更多
  • HTML及前端框架
  • Html5和Webpack2：Webpack5打包JS和样式表
  • Html5和Webpack1：Webpack5打包工具介绍
    • 下一篇
    阿里云OSS设置跨域访问