HTML 实例

收藏864

阅读893

更新时间2025-07-15

HTML 基础标签实例

一个简单的 HTML 文件
这个例子是一个很简单的 HTML 文件,使用了尽可能少的 HTML 标签。它向您演示了 body 元素中的内容是如何被浏览器显示的。
简单的段落
此例演示:段落元素中的文字如何被浏览器显示。
更多的段落
本例演示段落元素的某些缺省的行为。
“诗歌”问题
本例演示 HTML 格式化的某些问题。
折行
本例演示在 HTML 文档中折行的使用。
标题
本例演示在 HTML 文档中显示标题的标签。
居中排列的标题
本例演示一个居中排列的标题。
水平线
本例演示如何插入水平线。
隐藏的注释
本例演示如何在 HTML 源代码中插入隐藏的注释。
背景颜色
本例演示如何为 HTML 页面添加背景颜色。

例子解释

HTML 文本格式化实例

文本格式化
此例演示如何在一个 HTML 文件中对文本进行格式化
预格式文本
此例演示如何使用 pre 标签对空行和空格进行控制。
“计算机输出”标签
此例演示不同的“计算机输出”标签的显示效果。
地址
此例演示如何在 HTML 文件中写地址。
缩写和首字母缩写
此例演示如何实现缩写或首字母缩写。
文字方向
此例演示如何改变文字的方向。
块引用
此例演示如何实现长短不一的引用语。
删除字效果和插入字效果
此例演示如何标记删除文本和插入文本。

例子解释

HTML 链接实例

创建超级链接
本例演示如何在 HTML 文档中创建链接。
将图像作为链接
本例演示如何使用图像作为链接。
在新的浏览器窗口打开链接
本例演示如何在新窗口打开一个页面,这样的话访问者就无需离开你的站点了。
链接到同一个页面的不同位置
本例演示如何使用链接跳转至文档的另一个部分
跳出框架
本例演示如何跳出框架,假如你的页面被固定在框架之内。
创建电子邮件链接
本例演示如何如何链接到一个邮件。(本例在安装邮件客户端程序后才能工作。)
创建电子邮件链接 2
本例演示更加复杂的邮件链接。

例子解释

HTML 框架实例

