百度360必应搜狗淘宝本站头条
HTML APICSS 语法HTML 游戏HTML5 支持CSS 谷歌字体
当前位置：网站首页 > 技术文章 > 正文

HTML 入门--1_html入门教程

myzbx 2025-02-16 22:08 38 浏览

benw

一、HTML 的基本概述

  • 定义与作用 ：HTML 即超文本标记语言，是构成万维网基础的重要元素，主要定义网页内容的含义和结构，其他技术（如 CSS 用于表现与展示效果，JavaScript 用于功能与行为）则作为补充。超文本指的是连接单个或多个网站间网页的链接，它是网络的关键组成部分。
  • 标记与元素 ：HTML 利用 “标记” 来标注文本、图片等各类内容，以便在浏览器中呈现，包含多种元素如 、、<body>、<header>、<footer>、<article>、<section>、<p>、<div>、<span>、<img>、<aside>、<audio>、<canvas>、<datalist>、<details>、<embed>、<nav>、<output>、<progress>、<video>、<ul>、<ol>、<li> 等。</li><li data-track="183"><strong>标签特点</strong> ：通过 “标签” 将文本从文档中引出，由 “<”“>” 包裹元素名构成，HTML 标签里的元素名不区分大小写，一般推荐使用全部小写。</li></ul><p data-track="184"><strong>二、主要资源介绍</strong></p><ul><li data-track="185"><strong>HTML 介绍</strong> ：为新手提供基础文章，讲解 HTML 概念及使用方法。</li><li data-track="186"><strong>HTML 教程</strong> ：涵盖使用 HTML 的文章、教程和完整示例，可在 HTML 学习区查看。</li><li data-track="187"><strong>HTML 参考</strong> ：包含了 HTML 每个元素和属性的详细信息，资源丰富。</li><li data-track="188"><strong>初学者教程</strong> ：在 HTML 学习区有许多特色模块，可让学习者从零开始，无需先前经验掌握 HTML。</li></ul><p data-track="189"><strong>三、HTML 相关学习模块</strong></p><ul><li data-track="190"><strong>HTML 介绍模块</strong> ：帮助学习者打下基础，掌握核心概念和语法，学会将 HTML 应用于文本、创建超链接及构建网页。</li><li data-track="191"><strong>多媒体与嵌入内容模块</strong> ：探索在网页中包含多媒体内容的方式，如嵌入图片、视频、音频及其他网页。</li><li data-track="192"><strong>HTML 表格模块</strong> ：教授如何以可理解且易于访问的形式在网页展示表格化数据，涵盖基本表格标记及一些复杂特性。</li><li data-track="193"><strong>HTML 表单模块</strong> ：引导建立客户端 / 前端部分的表单，表单在网页交互中起到关键作用，如注册、登录、发送评论反馈等。</li></ul><p data-track="194"><strong>四、用 HTML 解决常见问题</strong></p><ul><li data-track="195">提供了常见问题解决方法的链接，涉及如何处理网页标题、添加图片或视频、强调内容、建立基本表单等在构建网页过程中的常见问题。</li></ul><p data-track="196"><strong>五、高级主题</strong></p><ul><li data-track="197"><strong>CORS 处理跨域图片</strong> ：通过设置 crossorigin 属性和合适 CORS 标头，可以让 <img> 元素从外部来源加载并在 <canvas> 元素中如本地源一样使用图片。</li><li data-track="198"><strong>CORS 设置属性</strong> ：支持 CORS 的 HTML 元素（如 <img> 或 <video>）具有 crossorigin 元素属性（或 crossOrigin 对象属性），用于配置其跨域获取资源的请求。</li><li data-track="199"><strong>使用 rel="preload" 预加载页面内容</strong> ：通过设置 <link> 元素 rel 属性的值为 preload，在 HTML 的 <head> 部分声明需要在页面加载后即刻使用的资源，预加载资源，提升性能。</li></ul><p data-track="200"><strong>六、参考内容</strong></p><ul><li data-track="201"><strong>HTML 参考</strong> ：HTML 由元素组成，每个元素可被多个属性修饰，文档通过链接相互连接。</li><li data-track="202"><strong>HTML 元素参考</strong> ：提供了完整的 HTML 元素列表。</li><li data-track="203"><strong>HTML 属性参考</strong> ：说明了 HTML 元素的属性，这些属性可以配置或调整元素行为。</li><li data-track="204"><strong>全局属性</strong> ：可在所有 HTML 元素设置，即使元素不符合 HTML5 标准也允许这些属性存在。</li><li data-track="205"><strong>行级元素和块级元素</strong> ：介绍了 HTML 元素的行级和块级特性，行级元素只占用被标签包裹的空间，块级元素占用父元素全部空间。</li><li data-track="206"><strong>链接类型</strong> ：阐述了在 HTML 中用于确立文档间关系的各种链接类型，涉及的链接元素包括 <a>、<area> 和 <link>。</li><li data-track="207"><strong>Web 媒体类型和格式指南</strong> ：指出了 <audio> 和 <video> 元素可原生播放音频和视频媒体，无需外部软件支持。</li><li data-track="208"><strong>HTML 内容种类</strong> ：讲解了 HTML 包含的不同内容，以及它们在特定情景下有效的条件，还有可包含的类别和元素使用规则。</li><li data-track="209"><strong>怪异模式和标准模式</strong> ：提供了关于这两种模式的历史信息。</li></ul></div> <div class="clearfix mb10"> <div class="share fr"> <div class="social-share mb20 ta-c" data-initialized="true"> <a href="#" class="social-share-icon iconfont icon-weibo"></a> <a href="#" class="social-share-icon iconfont icon-qq"></a> <a href="#" class="social-share-icon iconfont icon-wechat"></a> <a href="#" class="social-share-icon iconfont icon-qzone"></a> </div> <script src="http://www.myzbx.com/zb_users/theme/tx_hao/script/social-share.min.js"></script> </div> <div class="info-tag"> <a href="http://www.myzbx.com/tags-134.html" title="查看更多CSS 链接内容" rel="tag" target="_blank">CSS 链接</a> </div> </div> <div class="info-next"> <ul class="row"> <li class="col-12 col-m-24 mb10">上一篇：<a href="http://www.myzbx.com/post/2220.html" title="免费领取电信话费_免费领取电信话费的软件">免费领取电信话费_免费领取电信话费的软件</a></li> <li class="col-12 col-m-24 ta-r mb10">下一篇：<a href="http://www.myzbx.com/post/2222.html" title="网站原文链接配置，SEO小细节，大智慧">网站原文链接配置，SEO小细节，大智慧</a></li> </ul> </div> </div> <h2 class="tx-title">相关推荐</h2> <div class="home-news"> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/5181.html" title="零基础入门AI智能体:详细了解什么是变量类型、JSON结构、Markdown格式" class="f-black" target="_blank">零基础入门AI智能体:详细了解什么是变量类型、JSON结构、Markdown格式</a></dt> <dd class="news-txt"> <p class="f-gray f-13">当品牌跳出固有框架，以跨界联动、场景创新叩击年轻群体的兴趣点，一场关于如何在迭代中保持鲜活的探索正在展开，既藏着破圈的巧思，也映照着与新一代对话的密码。在创建AI智能体时，我们会调用插件或大模型，而在...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/5180.html" title="C# 13模式匹配:递归模式与属性模式在真实代码中的性能影响分析" class="f-black" target="_blank">C# 13模式匹配:递归模式与属性模式在真实代码中的性能影响分析</a></dt> <dd class="news-txt"> <p class="f-gray f-13">C#13对模式匹配的增强让复杂数据处理代码更简洁，但递归模式与属性模式的性能差异一直是开发者关注的焦点。在实际项目中，选择合适的模式不仅影响代码可读性，还可能导致执行效率的显著差异。本文结合真实测试...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/5179.html" title="零基础快速入门 VBA 系列 6 —— 常用对象(工作簿、工作表和区域)" class="f-black" target="_blank">零基础快速入门 VBA 系列 6 —— 常用对象(工作簿、工作表和区域)</a></dt> <dd class="news-txt"> <p class="f-gray f-13">上一节，我介绍了VBA内置函数以及如何自动打字和自动保存文件。这一节，我们来了解一下Excel常用对象。Excel常用对象Excel有很多对象，其中最常用也最重要的包括以下3个：1.Workbo...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/5178.html" title="不同生命数字的生肖龙!准到雷普!" class="f-black" target="_blank">不同生命数字的生肖龙!准到雷普!</a></dt> <dd class="news-txt"> <p class="f-gray f-13">属龙的人总在自信爆棚和自讨苦吃之间反复横跳？看完这届龙宝宝的日常我悟了。属龙的人好像天生自带矛盾体：领导力超强可人缘时好时坏，工作雷厉风行却总在爱情里翻车。关键年份的龙性格差异更大——76年龙靠谱但不...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/5177.html" title="仓颉编程语言基础-面向对象编程-属性(Properties)" class="f-black" target="_blank">仓颉编程语言基础-面向对象编程-属性(Properties)</a></dt> <dd class="news-txt"> <p class="f-gray f-13">属性是仓颉颉中一种强大的机制，它允许你封装对类（或接口interface、结构体struct、枚举enum、扩展extend）内部状态的访问。它看起来像一个普通的成员变量（字段），但在其背后，它通过...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/5176.html" title="Python中class对象/属性/方法/继承/多态/魔法方法详解" class="f-black" target="_blank">Python中class对象/属性/方法/继承/多态/魔法方法详解</a></dt> <dd class="news-txt"> <p class="f-gray f-13">一、基础入门：认识类和对象1.类和对象的概念在Python中，类（class）是一种抽象的概念，用于定义对象的属性和行为，而对象（也称为实例）则是类的具体表现。比如，“汽车”可以是一个类，它有...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/5175.html" title="VBA基础入门:搞清楚对象、属性和方法就成功了一半" class="f-black" target="_blank">VBA基础入门:搞清楚对象、属性和方法就成功了一半</a></dt> <dd class="news-txt"> <p class="f-gray f-13">如果你刚接触VBA（VisualBasicforApplications），可能会被“对象”“属性”“方法”这些术语搞得一头雾水。但事实上，这三个概念是VBA编程的基石。只要理解它们之间的关系，...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/5174.html" title="P.O类型文推荐|年度编推合集(一百九十五篇)" class="f-black" target="_blank">P.O类型文推荐|年度编推合集(一百九十五篇)</a></dt> <dd class="news-txt"> <p class="f-gray f-13">点击左上方关注获取更多精彩推文目录2019年度编推35篇(1V1)《悖论》作者：流苏.txt(1V1)《桂花蒸》作者：大姑娘浪.txt(1V1)《豪门浪女》作者：奚行.txt...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/5173.html" title="Python参数传递内存大揭秘:可变对象 vs 不可变对象" class="f-black" target="_blank">Python参数传递内存大揭秘:可变对象 vs 不可变对象</a></dt> <dd class="news-txt"> <p class="f-gray f-13">90%的Python程序员不知道，函数参数传递中可变对象的修改竟会导致意想不到的副作用！一、参数传递的本质：对象引用传递在Python中，所有参数传递都是对象引用的传递。这意味着函数调用时传递的不是对...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/5172.html" title="JS 开发者必看!TC39 2025 最新动向，这些新语法要火?" class="f-black" target="_blank">JS 开发者必看!TC39 2025 最新动向，这些新语法要火?</a></dt> <dd class="news-txt"> <p class="f-gray f-13">大家好，很高兴又见面了，我是"高级前端进阶"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发，您的支持是我不断创作的动力。TC39第...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/5171.html" title="2025 年值得尝试的 5 个被低估的 JavaScript 库" class="f-black" target="_blank">2025 年值得尝试的 5 个被低估的 JavaScript 库</a></dt> <dd class="news-txt"> <p class="f-gray f-13">这些JavaScript库可能不会在社交媒体或HackerNews上流行起来，但它们会显著提高您的工作效率和代码质量。JavaScript不再只是框架。虽然React、Vue和Sv...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/5170.html" title="Python自动化办公应用学习笔记30—函数的参数" class="f-black" target="_blank">Python自动化办公应用学习笔记30—函数的参数</a></dt> <dd class="news-txt"> <p class="f-gray f-13">一、函数的参数1.形参:o定义：在函数定义时，声明在函数名后面括号中的变量。o作用：它们是函数内部的占位符变量，用于接收函数被调用时传入的实际值。o生命周期：在函数被调用时创建，在函数执...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/5169.html" title="16种MBTI人格全解析|测完我沉默了三秒:原来我是这样的人?" class="f-black" target="_blank">16种MBTI人格全解析|测完我沉默了三秒:原来我是这样的人?</a></dt> <dd class="news-txt"> <p class="f-gray f-13">MBTI性格测试火了这么久，你还不知道自己是哪一型？有人拿它当社交话题，有人拿它分析老板性格，还有人干脆当成择偶参考表。不废话，今天我一次性给你整理全部16种MBTI人格类型！看完你不仅能知道自己是谁...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/5168.html" title="JS基础与高级应用: 性能优化" class="f-black" target="_blank">JS基础与高级应用: 性能优化</a></dt> <dd class="news-txt"> <p class="f-gray f-13">在现代Web开发中，性能优化已成为前端工程师必须掌握的核心技能之一。本文从URL输入到页面加载完成的全过程出发，深入分析了HTTP协议的演进、域名解析、代码层面性能优化以及编译与渲染的最佳实践。通过节...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.myzbx.com/post/5167.html" title="爱思创CSP-J/S初赛模拟赛线上开赛!助力冲入2024年CSP-J/S复赛!" class="f-black" target="_blank">爱思创CSP-J/S初赛模拟赛线上开赛!助力冲入2024年CSP-J/S复赛!</a></dt> <dd class="news-txt"> <p class="f-gray f-13">CSP-J/S组初赛模拟赛爱思创，专注信奥教育19年，2022年CSP-J/S组赛事指定考点，特邀NOIP教练，开启全真实CSP-J/S组线上初赛模拟大赛！一、比赛对象：2024年备考CSP-J/S初...</p> </dd> </dl> </div> </div> <div class="side-box col-6 col-m-24 col2-"> <dl class="side-hot"> <dt>一周热门</dt> <dd> <ul> <li> <a href="http://www.myzbx.com/post/3065.html" title="使用VSCode模板提高Vue开发效率（vscode开发vue3）" target="_blank"> <h2 class="f-15">使用VSCode模板提高Vue开发效率（vscode开发vue3）</h2> </a> </li> <li> <a href="http://www.myzbx.com/post/3070.html" title="吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】" target="_blank"> <h2 class="f-15">吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】</h2> </a> </li> <li> <a href="http://www.myzbx.com/post/3064.html" title="说下你的vue项目的目录结构，该怎么划分?" target="_blank"> <h2 class="f-15">说下你的vue项目的目录结构，该怎么划分?</h2> </a> </li> <li> <a href="http://www.myzbx.com/post/3075.html" title="移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）" target="_blank"> <h2 class="f-15">移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）</h2> </a> </li> <li> <a href="http://www.myzbx.com/post/3066.html" title="这么牛逼的cursor功能，赶紧用起来" target="_blank"> <h2 class="f-15">这么牛逼的cursor功能，赶紧用起来</h2> </a> </li> <li> <a href="http://www.myzbx.com/post/3074.html" title="8.7k star，一款超炫酷的动态可视化大屏项目" target="_blank"> <h2 class="f-15">8.7k star，一款超炫酷的动态可视化大屏项目</h2> </a> </li> <li> <a href="http://www.myzbx.com/post/3073.html" title="用上Vue3，你真的变了吗?（vue3 key）" target="_blank"> <h2 class="f-15">用上Vue3，你真的变了吗?（vue3 key）</h2> </a> </li> <li> <a href="http://www.myzbx.com/post/971.html" title="20个免费音乐音效下载网站，无版权素材商业影片也可用" target="_blank"> <h2 class="f-15">20个免费音乐音效下载网站，无版权素材商业影片也可用</h2> </a> </li> <li> <a href="http://www.myzbx.com/post/3143.html" title="comfyui安装MimicMotion扩展，AI跳舞动作模仿" target="_blank"> <h2 class="f-15">comfyui安装MimicMotion扩展，AI跳舞动作模仿</h2> </a> </li> <li> <a href="http://www.myzbx.com/post/2398.html" title="什么是“恒定光圈”，什么是“浮动光圈”?-摄影早自习第331" target="_blank"> <h2 class="f-15">什么是“恒定光圈”，什么是“浮动光圈”?-摄影早自习第331</h2> </a> </li> </ul> </dd> </dl> <dl class="function" id="divPrevious"> <dt class="function_t">最近发表</dt><dd class="function_c"> <ul><li><a title="零基础入门AI智能体:详细了解什么是变量类型、JSON结构、Markdown格式" href="http://www.myzbx.com/post/5181.html">零基础入门AI智能体:详细了解什么是变量类型、JSON结构、Markdown格式</a></li> <li><a title="C# 13模式匹配:递归模式与属性模式在真实代码中的性能影响分析" href="http://www.myzbx.com/post/5180.html">C# 13模式匹配:递归模式与属性模式在真实代码中的性能影响分析</a></li> <li><a title="零基础快速入门 VBA 系列 6 —— 常用对象(工作簿、工作表和区域)" href="http://www.myzbx.com/post/5179.html">零基础快速入门 VBA 系列 6 —— 常用对象(工作簿、工作表和区域)</a></li> <li><a title="不同生命数字的生肖龙!准到雷普!" href="http://www.myzbx.com/post/5178.html">不同生命数字的生肖龙!准到雷普!</a></li> <li><a title="仓颉编程语言基础-面向对象编程-属性(Properties)" href="http://www.myzbx.com/post/5177.html">仓颉编程语言基础-面向对象编程-属性(Properties)</a></li> <li><a title="Python中class对象/属性/方法/继承/多态/魔法方法详解" href="http://www.myzbx.com/post/5176.html">Python中class对象/属性/方法/继承/多态/魔法方法详解</a></li> <li><a title="VBA基础入门:搞清楚对象、属性和方法就成功了一半" href="http://www.myzbx.com/post/5175.html">VBA基础入门:搞清楚对象、属性和方法就成功了一半</a></li> <li><a title="P.O类型文推荐|年度编推合集(一百九十五篇)" href="http://www.myzbx.com/post/5174.html">P.O类型文推荐|年度编推合集(一百九十五篇)</a></li> <li><a title="Python参数传递内存大揭秘:可变对象 vs 不可变对象" href="http://www.myzbx.com/post/5173.html">Python参数传递内存大揭秘:可变对象 vs 不可变对象</a></li> <li><a title="JS 开发者必看!TC39 2025 最新动向，这些新语法要火?" href="http://www.myzbx.com/post/5172.html">JS 开发者必看!TC39 2025 最新动向，这些新语法要火?</a></li> </ul> </dd> </dl> <dl class="function" id="divTags"> <dt class="function_t">标签列表</dt><dd class="function_c"> <ul><li><a title="HTML 简介" href="http://www.myzbx.com/tags-3.html">HTML 简介<span class="tag-count"> (30)</span></a></li> <li><a title="HTML 响应式设计" href="http://www.myzbx.com/tags-28.html">HTML 响应式设计<span class="tag-count"> (31)</span></a></li> <li><a title="HTML URL 编码" href="http://www.myzbx.com/tags-39.html">HTML URL 编码<span class="tag-count"> (32)</span></a></li> <li><a title="HTML Web 服务器" href="http://www.myzbx.com/tags-40.html">HTML Web 服务器<span class="tag-count"> (31)</span></a></li> <li><a title="HTML 表单属性" href="http://www.myzbx.com/tags-48.html">HTML 表单属性<span class="tag-count"> (32)</span></a></li> <li><a title="HTML 音频" href="http://www.myzbx.com/tags-59.html">HTML 音频<span class="tag-count"> (31)</span></a></li> <li><a title="HTML5 支持" href="http://www.myzbx.com/tags-63.html">HTML5 支持<span class="tag-count"> (33)</span></a></li> <li><a title="HTML API" href="http://www.myzbx.com/tags-66.html">HTML API<span class="tag-count"> (36)</span></a></li> <li><a title="HTML 总结" href="http://www.myzbx.com/tags-76.html">HTML 总结<span class="tag-count"> (32)</span></a></li> <li><a title="HTML 全局属性" href="http://www.myzbx.com/tags-81.html">HTML 全局属性<span class="tag-count"> (32)</span></a></li> <li><a title="HTML 事件" href="http://www.myzbx.com/tags-82.html">HTML 事件<span class="tag-count"> (31)</span></a></li> <li><a title="HTML 画布" href="http://www.myzbx.com/tags-83.html">HTML 画布<span class="tag-count"> (32)</span></a></li> <li><a title="HTTP 方法" href="http://www.myzbx.com/tags-88.html">HTTP 方法<span class="tag-count"> (30)</span></a></li> <li><a title="键盘快捷键" href="http://www.myzbx.com/tags-89.html">键盘快捷键<span class="tag-count"> (30)</span></a></li> <li><a title="CSS 语法" href="http://www.myzbx.com/tags-93.html">CSS 语法<span class="tag-count"> (35)</span></a></li> <li><a title="CSS 轮廓宽度" href="http://www.myzbx.com/tags-118.html">CSS 轮廓宽度<span class="tag-count"> (31)</span></a></li> <li><a title="CSS 谷歌字体" href="http://www.myzbx.com/tags-131.html">CSS 谷歌字体<span class="tag-count"> (33)</span></a></li> <li><a title="CSS 链接" href="http://www.myzbx.com/tags-134.html">CSS 链接<span class="tag-count"> (31)</span></a></li> <li><a title="CSS 定位" href="http://www.myzbx.com/tags-140.html">CSS 定位<span class="tag-count"> (31)</span></a></li> <li><a title="CSS 图片库" href="http://www.myzbx.com/tags-155.html">CSS 图片库<span class="tag-count"> (32)</span></a></li> <li><a title="CSS 图像精灵" href="http://www.myzbx.com/tags-156.html">CSS 图像精灵<span class="tag-count"> (31)</span></a></li> <li><a title="SVG 文本" href="http://www.myzbx.com/tags-281.html">SVG 文本<span class="tag-count"> (32)</span></a></li> <li><a title="时钟启动" href="http://www.myzbx.com/tags-307.html">时钟启动<span class="tag-count"> (33)</span></a></li> <li><a title="HTML 游戏" href="http://www.myzbx.com/tags-308.html">HTML 游戏<span class="tag-count"> (34)</span></a></li> <li><a title="JS Loop For" href="http://www.myzbx.com/tags-375.html">JS Loop For<span class="tag-count"> (32)</span></a></li> </ul> </dd> </dl> </div> </div> </div> </div> <div class="footer"> <div class="wide ta-c f-12"> </div> </div> <div class="fixed-box "> <ul> <li class="pchide wapflex"><a href="http://www.myzbx.com/"><i class="fa fa-home"></i> 首页</a></li> <li><a href="http://www.myzbx.com/shoulu.html" title="收录申请" target="_blank"><i class="fa fa-chain-broken mr5"></i>收录</a></li> <li><span class="gotop"><i class="fa fa-caret-up mr5"></i> 顶部</span></li> </ul> </div> <script src="http://www.myzbx.com/zb_users/theme/tx_hao/script/txcstx.min.js?v=2025-04-20"></script> </body> </html><!--160.02 ms , 13 queries , 3574kb memory , 0 error-->