Advertisement

html中常见的标签总结(必看)

  • 5星
  •     浏览量: 0
  •     大小:None
  •      文件类型:PDF


简介:
主标题:详细说明HyperText Markup Language(HTML),全称HyperText Markup Language,是创建网页的标准标记语言。其采用一系列标签结构以确保浏览器能够正确解析并清晰显示网页中的各个组成部分。本文将深入分析和介绍几种常见的HyperText Markup Language(HTML)标签及其使用方法。 `h1`标签至`h6`标签被用来定义网页中标题的不同层级结构。其中,`h1`标签代表着最高级别的标题,负责传达网页的核心信息;而相对应的`h6`标签则代表最低级别的标题内容,主要用于补充说明或具体描述。这种多层次的标题安排不仅有助于提升网页整体可读性,还能有效优化搜索引擎排名。 2. **格式化文本标签**: - 使用`

`标签可保持文本原有的格式特性,特别适用于展示代码片段或需要严格保留空格和换行的场景。

- 通过``标记可突出显示重要信息,通常用于标注链接或强调关键内容。例如,在网页中可以写成:这是一个超链接。

- ``标签常被用来表示术语、缩写或需要特别注意的信息,如在技术文档中标记不常用的编程语言名称时:Python是当前流行的编程语言之一。

- 采用``引用作品名称时,通常会将其设置为斜体以区分文本内容。例如:《人工智能的未来》一书中对神经网络技术进行了详细讨论。

- 使用``来强调特定的部分,通常显示效果与上划线类似。例如,在强调研究结果时:实验数据显示该算法在处理大规模数据时具有显著优势。

- 虽然现代风格更倾向于采用CSS框架来处理文本样式问题,但在早期的HTML版本中,``标签确实支持通过属性指定不同显示效果。例如:这是一级标题。

- 尽管不推荐在现代HTML中使用,但``和``标签仍然允许用户调整字体大小以适应不同的视觉需求。例如:这是放大的文字内容。

- ``标记通常用于表示需要删除的内容或显示为灰色的背景。例如:这些数据已过时。

- 通过``标签可以轻松展示代码片段,保持其原始格式和语法结构。例如:function hello() {console.log(Hello, World!);} 

