百度360必应搜狗淘宝本站头条
HTML5 标签标签HTML5 标签 (已废弃)HTML 简介键盘快捷键
当前位置：网站首页 > 技术文章 > 正文

HTML 入门--1

zhezhongyun 2025-02-08 13:46 31 浏览

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.zhezhongyun.com/zb_users/theme/tx_hao/script/social-share.min.js"></script> </div> <div class="info-tag"> <a href="http://www.zhezhongyun.com/tags-135.html" title="查看更多HTML5 标签内容" rel="tag" target="_blank">HTML5 标签</a> </div> </div> <div class="info-next"> <ul class="row"> <li class="col-12 col-m-24 mb10">上一篇：<a href="http://www.zhezhongyun.com/post/1950.html" title="以后好好学习天天向上">以后好好学习天天向上</a></li> <li class="col-12 col-m-24 ta-r mb10">下一篇：<a href="http://www.zhezhongyun.com/post/1952.html" title="保护用户Web隐私 HTTP referrer header是如何做到的?">保护用户Web隐私 HTTP referrer header是如何做到的?</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.zhezhongyun.com/post/4503.html" title="轻松玩转windows控制台(五):彻底搞懂屏幕缓冲区" class="f-black" target="_blank">轻松玩转windows控制台(五):彻底搞懂屏幕缓冲区</a></dt> <dd class="news-txt"> <p class="f-gray f-13">写在前面在上一篇文章中，详细地介绍了控制台程序最容易令人困惑和混淆的地方，即什么是控制台窗口，什么是控制台屏幕缓冲区。并通过几个示例程序，演示了如何设置控制台窗口“显示区域”的大小。（轻松玩转wind...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4502.html" title="零基础教你学前端——85、高度自适应" class="f-black" target="_blank">零基础教你学前端——85、高度自适应</a></dt> <dd class="news-txt"> <p class="f-gray f-13">这节课，我们学习如何让元素的宽度和高度在容器里自适应。什么是宽高自适应呢？页面里有两个div，开始的时候宽度都是800px，当我们将浏览器窗口的宽度拖动到小于800px的时候，我们发现：上面的...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4501.html" title="Grafana可视化平台面板之Gauge仪表和Bar Gauge条形仪表" class="f-black" target="_blank">Grafana可视化平台面板之Gauge仪表和Bar Gauge条形仪表</a></dt> <dd class="news-txt"> <p class="f-gray f-13">仪表（Gauge）仪表是一种用于展示单个数值指标并跟踪其随时间变化的图表类型。它通常用于显示系统的实时状态或关键性能指标，如CPU使用率、内存占用率等。仪表通过一个圆形或半圆形的表盘来展示数值，并可以...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4500.html" title="网页五指棋游戏（五指棋单机）" class="f-black" target="_blank">网页五指棋游戏（五指棋单机）</a></dt> <dd class="news-txt"> <p class="f-gray f-13">完整代码如下，大家可以保存到html文件点击打开，就可以看到如上效果<!DOCTYPEhtml><htmllang="zh-CN"><head>...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4499.html" title="2020年度中央机关公开遴选和公开选调公务员报名即将开始" class="f-black" target="_blank">2020年度中央机关公开遴选和公开选调公务员报名即将开始</a></dt> <dd class="news-txt"> <p class="f-gray f-13">新华社北京10月27日电（记者林晖）记者27日从国家公务员局获悉，2020年度中央机关公开遴选和公开选调公务员报名即将开始，考生可于10月28日8时至11月6日18时期间，登录“2020年度中央机关公...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4498.html" title="小程序学习日志7:可滚动的视图区域组件(滚动条)" class="f-black" target="_blank">小程序学习日志7:可滚动的视图区域组件(滚动条)</a></dt> <dd class="news-txt"> <p class="f-gray f-13">导读经过这段日子的学习，大家对小程序的了解多了多少呢？我们这段时间学了很多组件的用法，以及这些组件的属性和属性的合法值，图片、文字、块，还了解了不少的样式代码和小程序的基本知识。我们今天来讲一个可滚动...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4497.html" title="四叶草SEO:主要SEO作弊方法之隐藏文字" class="f-black" target="_blank">四叶草SEO:主要SEO作弊方法之隐藏文字</a></dt> <dd class="news-txt"> <p class="f-gray f-13">石家庄四叶草SEO小编在这里介绍黑帽，并不意味鼓励大家使用黑帽，恰恰相反，而是因为很多SEOer无意之中就使用了黑帽手法，自己却不知道。对于一个正常的商业网站和大部分个人网站来说，做好内容，正常优化，...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4496.html" title="鸿蒙仓颉语言开发实战教程:商城搜索页" class="f-black" target="_blank">鸿蒙仓颉语言开发实战教程:商城搜索页</a></dt> <dd class="news-txt"> <p class="f-gray f-13">大家好，今天要分享的是仓颉语言商城应用的搜索页。搜索页的内容比较多，都有点密集恐惧症了，不过我们可以从上至下将它拆分开来，逐一击破。导航栏搜索页的的最顶部是导航栏，由返回按钮和搜索框两部分组成,比较简...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4495.html" title="鸿蒙Next仓颉语言开发实战教程:设置页面" class="f-black" target="_blank">鸿蒙Next仓颉语言开发实战教程:设置页面</a></dt> <dd class="news-txt"> <p class="f-gray f-13">仓颉语言商城应用的页面开发教程接近尾声了，今天要分享的是设置页面：导航栏还是老样式，介绍过很多次了，今天不再赘述。这个页面的内容主要还是介绍List容器的使用。可以看出列表内容分为三组，所以我们要用到...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4494.html" title="CSS box-sizing 属性详解（css中box属性有哪些）" class="f-black" target="_blank">CSS box-sizing 属性详解（css中box属性有哪些）</a></dt> <dd class="news-txt"> <p class="f-gray f-13">box-sizing是CSS的一个非常重要的属性。CSS的box-sizing属性用于控制元素尺寸的计算方式，决定了元素的宽度（width）和高度（height）是否包含内边距（...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4493.html" title="68.C# MenuStrip控件（c#基本控件）" class="f-black" target="_blank">68.C# MenuStrip控件（c#基本控件）</a></dt> <dd class="news-txt"> <p class="f-gray f-13">摘要MenuStrip控件是在.NETFramework版本2.0中引入的。可以通过MenuStrip控件，轻松创建像MicrosoftOffice中的菜单。MenuStrip...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4492.html" title="Qt使用布局管理器实现扩展对话框（qt选择文件路径对话框）" class="f-black" target="_blank">Qt使用布局管理器实现扩展对话框（qt选择文件路径对话框）</a></dt> <dd class="news-txt"> <p class="f-gray f-13">今天跟大家讲讲扩展对话框的实现；扩展对话框效果如下所示：(1)初始界面：(2)单击<More>按钮：(3)再次单击<More>按钮：这节主要讲解用布局管理器方式实现，下节讲解用...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4491.html" title="探讨小程序开发的布局（小程序开发部署流程）" class="f-black" target="_blank">探讨小程序开发的布局（小程序开发部署流程）</a></dt> <dd class="news-txt"> <p class="f-gray f-13">谈到小程序布局就不得不谈WXSS(WeiXinStyleSheets)！WXSS是微信小程序专用的样式语言。WXSS与css虽然在尺寸单位和样式导入不同，但是，具有CSS大部分特性。小程序的样式...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4490.html" title="图片懒加载的现代 JavaScript 实现，仅需 10 行代码" class="f-black" target="_blank">图片懒加载的现代 JavaScript 实现，仅需 10 行代码</a></dt> <dd class="news-txt"> <p class="f-gray f-13">过去，实现懒加载通常需要监听scroll事件，并结合getBoundingClientRect()等方法计算元素位置，代码不仅繁琐，而且频繁的计算会引发性能问题。现代浏览器提供了Inters...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4489.html" title="JS实现轮播图案例(一看就懂，逻辑清晰)" class="f-black" target="_blank">JS实现轮播图案例(一看就懂，逻辑清晰)</a></dt> <dd class="news-txt"> <p class="f-gray f-13">1.功能分析实现如图所示的轮播图，要实现的功能主要有：鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。点击右侧按钮一次，图片下滑一张；点击左侧按钮，图片上滑一张。图片播放的同时，下面小圆圈模块跟...</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.zhezhongyun.com/post/513.html" title="b端详情页:各种信息聚集地，设计师要如何规划这一亩三分地呢" target="_blank"> <h2 class="f-15">b端详情页:各种信息聚集地，设计师要如何规划这一亩三分地呢</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1123.html" title="漏洞系列一一看我一招征服漏洞 SSRF" target="_blank"> <h2 class="f-15">漏洞系列一一看我一招征服漏洞 SSRF</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1118.html" title="接口测试遇到500报错?别慌，你的头部可能有点问题" target="_blank"> <h2 class="f-15">接口测试遇到500报错?别慌，你的头部可能有点问题</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1120.html" title="Web前端需要学什么?Web前端开发需要学习哪些?" target="_blank"> <h2 class="f-15">Web前端需要学什么?Web前端开发需要学习哪些?</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1140.html" title="「资讯」为强迫用户使用Edge浏览器，微软又出新招数" target="_blank"> <h2 class="f-15">「资讯」为强迫用户使用Edge浏览器，微软又出新招数</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1689.html" title="前端Flex布局可视化布局工具介绍，vue和html5快速设计利器" target="_blank"> <h2 class="f-15">前端Flex布局可视化布局工具介绍，vue和html5快速设计利器</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1682.html" title="HTML 简介（html简介及优缺点）" target="_blank"> <h2 class="f-15">HTML 简介（html简介及优缺点）</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1242.html" title="HBuilderX，uni-app创建HTML5项目，同时支持浏览器和移动端" target="_blank"> <h2 class="f-15">HBuilderX，uni-app创建HTML5项目，同时支持浏览器和移动端</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1684.html" title="关于HTML5被简称做H5，你怎么看?（html5缩写）" target="_blank"> <h2 class="f-15">关于HTML5被简称做H5，你怎么看?（html5缩写）</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1499.html" title="现在页面实时聊天都使用Websocket技术实现吗?" target="_blank"> <h2 class="f-15">现在页面实时聊天都使用Websocket技术实现吗?</h2> </a> </li> </ul> </dd> </dl> <dl class="function" id="divPrevious"> <dt class="function_t">最近发表</dt><dd class="function_c"> <ul><li><a title="轻松玩转windows控制台(五):彻底搞懂屏幕缓冲区" href="http://www.zhezhongyun.com/post/4503.html">轻松玩转windows控制台(五):彻底搞懂屏幕缓冲区</a></li> <li><a title="零基础教你学前端——85、高度自适应" href="http://www.zhezhongyun.com/post/4502.html">零基础教你学前端——85、高度自适应</a></li> <li><a title="Grafana可视化平台面板之Gauge仪表和Bar Gauge条形仪表" href="http://www.zhezhongyun.com/post/4501.html">Grafana可视化平台面板之Gauge仪表和Bar Gauge条形仪表</a></li> <li><a title="网页五指棋游戏（五指棋单机）" href="http://www.zhezhongyun.com/post/4500.html">网页五指棋游戏（五指棋单机）</a></li> <li><a title="2020年度中央机关公开遴选和公开选调公务员报名即将开始" href="http://www.zhezhongyun.com/post/4499.html">2020年度中央机关公开遴选和公开选调公务员报名即将开始</a></li> <li><a title="小程序学习日志7:可滚动的视图区域组件(滚动条)" href="http://www.zhezhongyun.com/post/4498.html">小程序学习日志7:可滚动的视图区域组件(滚动条)</a></li> <li><a title="四叶草SEO:主要SEO作弊方法之隐藏文字" href="http://www.zhezhongyun.com/post/4497.html">四叶草SEO:主要SEO作弊方法之隐藏文字</a></li> <li><a title="鸿蒙仓颉语言开发实战教程:商城搜索页" href="http://www.zhezhongyun.com/post/4496.html">鸿蒙仓颉语言开发实战教程:商城搜索页</a></li> <li><a title="鸿蒙Next仓颉语言开发实战教程:设置页面" href="http://www.zhezhongyun.com/post/4495.html">鸿蒙Next仓颉语言开发实战教程:设置页面</a></li> <li><a title="CSS box-sizing 属性详解（css中box属性有哪些）" href="http://www.zhezhongyun.com/post/4494.html">CSS box-sizing 属性详解（css中box属性有哪些）</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.zhezhongyun.com/tags-1.html">HTML 教程<span class="tag-count"> (33)</span></a></li> <li><a title="HTML 简介" href="http://www.zhezhongyun.com/tags-3.html">HTML 简介<span class="tag-count"> (35)</span></a></li> <li><a title="HTML 实例/测验" href="http://www.zhezhongyun.com/tags-46.html">HTML 实例/测验<span class="tag-count"> (32)</span></a></li> <li><a title="HTML 测验" href="http://www.zhezhongyun.com/tags-47.html">HTML 测验<span class="tag-count"> (32)</span></a></li> <li><a title="JavaScript 和 HTML DOM 参考手册" href="http://www.zhezhongyun.com/tags-54.html">JavaScript 和 HTML DOM 参考手册<span class="tag-count"> (32)</span></a></li> <li><a title="HTML 拓展阅读" href="http://www.zhezhongyun.com/tags-55.html">HTML 拓展阅读<span class="tag-count"> (30)</span></a></li> <li><a title="HTML常用标签" href="http://www.zhezhongyun.com/tags-58.html">HTML常用标签<span class="tag-count"> (29)</span></a></li> <li><a title="HTML文本框样式" href="http://www.zhezhongyun.com/tags-60.html">HTML文本框样式<span class="tag-count"> (31)</span></a></li> <li><a title="HTML滚动条样式" href="http://www.zhezhongyun.com/tags-61.html">HTML滚动条样式<span class="tag-count"> (34)</span></a></li> <li><a title="HTML5 浏览器支持" href="http://www.zhezhongyun.com/tags-113.html">HTML5 浏览器支持<span class="tag-count"> (33)</span></a></li> <li><a title="HTML5 新元素" href="http://www.zhezhongyun.com/tags-114.html">HTML5 新元素<span class="tag-count"> (33)</span></a></li> <li><a title="HTML5 WebSocket" href="http://www.zhezhongyun.com/tags-131.html">HTML5 WebSocket<span class="tag-count"> (30)</span></a></li> <li><a title="HTML5 代码规范" href="http://www.zhezhongyun.com/tags-132.html">HTML5 代码规范<span class="tag-count"> (32)</span></a></li> <li><a title="HTML5 标签" href="http://www.zhezhongyun.com/tags-135.html">HTML5 标签<span class="tag-count"> (717)</span></a></li> <li><a title="HTML5 标签 (已废弃)" href="http://www.zhezhongyun.com/tags-137.html">HTML5 标签 (已废弃)<span class="tag-count"> (75)</span></a></li> <li><a title="HTML5电子书" href="http://www.zhezhongyun.com/tags-141.html">HTML5电子书<span class="tag-count"> (32)</span></a></li> <li><a title="HTML5开发工具" href="http://www.zhezhongyun.com/tags-142.html">HTML5开发工具<span class="tag-count"> (34)</span></a></li> <li><a title="HTML5小游戏源码" href="http://www.zhezhongyun.com/tags-143.html">HTML5小游戏源码<span class="tag-count"> (34)</span></a></li> <li><a title="HTML5模板下载" href="http://www.zhezhongyun.com/tags-144.html">HTML5模板下载<span class="tag-count"> (30)</span></a></li> <li><a title="HTTP 状态消息" href="http://www.zhezhongyun.com/tags-159.html">HTTP 状态消息<span class="tag-count"> (33)</span></a></li> <li><a title="HTTP 方法：GET 对比 POST" href="http://www.zhezhongyun.com/tags-160.html">HTTP 方法：GET 对比 POST<span class="tag-count"> (33)</span></a></li> <li><a title="键盘快捷键" href="http://www.zhezhongyun.com/tags-168.html">键盘快捷键<span class="tag-count"> (35)</span></a></li> <li><a title="标签" href="http://www.zhezhongyun.com/tags-171.html">标签<span class="tag-count"> (226)</span></a></li> <li><a title="HTML button formtarget 属性" href="http://www.zhezhongyun.com/tags-218.html">HTML button formtarget 属性<span class="tag-count"> (30)</span></a></li> <li><a title="CSS 水平对齐 (Horizontal Align)" href="http://www.zhezhongyun.com/tags-260.html">CSS 水平对齐 (Horizontal Align)<span class="tag-count"> (30)</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.zhezhongyun.com/"><i class="fa fa-home"></i> 首页</a></li> <li><a href="http://www.zhezhongyun.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.zhezhongyun.com/zb_users/theme/tx_hao/script/txcstx.min.js?v=2024-12-04"></script> </body> </html><!--123.12 ms , 13 queries , 3418kb memory , 0 error-->