垂直框架
本例演示:如何使用三份不同的文档制作一个垂直框架。
水平框架
本例演示:如何使用三份不同的文档制作一个水平框架。
如何使用 标签</dt> <dd>本例演示:如何使用 <noframes> 标签。</dd> <dt>混合框架结构</dt> <dd>本例演示如何制作含有三份文档的框架结构,同时将他们混合置于行和列之中。</dd> <dt>含有 noresize="noresize" 属性的框架结构</dt> <dd>本例演示 noresize 属性。在本例中,框架是不可调整尺寸的。在框架间的边框上拖动鼠标,你会发现边框是无法移动的。</dd> <dt>导航框架</dt> <dd>本例演示如何制作导航框架。导航框架包含一个将第二个框架作为目标的链接列表。名为 "contents.htm" 的文件包含三个链接。</dd> <dt>内联框架</dt> <dd>本例演示如何创建内联框架(HTML 页中的框架)。</dd> <dt>跳转至框架内的一个指定的节</dt> <dd>本例演示两个框架。其中的一个框架设置了指向另一个文件内指定的节的链接。这个"link.htm"文件内指定的节使用 <a name="C10"> 进行标识。</dd> <dt>使用框架导航跳转至指定的节</dt> <dd> 本例演示两个框架。左侧的导航框架包含了一个链接列表,这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。 </dd> </dl> <p><em>例子解释</em></p> </div> <div class="example"> <h2>HTML 表格实例</h2> <dl> <dt>表格</dt> <dd>这个例子演示如何在 HTML 文档中创建表格。</dd> <dt>表格边框</dt> <dd>本例演示各种类型的表格边框。</dd> <dt>没有边框的表格</dt> <dd>本例演示一个没有边框的表格。</dd> <dt>表格中的表头(Heading)</dt> <dd>本例演示如何显示表格表头。</dd> <dt>空单元格</dt> <dd>本例展示如何使用 "&nbsp;" 处理没有内容的单元格。</dd> <dt>带有标题的表格</dt> <dd>本例演示一个带标题 (caption) 的表格</dd> <dt>跨行或跨列的表格单元格</dt> <dd>本例演示如何定义跨行或跨列的表格单元格。</dd> <dt>表格内的标签</dt> <dd>本例演示如何显示在不同的元素内显示元素。</dd> <dt>单元格边距(Cell padding)</dt> <dd>本例演示如何使用 Cell padding 来创建单元格内容与其边框之间的空白。</dd> <dt>单元格间距(Cell spacing)</dt> <dd>本例演示如何使用 Cell spacing 增加单元格之间的距离。</dd> <dt>向表格添加背景颜色或背景图像</dt> <dd>本例演示如何向表格添加背景。</dd> <dt>向表格单元添加背景颜色或者背景图像</dt> <dd>本例演示如何向一个或者更多表格单元添加背景。</dd> <dt>在表格单元中排列内容</dt> <dd>本例演示如何使用 "align" 属性排列单元格内容,以便创建一个美观的表格。</dd> <dt>框架(frame)属性</dt> <dd>本例演示如何使用 "frame" 属性来控制围绕表格的边框。</dd> </dl> <p><em>例子解释</em></p> </div> <div class="example"> <h2>HTML 列表实例</h2> <dl> <dt>无序列表</dt> <dd>本例演示无序列表。</dd> <dt>有序列表</dt> <dd>本例演示有序列表。</dd> <dt>不同类型的无序列表</dt> <dd>本例演示一个无序列表。</dd> <dt>不同类型的有序列表</dt> <dd>本例演示不同类型的有序列表。</dd> <dt>嵌套列表</dt> <dd>本例演示如何嵌套列表。</dd> <dt>嵌套列表 2</dt> <dd>本例演示更复杂的嵌套列表。</dd> <dt>定义列表</dt> <dd>本例演示一个定义列表。</dd> </dl> <p><em>例子解释</em></p> </div> <div class="example"> <h2>HTML 表单与输入实例</h2> <dl> <dt>文本域(Text fields)</dt> <dd>本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。</dd> <dt>密码域</dt> <dd>本例演示如何创建 HTML 的密码域。</dd> <dt>复选框</dt> <dd>本例演示如何在 HTML 页中创建复选框。用户可以选中或取消选取复选框。</dd> <dt>单选按钮</dt> <dd>本例演示如何在 HTML 中创建单选按钮。</dd> <dt>简单的下拉列表</dt> <dd>本例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。</dd> <dt>另一个下拉列表</dt> <dd>本例演示如何创建一个简单的带有预选值的下拉列表。(译者注:预选值指预先指定的首选项。)</dd> <dt>文本域(Textarea)</dt> <dd>本例演示如何创建一个文本域(多行文本输入控件)。用户可以在文本域中写入文本。在文本域中,可写入的字符字数不受限制。</dd> <dt>创建按钮</dt> <dd>本例演示如何创建按钮。你可以对按钮上的文字进行自定义。</dd> <dt>Fieldset around data</dt> <dd>本例演示如何在数据周围绘制一个带标题的框。</dd> </dl> <h3>表单实例</h3> <dl> <dt>带有输入框和确认按钮的表单</dt> <dd>本例演示如何向页面添加表单。此表单包含两个输入框和一个确认按钮。</dd> <dt>带有复选框的表单</dt> <dd>此表单包含两个复选框和一个确认按钮。</dd> <dt>带有单选按钮的表单</dt> <dd>此表单包含两个单选框和一个确认按钮。</dd> <dt>从表单发送电子邮件</dt> <dd>此例演示如何从表单发送电子邮件。</dd> </dl> <p><em>例子解释</em></p> </div> <div class="example"> <h2>HTML 图像实例</h2> <dl> <dt>插入图像</dt> <dd>本例演示如何在网页中显示图像。</dd> <dt>从不同的位置插入图片</dt> <dd>本例演示如何将其他文件夹或服务器的图片显示到网页中。</dd> <dt>背景图片</dt> <dd>本例演示如何向 HTML 页面添加背景图片。</dd> <dt>排列图片</dt> <dd>本例演示如何在文字中排列图像。</dd> <dt>浮动图像</dt> <dd>本例演示如何使图片浮动至段落的左边或右边。</dd> <dt>调整图像尺寸</dt> <dd>本例演示如何将图片调整到不同的尺寸。</dd> <dt>为图片显示替换文本</dt> <dd>本例演示如何为图片显示替换文本。在浏览器无法载入图像时,替换文本属性告诉读者们失去的信息。为页面上的图像都加上替换文本属性是个好习惯。</dd> <dt>制作图像链接</dt> <dd>本例演示如何将图像作为一个链接使用。</dd> <dt>创建图像映射</dt> <dd>本例显示如何创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接。</dd> <dt>把图像转换为图像映射</dt> <dd>本例显示如何把一幅普通的图像设置为图像映射。</dd> </dl> <p><em>例子解释</em></p> </div> <div class="example"> <h2>HTML 背景实例</h2> <dl> <dt>搭配良好的背景和颜色</dt> <dd>一个背景颜色和文字颜色搭配良好的例子,使页面中的文字易于阅读。</dd> <dt>搭配得不好的背景和颜色</dt> <dd>一个背景颜色和文字颜色搭配得不好的例子,使页面中的文字难于阅读。</dd> <dt>可用性强的背景图像</dt> <dd>背景图像和文字颜色使页面文本易于阅读的例子。</dd> <dt>可用性强的背景图像 2</dt> <dd>另一个背景图像和文字颜色使页面文本易于阅读的例子。</dd> <dt>可用性差的背景图像</dt> <dd>背景图像和文字颜色使页面文本不易阅读的例子。</dd> </dl> <p><em>例子解释</em></p> </div> <div class="example"> <h2>HTML 样式 (style) 实例</h2> <dl> <dt>HTML中的样式</dt> <dd>本例演示如何使用添加到 <head> 部分的样式信息对 HTML 进行格式化。</dd> <dt>没有下划线的链接</dt> <dd>本例演示如何使用样式属性做一个没有下划线的链接。</dd> <dt>链接到一个外部样式表</dt> <dd>本例演示如何 <link> 标签链接到一个外部样式表。</dd> </dl> <p><em>例子解释</em></p> </div> <div class="example"> <h2>HTML 头部 (head) 实例</h2> <dl> <dt>文档的标题</dt> <dd>头元素内部的标题信息不会显示在浏览器窗口中。</dd> <dt>一个 target,所有的链接</dt> <dd>本例显示如何使用 base 标签使页面中的所有标签在新窗口中打开。</dd> </dl> <p><em>例子解释</em></p> </div> <div class="example"> <h2>HTML 元信息 (meta) 实例</h2> <dl> <dt>文档描述</dt> <dd>Meta 元素中的信息可以描述 HTML 文档。</dd> <dt>文档关键字</dt> <dd>Meta 元素中的信息可以描述文档的关键词。</dd> <dt>重定向</dt> <dd>这个例子演示:在网址已经变更的情况下,将用户重定向到另外一个地址。</dd> </dl> <p><em>例子解释</em></p> </div> <div class="example"> <h2>HTML 脚本 (Script) 实例</h2> <dl> <dt>插入一段脚本</dt> <dd>本例演示如何将脚本插入 HTML 文档。</dd> <dt>运行于不支持脚本的浏览器</dt> <dd>本例演示如何对付不支持脚本的浏览器。</dd> </dl> <p><em>例子解释</em></p> </div> </div> <div class="desadown flexRow"> <a href="/html/html-html-quiz.html" title="HTML 测验" class="dsdright flexRow dsda"><p>HTML 测验</p> <img src="/static/lhimages/icon227.png" class="nocheck"> <img src="/static/lhimages/icon227_check.png" class="check"> </a> </div> </div> <div class="left-video"> <div class="ltzt-title lttitle flexRow"> <div class="title-left flexRow"> <p><span>相关</span><b></b></p> <p>视频</p> <p class="eng">RELATED VIDEOS</p> </div> <a class="title-more flexRow" href="/course/sort_new.html" title="视频教程"><b></b>更多 </a> </div> <div class="video-list flexRow codevideo"> <div class="codevideo-tab flexColumn"> <div class="vtaba-free"> <p>免费</p> </div> <a class="codevtaba flexRow" href="/course/901.html" title="Web前端开发极速入门"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png?x-oss-process=image/resize,m_fill,h_150,w_263" alt="Web前端开发极速入门" class="codevtabimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="codevtdown flexColumn"> <div> <dt><i class='bg1'>初级</i> <a href="/course/901.html" title="Web前端开发极速入门" class="aBlack aClass">Web前端开发极速入门</a> </dt> <dd class="flexRow studyandcoll"> <p>219920次学习</p><em><a class="courseICollection " data-id="901" href="javascript:void(0);"><b></b>收藏</a></em> </dd> </div> </div> </div> <div class="codevideo-tab flexColumn"> <div class="vtaba-free"> <p>免费</p> </div> <a class="codevtaba flexRow" href="/course/880.html" title="前端入门_HTML5"> <img src="https://img.php.cn/upload/course/000/000/068/6255589398c2c999.png?x-oss-process=image/resize,m_fill,h_150,w_263" alt="前端入门_HTML5" class="codevtabimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="codevtdown flexColumn"> <div> <dt><i class='bg1'>初级</i> <a href="/course/880.html" title="前端入门_HTML5" class="aBlack aClass">前端入门_HTML5</a> </dt> <dd class="flexRow studyandcoll"> <p>616946次学习</p><em><a class="courseICollection " data-id="880" href="javascript:void(0);"><b></b>收藏</a></em> </dd> </div> </div> </div> <div class="codevideo-tab flexColumn"> <div class="vtaba-free"> <p>免费</p> </div> <a class="codevtaba flexRow" href="/course/874.html" title="30分钟学会网站布局"> <img src="https://img.php.cn/upload/course/000/000/041/61b8365849424887.jpg?x-oss-process=image/resize,m_fill,h_150,w_263" alt="30分钟学会网站布局" class="codevtabimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="codevtdown flexColumn"> <div> <dt><i class='bg1'>初级</i> <a href="/course/874.html" title="30分钟学会网站布局" class="aBlack aClass">30分钟学会网站布局</a> </dt> <dd class="flexRow studyandcoll"> <p>238440次学习</p><em><a class="courseICollection " data-id="874" href="javascript:void(0);"><b></b>收藏</a></em> </dd> </div> </div> </div> <div class="codevideo-tab flexColumn"> <div class="vtaba-free"> <p>免费</p> </div> <a class="codevtaba flexRow" href="/course/893.html" title="CSS视频教程-玉女心经版"> <img src="https://img.php.cn/upload/course/000/000/068/625558b87e512730.png?x-oss-process=image/resize,m_fill,h_150,w_263" alt="CSS视频教程-玉女心经版" class="codevtabimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="codevtdown flexColumn"> <div> <dt><i class='bg1'>初级</i> <a href="/course/893.html" title="CSS视频教程-玉女心经版" class="aBlack aClass">CSS视频教程-玉女心经版</a> </dt> <dd class="flexRow studyandcoll"> <p>393054次学习</p><em><a class="courseICollection " data-id="893" href="javascript:void(0);"><b></b>收藏</a></em> </dd> </div> </div> </div> <div class="codevideo-tab flexColumn"> <div class="vtaba-free"> <p>免费</p> </div> <a class="codevtaba flexRow" href="/course/894.html" title="JavaScript极速入门_玉女心经系列"> <img src="https://img.php.cn/upload/course/000/000/068/625558e4f11c8518.png?x-oss-process=image/resize,m_fill,h_150,w_263" alt="JavaScript极速入门_玉女心经系列" class="codevtabimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="codevtdown flexColumn"> <div> <dt><i class='bg1'>初级</i> <a href="/course/894.html" title="JavaScript极速入门_玉女心经系列" class="aBlack aClass">JavaScript极速入门_玉女心经系列</a> </dt> <dd class="flexRow studyandcoll"> <p>709168次学习</p><em><a class="courseICollection " data-id="894" href="javascript:void(0);"><b></b>收藏</a></em> </dd> </div> </div> </div> <div class="codevideo-tab flexColumn"> <div class="vtaba-free"> <p>免费</p> </div> <a class="codevtaba flexRow" href="/course/372.html" title="独孤九贱(1)_HTML5视频教程"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6ddbecdb1707.jpg?x-oss-process=image/resize,m_fill,h_150,w_263" alt="独孤九贱(1)_HTML5视频教程" class="codevtabimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="codevtdown flexColumn"> <div> <dt><i class='bg1'>初级</i> <a href="/course/372.html" title="独孤九贱(1)_HTML5视频教程" class="aBlack aClass">独孤九贱(1)_HTML5视频教程</a> </dt> <dd class="flexRow studyandcoll"> <p>615934次学习</p><em><a class="courseICollection " data-id="372" href="javascript:void(0);"><b></b>收藏</a></em> </dd> </div> </div> </div> <div class="codevideo-tab flexColumn"> <div class="vtaba-free"> <p>免费</p> </div> <a class="codevtaba flexRow" href="/course/582.html" title="独孤九贱(6)_jQuery视频教程"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6e0d2b744633.jpg?x-oss-process=image/resize,m_fill,h_150,w_263" alt="独孤九贱(6)_jQuery视频教程" class="codevtabimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="codevtdown flexColumn"> <div> <dt><i class='bg2'>中级</i> <a href="/course/582.html" title="独孤九贱(6)_jQuery视频教程" class="aBlack aClass">独孤九贱(6)_jQuery视频教程</a> </dt> <dd class="flexRow studyandcoll"> <p>341081次学习</p><em><a class="courseICollection " data-id="582" href="javascript:void(0);"><b></b>收藏</a></em> </dd> </div> </div> </div> <div class="codevideo-tab flexColumn"> <div class="vtaba-free"> <p>免费</p> </div> <a class="codevtaba flexRow" href="/course/585.html" title="独孤九贱(7)_Bootstrap视频教程"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6e1577037989.jpg?x-oss-process=image/resize,m_fill,h_150,w_263" alt="独孤九贱(7)_Bootstrap视频教程" class="codevtabimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="codevtdown flexColumn"> <div> <dt><i class='bg2'>中级</i> <a href="/course/585.html" title="独孤九贱(7)_Bootstrap视频教程" class="aBlack aClass">独孤九贱(7)_Bootstrap视频教程</a> </dt> <dd class="flexRow studyandcoll"> <p>270827次学习</p><em><a class="courseICollection " data-id="585" href="javascript:void(0);"><b></b>收藏</a></em> </dd> </div> </div> </div> <div class="codevideo-tab flexColumn"> <div class="vtaba-free"> <p>免费</p> </div> <a class="codevtaba flexRow" href="/course/373.html" title="独孤九贱(2)_CSS视频教程"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6de7424b9255.jpg?x-oss-process=image/resize,m_fill,h_150,w_263" alt="独孤九贱(2)_CSS视频教程" class="codevtabimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="codevtdown flexColumn"> <div> <dt><i class='bg1'>初级</i> <a href="/course/373.html" title="独孤九贱(2)_CSS视频教程" class="aBlack aClass">独孤九贱(2)_CSS视频教程</a> </dt> <dd class="flexRow studyandcoll"> <p>229605次学习</p><em><a class="courseICollection " data-id="373" href="javascript:void(0);"><b></b>收藏</a></em> </dd> </div> </div> </div> </div> </div> </div> </div> <div class="conRight"> <div class="technology-news rightDiv"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>科技资讯</p> </div> <a class="rititle-more flexRow" href="/it" title="科技资讯">更多</a> </div> <ul class="tecnewul"> <li class="tecnelli flexRow"> <a href="/faq/1687975.html" title="SUSE 成为首个集成 Agentic AI(自主式 AI)的 Linux 企业发行版" class="tecna"> <img src="https://img.php.cn/upload/article/001/246/273/176226204415847.png?x-oss-process=image/resize,m_fill,h_88,w_162" alt="SUSE 成为首个集成 Agentic AI(自主式 AI)的 Linux 企业发行版" class="tecnAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="tecnRight flexColumn"> <a href="/faq/1687975.html" title="SUSE 成为首个集成 Agentic AI(自主式 AI)的 Linux 企业发行版" class="tecnda overflowclass">SUSE 成为首个集成 Agentic AI(自主式 AI)的 Linux 企业发行版</a> <a class="tecnp overflowclass" href="/faq/1687975.html" title="SUSE 成为首个集成 Agentic AI(自主式 AI)的 Linux 企业发行版">SUSE正式发布全球首个集成AgenticAI(自主式人工智能)能力的企业级Linux操作系统——SUSELinuxEnterpriseServer16(SLES16),标志着企业开源平台迈入智能化新阶段。据官方介绍,SLES16是专为AI时代打造的下一代企业级Linux平台。该版本在延续SLES系列一贯强调的稳定性与安全性基础上,全面重构系统架构,在自主式AI集成、超长生命周期支持、智能运维自动化以及安全软件供应链等方面实现重大升级。通过采用ModelCont</a> </div> </li> <li class="tecnelli flexRow"> <a href="/faq/1687942.html" title="揭秘 MiniMax M2 Agent 能力技术细节:Interleaved Thinking(交错思维链)" class="tecna"> <img src="https://img.php.cn/upload/article/001/246/273/176226121065966.png?x-oss-process=image/resize,m_fill,h_88,w_162" alt="揭秘 MiniMax M2 Agent 能力技术细节:Interleaved Thinking(交错思维链)" class="tecnAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="tecnRight flexColumn"> <a href="/faq/1687942.html" title="揭秘 MiniMax M2 Agent 能力技术细节:Interleaved Thinking(交错思维链)" class="tecnda overflowclass">揭秘 MiniMax M2 Agent 能力技术细节:Interleaved Thinking(交错思维链)</a> <a class="tecnp overflowclass" href="/faq/1687942.html" title="揭秘 MiniMax M2 Agent 能力技术细节:Interleaved Thinking(交错思维链)">中国AI创业公司稀宇科技近日发布并开源了其最新一代文本大模型MiniMax-M2:卓越代码能力:专为端到端编程任务设计,在ClaudeCode、Cursor、Cline、KiloCode、Droid等多个开发场景中表现突出强大Agent能力:具备出色的规划能力和稳定的复杂长链条工具调用执行能力,可协同使用Shell、浏览器、Python执行器及多种MCP工具团队透露,在M2模型研发初期,他们便意识到InterleavedThinking(交错式思维链)在智能代理与代码</a> </div> </li> <li class="tecnelli flexRow"> <a href="/faq/1687891.html" title="小米马志宇警告存储涨价:明年最新的成本预估“有点惊悚”" class="tecna"> <img src="https://img.php.cn/upload/article/001/246/273/176226024414167.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="小米马志宇警告存储涨价:明年最新的成本预估“有点惊悚”" class="tecnAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="tecnRight flexColumn"> <a href="/faq/1687891.html" title="小米马志宇警告存储涨价:明年最新的成本预估“有点惊悚”" class="tecnda overflowclass">小米马志宇警告存储涨价:明年最新的成本预估“有点惊悚”</a> <a class="tecnp overflowclass" href="/faq/1687891.html" title="小米马志宇警告存储涨价:明年最新的成本预估“有点惊悚”">11月4日消息,关于存储芯片涨价的传闻早已在市场上发酵。据《韩国经济新闻》在2025年10月的报道,业内知情人士透露,三星、SK海力士等核心存储原厂已正式通知客户,计划于2025年第四季度将DRAM与NAND闪存的合约价格上调最高达30%。面对这一趋势,小米通讯技术有限公司产品行销总监马志宇近日在社交平台发文感慨:刚刚看到明年最新的成本预估,有点惊悚……嗯,就是这次双十一,如果还能叠加国补,就且买且珍惜吧他还补充道:“其实用内存的都涉及,只是PC的内存相对最大,所以影响更加明显。”与此同时,RE</a> </div> </li> </ul> </div> <div class="readCharts"> <div class="readDown flexColumn"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b><b></b></div> <a class="rititle-more flexRow" href="/article.html" target="_blank" title="更多">更多</a> </div> <ul class="rcUl"> <li class="rcLi flexRow"> <div class="rclileft"> <p>1</p> </div> <div class="flexColumn rcreadDiv"> <a href="/faq/1688564.html" class=" aClass readA overflowclass" title="CSS选择器有哪些类型_常见CSS选择器分类与作用详解">CSS选择器有哪些类型_常见CSS选择器分类与作用详解</a> <a href="/faq/1688564.html" class=" aClass overflowclass" title="CSS选择器有哪些类型_常见CSS选择器分类与作用详解">CSS选择器用于精准选中HTML元素并应用样式,包括基础选择器(如元素、类、ID、通配符)、组合选择器(后代、子元素、相邻和通用兄弟)、属性选择器(按属性及值匹配)以及伪类和伪元素选择器(用于状态和虚拟内容),合理使用可提升样式的灵活性与维护性。</a> </div> </li> <li class="rcLi flexRow"> <div class="rclileft"> <p>2</p> </div> <div class="flexColumn rcreadDiv"> <a href="/faq/1688563.html" class=" aClass readA overflowclass" title="如何在Golang中导入本地模块">如何在Golang中导入本地模块</a> </div> </li> <li class="rcLi flexRow"> <div class="rclileft"> <p>3</p> </div> <div class="flexColumn rcreadDiv"> <a href="/faq/1688549.html" class=" aClass readA overflowclass" title="PHP中什么是Trait以及如何使用_PHP使用Trait实现代码复用技巧">PHP中什么是Trait以及如何使用_PHP使用Trait实现代码复用技巧</a> </div> </li> <li class="rcLi flexRow"> <div class="rclileft"> <p>4</p> </div> <div class="flexColumn rcreadDiv"> <a href="/faq/1688547.html" class=" aClass readA overflowclass" title="JS如何实现拖拽效果_JavaScript鼠标拖拽效果实现方法与代码示例">JS如何实现拖拽效果_JavaScript鼠标拖拽效果实现方法与代码示例</a> </div> </li> <li class="rcLi flexRow"> <div class="rclileft"> <p>5</p> </div> <div class="flexColumn rcreadDiv"> <a href="/faq/1688546.html" class=" aClass readA overflowclass" title="c++怎么调用Python脚本_c++调用Python代码的多种实现方式">c++怎么调用Python脚本_c++调用Python代码的多种实现方式</a> </div> </li> <li class="rcLi flexRow"> <div class="rclileft"> <p>6</p> </div> <div class="flexColumn rcreadDiv"> <a href="/faq/1688540.html" class=" aClass readA overflowclass" title="JavaScript如何校验表单_JavaScript表单验证方法与正则表达式使用教程">JavaScript如何校验表单_JavaScript表单验证方法与正则表达式使用教程</a> </div> </li> <li class="rcLi flexRow"> <div class="rclileft"> <p>7</p> </div> <div class="flexColumn rcreadDiv"> <a href="/faq/1688537.html" class=" aClass readA overflowclass" title=".NET怎么判断一个字符串是否为null或空_字符串空值判断技巧">.NET怎么判断一个字符串是否为null或空_字符串空值判断技巧</a> </div> </li> <li class="rcLi flexRow"> <div class="rclileft"> <p>8</p> </div> <div class="flexColumn rcreadDiv"> <a href="/faq/1688534.html" class=" aClass readA overflowclass" title="postgresql log文件在哪找">postgresql log文件在哪找</a> </div> </li> <li class="rcLi flexRow"> <div class="rclileft"> <p>9</p> </div> <div class="flexColumn rcreadDiv"> <a href="/faq/1688530.html" class=" aClass readA overflowclass" title="PHP框架中的中间件是什么_一篇文章搞懂PHP框架中间件原理">PHP框架中的中间件是什么_一篇文章搞懂PHP框架中间件原理</a> </div> </li> </ul> </div> </div> <div class="adversitement"> <script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script> </div> <div class=" rightStudy rightDiv"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p> 精选课程</p> </div> <a class="rititle-more flexRow" href="/course/sort_new.html" title="精选课程">更多</a> </div> <div class="ristyList flexColumn"> <div class="ristyA flexRow "> <a href="/course/797.html" title="PHP实战天龙八部之微信支付视频教程"> <img src="https://img.php.cn/upload/course/000/000/001/5d242759adb88970.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="PHP实战天龙八部之微信支付视频教程" class="ristyAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/797.html" title="PHP实战天龙八部之微信支付视频教程" class="rirightp overflowclass">PHP实战天龙八部之微信支付视频教程</a> <div class="risrdown flexRow"> <p>共5课时</p><b></b> <p>17.2万人学习</p> </div> </div> </div> <div class="ristyA flexRow "> <a href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站"> <img src="https://img.php.cn/upload/course/000/000/001/5d2426f409839992.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="PHP实战天龙八部之仿爱奇艺电影网站" class="ristyAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站" class="rirightp overflowclass">PHP实战天龙八部之仿爱奇艺电影网站</a> <div class="risrdown flexRow"> <p>共49课时</p><b></b> <p>77万人学习</p> </div> </div> </div> <div class="ristyA flexRow "> <a href="/course/880.html" title="前端入门_HTML5"> <img src="https://img.php.cn/upload/course/000/000/068/6255589398c2c999.png?x-oss-process=image/resize,m_fill,h_88,w_162" alt="前端入门_HTML5" class="ristyAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/880.html" title="前端入门_HTML5" class="rirightp overflowclass">前端入门_HTML5</a> <div class="risrdown flexRow"> <p>共29课时</p><b></b> <p>61.7万人学习</p> </div> </div> </div> <div class="ristyA flexRow "> <a href="/course/893.html" title="CSS视频教程-玉女心经版"> <img src="https://img.php.cn/upload/course/000/000/068/625558b87e512730.png?x-oss-process=image/resize,m_fill,h_88,w_162" alt="CSS视频教程-玉女心经版" class="ristyAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/893.html" title="CSS视频教程-玉女心经版" class="rirightp overflowclass">CSS视频教程-玉女心经版</a> <div class="risrdown flexRow"> <p>共25课时</p><b></b> <p>39.3万人学习</p> </div> </div> </div> <div class="ristyA flexRow "> <a href="/course/894.html" title="JavaScript极速入门_玉女心经系列"> <img src="https://img.php.cn/upload/course/000/000/068/625558e4f11c8518.png?x-oss-process=image/resize,m_fill,h_88,w_162" alt="JavaScript极速入门_玉女心经系列" class="ristyAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/894.html" title="JavaScript极速入门_玉女心经系列" class="rirightp overflowclass">JavaScript极速入门_玉女心经系列</a> <div class="risrdown flexRow"> <p>共43课时</p><b></b> <p>70.9万人学习</p> </div> </div> </div> <div class="ristyA flexRow "> <a href="/course/372.html" title="独孤九贱(1)_HTML5视频教程"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6ddbecdb1707.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="独孤九贱(1)_HTML5视频教程" class="ristyAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/372.html" title="独孤九贱(1)_HTML5视频教程" class="rirightp overflowclass">独孤九贱(1)_HTML5视频教程</a> <div class="risrdown flexRow"> <p>共25课时</p><b></b> <p>61.6万人学习</p> </div> </div> </div> <div class="ristyA flexRow "> <a href="/course/373.html" title="独孤九贱(2)_CSS视频教程"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6de7424b9255.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="独孤九贱(2)_CSS视频教程" class="ristyAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/373.html" title="独孤九贱(2)_CSS视频教程" class="rirightp overflowclass">独孤九贱(2)_CSS视频教程</a> <div class="risrdown flexRow"> <p>共22课时</p><b></b> <p>23万人学习</p> </div> </div> </div> <div class="ristyA flexRow "> <a href="/course/386.html" title="独孤九贱(3)_JavaScript视频教程"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6df423564706.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="独孤九贱(3)_JavaScript视频教程" class="ristyAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/386.html" title="独孤九贱(3)_JavaScript视频教程" class="rirightp overflowclass">独孤九贱(3)_JavaScript视频教程</a> <div class="risrdown flexRow"> <p>共28课时</p><b></b> <p>33.9万人学习</p> </div> </div> </div> <div class="ristyA flexRow "> <a href="/course/379.html" title="独孤九贱(4)_PHP视频教程"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6dfc9eb09885.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="独孤九贱(4)_PHP视频教程" class="ristyAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/379.html" title="独孤九贱(4)_PHP视频教程" class="rirightp overflowclass">独孤九贱(4)_PHP视频教程</a> <div class="risrdown flexRow"> <p>共89课时</p><b></b> <p>125万人学习</p> </div> </div> </div> </div> </div> <div class=" rightDowns rightDiv"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p> 热门下载</p> </div> <a class="rititle-more flexRow" href="/xiazai/" title="热门下载">更多</a> </div> <div class="rids"> <div href="/xiazai/gongju/845" title="phpStudy 2018最新版" class="ridsA flexRow " > <a href="/xiazai/gongju/845" title="phpStudy 2018最新版"> <img src="https://img.php.cn/upload/manual/000/000/001/5a5f0fb612676526.jpg?x-oss-process=image/resize,m_fill,h_60,w_101" alt="phpStudy 2018最新版" class="ridsAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ridsaRight flexColumn"> <a href="/xiazai/gongju/845" title="phpStudy 2018最新版" class="ridsrp overflowclass">phpStudy 2018最新版</a> <a class="ridsrdown flexRow" href="/xiazai/gongju/845" title="phpStudy 2018最新版"> <p>下载</p> </a> </div> </div> <div href="/xiazai/gongju/1351" title="vc9-vc14(32+64位)运行库合集(链接在下方)" class="ridsA flexRow " > <a href="/xiazai/gongju/1351" title="vc9-vc14(32+64位)运行库合集(链接在下方)"> <img src="https://img.php.cn/upload/manual/000/000/001/5a6a896b53dea437.png?x-oss-process=image/resize,m_fill,h_60,w_101" alt="vc9-vc14(32+64位)运行库合集(链接在下方)" class="ridsAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ridsaRight flexColumn"> <a href="/xiazai/gongju/1351" title="vc9-vc14(32+64位)运行库合集(链接在下方)" class="ridsrp overflowclass">vc9-vc14(32+64位)运行库合集(链接在下方)</a> <a class="ridsrdown flexRow" href="/xiazai/gongju/1351" title="vc9-vc14(32+64位)运行库合集(链接在下方)"> <p>下载</p> </a> </div> </div> <div href="/xiazai/gongju/1479" title="VC9 32位" class="ridsA flexRow " > <a href="/xiazai/gongju/1479" title="VC9 32位"> <img src="https://img.php.cn/upload/manual/000/000/001/5af2c4207a616756.jpg?x-oss-process=image/resize,m_fill,h_60,w_101" alt="VC9 32位" class="ridsAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ridsaRight flexColumn"> <a href="/xiazai/gongju/1479" title="VC9 32位" class="ridsrp overflowclass">VC9 32位</a> <a class="ridsrdown flexRow" href="/xiazai/gongju/1479" title="VC9 32位"> <p>下载</p> </a> </div> </div> <div href="/xiazai/gongju/1481" title="VC11 32位" class="ridsA flexRow " > <a href="/xiazai/gongju/1481" title="VC11 32位"> <img src="https://img.php.cn/upload/manual/000/000/001/5af2c4684dbe4408.jpg?x-oss-process=image/resize,m_fill,h_60,w_101" alt="VC11 32位" class="ridsAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ridsaRight flexColumn"> <a href="/xiazai/gongju/1481" title="VC11 32位" class="ridsrp overflowclass">VC11 32位</a> <a class="ridsrdown flexRow" href="/xiazai/gongju/1481" title="VC11 32位"> <p>下载</p> </a> </div> </div> <div href="/xiazai/gongju/714" title="php程序员工具箱完整版" class="ridsA flexRow " > <a href="/xiazai/gongju/714" title="php程序员工具箱完整版"> <img src="https://img.php.cn/upload/manual/000/000/001/5a718c0e5be0a511.jpg?x-oss-process=image/resize,m_fill,h_60,w_101" alt="php程序员工具箱完整版" class="ridsAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ridsaRight flexColumn"> <a href="/xiazai/gongju/714" title="php程序员工具箱完整版" class="ridsrp overflowclass">php程序员工具箱完整版</a> <a class="ridsrdown flexRow" href="/xiazai/gongju/714" title="php程序员工具箱完整版"> <p>下载</p> </a> </div> </div> <div href="/xiazai/gongju/1484" title="VC14 32位" class="ridsA flexRow " > <a href="/xiazai/gongju/1484" title="VC14 32位"> <img src="https://img.php.cn/upload/manual/000/000/001/5af2c54fc1f91550.jpg?x-oss-process=image/resize,m_fill,h_60,w_101" alt="VC14 32位" class="ridsAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ridsaRight flexColumn"> <a href="/xiazai/gongju/1484" title="VC14 32位" class="ridsrp overflowclass">VC14 32位</a> <a class="ridsrdown flexRow" href="/xiazai/gongju/1484" title="VC14 32位"> <p>下载</p> </a> </div> </div> <div href="/xiazai/gongju/93" title="SublimeText3汉化版" class="ridsA flexRow " > <a href="/xiazai/gongju/93" title="SublimeText3汉化版"> <img src="https://img.php.cn/upload/manual/000/000/001/58a1753774be3478.png?x-oss-process=image/resize,m_fill,h_60,w_101" alt="SublimeText3汉化版" class="ridsAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ridsaRight flexColumn"> <a href="/xiazai/gongju/93" title="SublimeText3汉化版" class="ridsrp overflowclass">SublimeText3汉化版</a> <a class="ridsrdown flexRow" href="/xiazai/gongju/93" title="SublimeText3汉化版"> <p>下载</p> </a> </div> </div> <div href="/xiazai/gongju/92" title="Notepad++7.3.1" class="ridsA flexRow " > <a href="/xiazai/gongju/92" title="Notepad++7.3.1"> <img src="https://img.php.cn/upload/manual/000/000/001/58a1713812af3871.png?x-oss-process=image/resize,m_fill,h_60,w_101" alt="Notepad++7.3.1" class="ridsAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ridsaRight flexColumn"> <a href="/xiazai/gongju/92" title="Notepad++7.3.1" class="ridsrp overflowclass">Notepad++7.3.1</a> <a class="ridsrdown flexRow" href="/xiazai/gongju/92" title="Notepad++7.3.1"> <p>下载</p> </a> </div> </div> <div href="/xiazai/gongju/1500" title="phpStudy V8.1(Win64位)(已支持php8)" class="ridsA flexRow " > <a href="/xiazai/gongju/1500" title="phpStudy V8.1(Win64位)(已支持php8)"> <img src="https://img.php.cn/upload/manual/000/000/001/5eb23582ba149960.png?x-oss-process=image/resize,m_fill,h_60,w_101" alt="phpStudy V8.1(Win64位)(已支持php8)" class="ridsAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ridsaRight flexColumn"> <a href="/xiazai/gongju/1500" title="phpStudy V8.1(Win64位)(已支持php8)" class="ridsrp overflowclass">phpStudy V8.1(Win64位)(已支持php8)</a> <a class="ridsrdown flexRow" href="/xiazai/gongju/1500" title="phpStudy V8.1(Win64位)(已支持php8)"> <p>下载</p> </a> </div> </div> </div> </div> </div> </div> </div> <!--底部--> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a href="/about/us.html" rel="nofollow" target="_blank" title="关于我们" class="cBlack">关于我们</a> <a href="/about/disclaimer.html" rel="nofollow" target="_blank" title="免责申明" class="cBlack">免责申明</a> <a href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')" title="意见反馈" class="cBlack">意见反馈</a> <a href="https://www.php.cn/teacher.html" rel="nofollow" target="_blank" title="讲师合作" class="cBlack">讲师合作</a> <a href="https://www.php.cn/blog/detail/20304.html" rel="nofollow" target="_blank" title="广告合作" class="cBlack">广告合作</a> <!--<a href="javascript:;" target="_blank" title="其他合作" class="cBlack">其他合作</a>--> <a href="/new/" target="_blank" title="最新文章列表" class="cBlack">最新更新</a> <a href="https://global.php.cn/" target="_blank" title="English" class="cBlack">English</a> <div class="clear"></div> </dt> <dd class="cont1">php中文网:公益在线php培训,帮助PHP学习者快速成长!</dd> <dd class="cont2"> <span class="ylwTopBox"> <a href="javascript:;" class="cBlack"><b class="icon1"></b>关注服务号</a> <em style="display:none;" class="ylwTopSub"> <p>微信扫码<br/>关注PHP中文网服务号</p> <img src="/static/images/examples/text16.png"/> </em> </span> <span class="ylwTopBox"> <a href="tencent://message/?uin=27220243&Site=www.php.cn&Menu=yes" target="_blank" class="cBlack"><b class="icon2"></b>技术交流群</a> <em style="display:none;" class="ylwTopSub"> <p>QQ扫码<br/>加入技术交流群</p> <img src="/static/images/examples/text18.png"/> </em> </span> <div class="clear"></div> </dd> </dl> </div> <div class="phpFootRight"> <div class="phpFootMsg"> <span><img src="/static/images/examples/text17.png"/></span> <dl> <dt>PHP中文网订阅号</dt> <dd>每天精选资源文章推送</dd> </dl> </div> <div class="phpFootMsg"> <span><img src="/static/images/examples/text14.png"/></span> <dl> <dt>PHP中文网APP</dt> <dd>随时随地碎片化学习</dd> </dl> </div> </div> </div> </div> <div class="phpFootCode"> <div class="phpFootCodeIn"><p>Copyright 2014-2025 <a href="https://www.php.cn/" target="_blank">https://www.php.cn/</a> All Rights Reserved | php.cn | <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">湘ICP备2023035733号</a></p><a href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" target="_blank"><b></b></a></div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <span class="layui-hide"><script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1280886301&web_id=1280886301"></script></span> <script src="/static/js/cdn.js?v=1.0.1"></script> <!--底部 end--> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script> <script src="/static/js/CodeRunOnline.js?3.1"></script> <script>var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//hm.baidu.com/hm.js?aaf8dba0861f46190106021371583c62";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(function(){var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if(curProtocol === 'https'){bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src = 'http://push.zhanzhang.baidu.com/push.js';};var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();</script> </body> <script> function copyCurrentUrl() { const url = window.location.href; const input = document.createElement('input'); input.value = url; document.body.appendChild(input); input.select(); document.execCommand('copy'); document.body.removeChild(input); alert('✅ 已复制当前链接:' + url); } </script> </html>