- ` ``标签则主要用于标识键盘输入操作,如在演示快捷键时:wCtrl+Shift+E。

- 使用`
`可以创建一个块引用段落,通常会将其缩进以便于区分。例如:
这是用户提供的内容。
- 通过`
`标签还能实现预格式化文本显示效果,特别适用于需要保持空格和换行的场景。例如:
这段代码将被执行。
3. **行级元素与换行**: `
`标签被用来实现文本的单行断行,以指定的位置作为分隔点,实现文本的断行效果。
标签则用于绘制水平分割线,通常被用来作为内容分区的分隔工具,以增强文本的组织性。 4. **列表标签**: 由
容器包裹的
术语及其对应的
条目构成定义列表。采用无序排列方式,其中每个项目都以独立形式存在。通过有序编号的方式,各个条目按照特定顺序排列。 - HTML标签中使用`< table >`描述一个表的结构。通常会将 `` 标签包裹在一个或多个层中以构建复杂的数据模型。 - 通过 ` `标签定义表格的数据区域位置。该部分常用于放置主要的内容,与表头和脚注分开。 - 每条 ``标记对应一个表格的某一行内容。通常会包含多列信息,并通过其他元素如 `
` 和 `` 进行数据填充。 - 每个 ``标签指定数据表中某一列的标题信息。这些单元格通常是表格的主要参考点,用于快速定位关键数据。 - 使用 ``标签填充表格中的常规数据内容。每个这样的元素代表一个独立的数据单元,在表格中与表头和脚注相对应。 在HTML语言体系中,这类标签仅是众多可能性中的一个。相比而言,完整的HTML标签集合涵盖了无数其他功能与特性。掌握这类标签的基本应用方法,能够显著提升开发效率和代码可读性。在Web技术不断演进的过程中,通过灵活运用CSS与JavaScript等技术手段,网页设计与互动体验得到了前所未有的优化与发展。为了成为一名优秀的Web开发人员,除了打好数值基础外,深入学习并熟练掌握相关技术标准同样不可或缺。

全部评论 (0)

还没有任何评论哟~
客服
客服
  • 优质
    本资料全面总结了HTML中常用的标签及属性,涵盖文本格式化、链接创建、图像插入等基础内容,适合前端开发入门者学习参考。 自己总结的一些常用的HTML标签属性!
  • 优质
    本文档对在网页设计中常用的HTML及CSS标签进行了全面总结,帮助初学者快速掌握基础语法与应用技巧。 HTML和CSS的常见标签汇总,便于Web前端学习过程中查阅。
  • 优质
    本文件提供了HTML5中常用的标签列表及其基本用法,旨在帮助开发者快速查阅和学习,适用于网页制作与设计。 HTML前端开发的效果在很大程度上取决于开发者掌握的标签数量。HTML包含大约七八百个标签,这里为大家总结了一些常用的HTML标签。
  • 优质
    本资源介绍HTML中常用的各种标签及其功能与用法,帮助初学者快速掌握HTML基础,适用于网页设计与开发入门。 ### HTML常用标签详解 #### 跑马灯标签:`` 跑马灯标签在HTML中用于创建滚动文本或图像,常用于网站的新闻滚动条或广告展示区域。其基本语法为`...`,可以附加多个属性来控制行为和样式。 - **behavior**:定义滚动方式。 - `scroll`:普通滚动。 - `slide`:滑动,即只滚动一次然后停止。 - `alternate`:来回滚动。 - **direction**:定义滚动方向。 - `down`:向下滚动。 - `up`:向上滚动。 - `right`:向右滚动。 - `left`:向左滚动。 - **loop**:定义滚动次数,如果设置为`infinite`则无限循环。 - **width**和**height**:设定元素的宽度和高度。 - **bgcolor**:设定背景颜色。 - **scrollamount**:设定每次滚动的距离。 - **scrolldelay**:设定两次滚动之间的时间间隔。 #### 字体效果标签 这些标签用于改变文本显示样式,包括大小、粗细、倾斜等。 - `

    `至`

    `:标题标签,其中`

    `是最大的标题,`

    `是最小的标题。 - ``和``:粗体字,``还具有语义意义,表示强调。 - ``和``:斜体字,``同样具有语义意义,表示强调。 - ``:斜体字,用于定义术语。 - ``和``:下划线,``表示插入的文字。 - ``、``及``:分别用于表示删除线,其中``表示删除的内容。 - ``:键盘文字,用于表示键盘输入。 - ``和``以及`<plaintext>`和`<listing>`:固定宽度字体,适用于不同的文本格式与显示需求。 #### 区断标记 这些标签用于页面布局及格式化: - `<hr>`:水平线,分隔不同部分的内容。 - `<br>`:强制换行而不形成新的段落。 - `<nobr>`:不换行,防止内容自动换行。 - `<p>`:定义一个段落。 - `<center>`:使内容在页面上居中。 #### 链接标签 - `<a>`:创建到其他网页或同一网页中的链接。通过`target`属性可以控制链接打开的方式(如新窗口、当前窗口或特定框架)。 - `<base>`:预设文档内所有相对URL的基地址。 #### 图像和音乐标签: - `<img>`:用于嵌入图像,可设置宽度、高度、边框及替代文本(当图像无法加载时显示的文字)。 - `<bgsound>`:在页面加载时播放背景音乐。 #### 表格标签 表格标签用于创建结构化的数据展示: - `<table>`:定义一个表格。可以通过`align`、`background`、`border`、`bgcolor`和`bordercolor`等属性来调整位置、背景颜色及边框样式。 以上标签与属性构成了HTML中常见的元素,熟练掌握它们对于构建清晰结构且风格丰富的网页至关重要。然而需要注意的是,随着Web标准的发展,一些标签如 `<marquee>` 以及部分字体效果的标签可能被视为过时或不推荐使用;现代Web开发更倾向于利用CSS来实现布局和样式设计。 </div><!----> </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="<span style=color: #f73131>HTML</span><span style=color: #f73131>中</span><span style=color: #f73131>常</span><span style=color: #f73131>见</span><span style=color: #f73131>的</span>转义字符汇<span style=color: #f73131>总</span>" href="https://d.itadn.com/i0_56046843712/B/728514" target="_blank"><span style=color: #f73131>HTML</span><span style=color: #f73131>中</span><span style=color: #f73131>常</span><span style=color: #f73131>见</span><span style=color: #f73131>的</span>转义字符汇<span style=color: #f73131>总</span></a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本文全面总结了在HTML编码中常用的转义字符,帮助开发者解决特殊字符显示问题,提升网页内容的准确性和安全性。 在HTML中常用的转义字符包括: - `&nbsp;`:表示不间断的空格。 - `&ensp;`:表示半宽的空格。 - `&emsp;`:表示全宽的空格。 - `&lt;`:代表小于号 `<` 。 - `&gt;` :代表大于号 `>` 。 - `&amp;`: 表示 & 符号 - `&quot;`: 表示双引号 - `&copy;`: 版权符号,显示为 © - `&reg;`: 已注册商标符号,显示为 ® - `&trade;`:表示商标(美国)TM。 - `&times;` :乘法运算符 × - `&divide;` : 除号 ÷ 注意事项: 1. 转义字符内的各部分之间不能有空格; 2. 所有的转义字符必须以分号`;`结尾; 3. 独立的 & 字母不被认为是转义序列的一部分; 4. HTML中的所有转义字符都是大小写敏感。 </div><!----> </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="Linux<span style=color: #f73131>中</span>yum<span style=color: #f73131>的</span><span style=color: #f73131>常</span><span style=color: #f73131>见</span>命令<span style=color: #f73131>总</span><span style=color: #f73131>结</span>" href="https://d.itadn.com/i0_38095908311/B/1304494" target="_blank">Linux<span style=color: #f73131>中</span>yum<span style=color: #f73131>的</span><span style=color: #f73131>常</span><span style=color: #f73131>见</span>命令<span style=color: #f73131>总</span><span style=color: #f73131>结</span></a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本文档详细总结了在Linux系统中使用Yum软件包管理器时常用的命令及其用法,旨在帮助用户更加高效地进行软件安装、更新和卸载等操作。 Yum软件包管理器基于RPM包管理系统,可以从指定的服务器自动下载并安装RPM包,并且能够处理依赖关系,确保一次安装所有必要的软件包。使用起来非常简单方便。 以下是常用的Yum命令: 1. 安装: - `yum install`:全部安装 - `yum install package1`:仅安装指定的软件包package1 - `yum groupinstall group1`:安装程序组group1 2. 更新和升级: - `yum update`:更新所有已安装的软件包 - `yum update package1`:只更新特定的软件包package1 - `yum check-update`:检查可更新的软件包 - `yum upgrade package1`:将指定程序包packa升级至最新版本 </div><!----> </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="<span style=color: #f73131>HTML</span>页面<span style=color: #f73131>的</span><span style=color: #f73131>常</span><span style=color: #f73131>见</span><span style=color: #f73131>标</span><span style=color: #f73131>签</span>和CSS页面<span style=color: #f73131>的</span><span style=color: #f73131>常</span>用样式 .docx" href="https://d.itadn.com/i0_72404735264/B/1252887" target="_blank"><span style=color: #f73131>HTML</span>页面<span style=color: #f73131>的</span><span style=color: #f73131>常</span><span style=color: #f73131>见</span><span style=color: #f73131>标</span><span style=color: #f73131>签</span>和CSS页面<span style=color: #f73131>的</span><span style=color: #f73131>常</span>用样式 .docx</a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本文档介绍了HTML中常用的标签以及如何使用CSS来美化网页。适合初学者快速掌握网页设计的基础知识与技能。 HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言,而CSS(Cascading Style Sheets)则是一种样式表语言,用于描述HTML或XML文档的呈现效果。这两个技术是构建网页设计的基础,让开发者能够控制网页的布局和外观。 在HTML中,有许多常用的标签: 1. `<h1>` 到 `<h6>` 标签定义不同级别的标题。`<h1>` 是最大的标题,而`<h6>` 是最小的。 2. `<p>` 标签用于创建段落。 3. `<a>` 标签用来创建超链接,其中 `href` 属性指定链接的目标地址。 4. `<img>` 标签插入图片,并且使用 `src` 属性来规定图像的位置。 5. 使用 `<video>` 和 `<source>` 标签可以嵌入视频文件并添加播放控件。 6. `<div>` 是一个通用容器,用于分隔或组织页面内容,并可以通过CSS设置样式。 7. `<span>` 用来组合行内元素以便应用特定的样式。 8. `class` 和 `id` 属性是CSS选择器的关键部分,其中 `class` 可以应用于多个元素而每个元素只能有一个唯一的标识符(通过 `id` 定义)。 9. 使用 `<ul>` 创建无序列表和使用 `<ol>` 创建有序列表,并用 `<li>` 标签定义列表项。 10. `<form>`, `<input>`, 和 `<button>` 标签用于创建表单,其中可以包含各种类型的输入字段(如文本、密码、复选框等),以及提交或重置按钮。 11. 使用 `<textarea>` 创建多行文本区域,并用 `rows` 和 `cols` 属性定义其大小。 12. `<select>` 标签用于创建下拉选择列表,而每个选项通过 `<option>` 定义。 13. `<hr>` 标签用来插入水平分割线以分隔内容。 在CSS方面,可以控制元素的外观和布局: 1. `background` 属性可设置背景颜色、图像以及大小。例如:`background: red;` 设置红色背景;使用 `url(路径)` 来指定图片地址。 2. 使用 `border` 定义边框样式(如宽度、类型及颜色)。例如,`border: 2px solid red;` 3. 分别使用 `border-bottom`, `border-top`, 等属性来单独设置对象的边框部分。 4. 设置文本的颜色通过使用 `color` 属性。 5. 使用 `padding` 来定义元素内部与内容之间的距离,例如:`padding: 10px 20px;` 掌握这些HTML标签和CSS样式能让开发者构建出丰富且具有互动性的网页,并实现个性化的设计。对于初学者来说,了解并使用这些基本概念是进入Web开发领域的第一步。随着经验的积累,可以进一步学习更复杂的布局技巧、响应式设计以及JavaScript交互技术等,以提高网站的设计质量和用户体验。 </div><!----> </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="Qt<span style=color: #f73131>常</span><span style=color: #f73131>见</span>类<span style=color: #f73131>总</span><span style=color: #f73131>结</span>" href="https://d.itadn.com/i0_80576242294/B/446847" target="_blank">Qt<span style=color: #f73131>常</span><span style=color: #f73131>见</span>类<span style=color: #f73131>总</span><span style=color: #f73131>结</span></a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本文章对Qt框架中常用的类进行概述和分类说明,旨在帮助开发者快速掌握Qt编程中的核心组件与功能。 Qt常用类总结:这里列举了一些在QT编程中初学者可能会用到的常见类,希望能帮助大家更快地上手开发。 </div><!----> </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="<span style=color: #f73131>HTML</span>和CSS<span style=color: #f73131>的</span><span style=color: #f73131>常</span>用<span style=color: #f73131>标</span><span style=color: #f73131>签</span>" href="https://d.itadn.com/i0_63860937100/B/1252889" target="_blank"><span style=color: #f73131>HTML</span>和CSS<span style=color: #f73131>的</span><span style=color: #f73131>常</span>用<span style=color: #f73131>标</span><span style=color: #f73131>签</span></a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本教程涵盖了使用HTML和CSS创建网页时常用的标签和属性,适合初学者快速掌握基础布局、样式及结构设置。 HTML和CSS常用標籤的繁體中文版本,非常全面! </div><!----> </div> </li> </body> </html>